瀏覽代碼

added active states to nav

chootka 9 年之前
父節點
當前提交
501b41aa1e

+ 3 - 3
_config.yml

@@ -1,4 +1,4 @@
-# This is the default format. 
+This is the default format. 
 # For more see: http://jekyllrb.com/docs/permalinks/
 permalink: /:categories/:year/:month/:day/:title 
 
@@ -70,8 +70,8 @@ JB :
   # Some JB helpers refer to these paths; change them here if needed.
   #
   about_path: /about
-  # speakers_path : /speakers
-  # program_path : /program
+  speakers_path : /speakers
+  program_path : /program
   policies_path : /policies
 
   # Settings for comments helper

+ 9 - 6
_includes/nav.html

@@ -16,12 +16,15 @@
     <!-- Collect the nav links, forms, and other content for toggling -->
     <div class="collapse navbar-collapse" id="jb-navbar-collapse">
       <ul class="nav navbar-nav">
-        <li><a href="/about/index.html">About</a></li>
-        <!-- <li><a href="/speakers/index.html">Speakers</a></li> -->
-        <!-- <li><a href="/program/index.html">Program</a></li> -->
-        <li><a href="/team/index.html">Team</a></li>
-        <li><a href="/policies/index.html">Policies</a></li>
-        <li><a href="/location/index.html">Location</a></li>
+      {% for node in site.pages %}
+        {% unless node.exclude_from_nav %}
+            {% if page.url == node.url %}
+              <li class="active"><a href="{{node.url}}" class="active">{{node.title}}</a></li>
+            {% else %}
+              <li><a href="{{node.url}}">{{node.title}}</a></li>
+            {% endif %}
+        {% endunless %}
+      {% endfor %}
       </ul>
     </div><!-- /.navbar-collapse -->
 </nav>

+ 29 - 8
_site/2016/08/03/Announcing-Radical-Networks.html

@@ -7,7 +7,7 @@
 
     <title>Announcing Radical Networks 2016!!!</title>
     
-    <meta name="author" content="Radical Networks">
+    <meta name="author" content="">
 
     <!-- Enable responsive viewport -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -60,12 +60,33 @@
     <!-- Collect the nav links, forms, and other content for toggling -->
     <div class="collapse navbar-collapse" id="jb-navbar-collapse">
       <ul class="nav navbar-nav">
-        <li><a href="/about/index.html">About</a></li>
-        <!-- <li><a href="/speakers/index.html">Speakers</a></li> -->
-        <!-- <li><a href="/program/index.html">Program</a></li> -->
-        <li><a href="/team/index.html">Team</a></li>
-        <li><a href="/policies/index.html">Policies</a></li>
-        <li><a href="/location/index.html">Location</a></li>
+      
+        
+            
+              <li><a href="/about/">About</a></li>
+            
+        
+      
+        
+            
+              <li><a href="/location/">Location</a></li>
+            
+        
+      
+        
+            
+              <li><a href="/policies/">Policies</a></li>
+            
+        
+      
+        
+            
+              <li><a href="/team/">Team</a></li>
+            
+        
+      
+        
+      
       </ul>
     </div><!-- /.navbar-collapse -->
 </nav>
@@ -169,7 +190,7 @@
     <div id="footer">
       <div class="container">
         <p>
-	&copy; 2016 Radical Networks &bull; Maintained by <a href="https://github.com/chootka">chootka</a>
+	&copy; 2016  &bull; Maintained by <a href="https://github.com/chootka">chootka</a>
 </p>
       </div>
     </div>

+ 29 - 8
_site/about/index.html

@@ -7,7 +7,7 @@
 
     <title>About</title>
     
-    <meta name="author" content="Radical Networks">
+    <meta name="author" content="">
 
     <!-- Enable responsive viewport -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -60,12 +60,33 @@
     <!-- Collect the nav links, forms, and other content for toggling -->
     <div class="collapse navbar-collapse" id="jb-navbar-collapse">
       <ul class="nav navbar-nav">
-        <li><a href="/about/index.html">About</a></li>
-        <!-- <li><a href="/speakers/index.html">Speakers</a></li> -->
-        <!-- <li><a href="/program/index.html">Program</a></li> -->
-        <li><a href="/team/index.html">Team</a></li>
-        <li><a href="/policies/index.html">Policies</a></li>
-        <li><a href="/location/index.html">Location</a></li>
+      
+        
+            
+              <li class="active"><a href="/about/" class="active">About</a></li>
+            
+        
+      
+        
+            
+              <li><a href="/location/">Location</a></li>
+            
+        
+      
+        
+            
+              <li><a href="/policies/">Policies</a></li>
+            
+        
+      
+        
+            
+              <li><a href="/team/">Team</a></li>
+            
+        
+      
+        
+      
       </ul>
     </div><!-- /.navbar-collapse -->
 </nav>
@@ -142,7 +163,7 @@
     <div id="footer">
       <div class="container">
         <p>
-	&copy; 2016 Radical Networks &bull; Maintained by <a href="https://github.com/chootka">chootka</a>
+	&copy; 2016  &bull; Maintained by <a href="https://github.com/chootka">chootka</a>
 </p>
       </div>
     </div>

+ 4 - 4
_site/assets/themes/css/style.css

@@ -116,15 +116,15 @@ header .social {
   text-shadow: none;
 }
 
+.navbar-nav>li>a.active {
+  border-bottom: 1px solid #07E656;
+}
+
 ul.nav li {
   background: none;
   padding-left: 30px;
 }
 
-ul.nav li a.active {
-  color: #F49CCA;
-}
-
 .nav>li>a:hover, .nav>li>a:focus {
   color: #B01C6A;
   background-color: #111;

+ 31 - 10
_site/index.html

@@ -7,7 +7,7 @@
 
     <title>Radical Networks</title>
     
-    <meta name="author" content="Radical Networks">
+    <meta name="author" content="">
 
     <!-- Enable responsive viewport -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -60,12 +60,33 @@
     <!-- Collect the nav links, forms, and other content for toggling -->
     <div class="collapse navbar-collapse" id="jb-navbar-collapse">
       <ul class="nav navbar-nav">
-        <li><a href="/about/index.html">About</a></li>
-        <!-- <li><a href="/speakers/index.html">Speakers</a></li> -->
-        <!-- <li><a href="/program/index.html">Program</a></li> -->
-        <li><a href="/team/index.html">Team</a></li>
-        <li><a href="/policies/index.html">Policies</a></li>
-        <li><a href="/location/index.html">Location</a></li>
+      
+        
+            
+              <li><a href="/about/">About</a></li>
+            
+        
+      
+        
+            
+              <li><a href="/location/">Location</a></li>
+            
+        
+      
+        
+            
+              <li><a href="/policies/">Policies</a></li>
+            
+        
+      
+        
+            
+              <li><a href="/team/">Team</a></li>
+            
+        
+      
+        
+      
       </ul>
     </div><!-- /.navbar-collapse -->
 </nav>
@@ -93,7 +114,7 @@
 	      <span>03 August 2016</span>
 	    </div>
 	    <p>
-	      <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://radicalnetworks.org/2016/08/03/Announcing-Radical-Networks" data-via="radnetworks">Tweet</a>
+	      <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://radicalnetworks.org/2016/08/03/Announcing-Radical-Networks.html" data-via="radnetworks">Tweet</a>
 	    </p>
 	    <div class="content">
 	      <p>Join us for three days of speakers, panels and workshops designed to introduce the community to DIY networking. Learn how to create your own offline networks, portable web servers, mesh networks or internet gateways in hands on workshops. Attend panels where you can discuss your visions for how a localized network could support your school, your community, or your cause. Listen to speakers talk about the future of computer networks and why it’s important to understand how networks work in this age of hyper-connectivity.</p>
@@ -119,7 +140,7 @@
 
 	    </div>
 	    <p>
-			<a href="/2016/08/03/Announcing-Radical-Networks">Read More &raquo;</a> 
+			<a href="/2016/08/03/Announcing-Radical-Networks.html">Read More &raquo;</a> 
 	    </p> 
 	</div>  
 
@@ -156,7 +177,7 @@
     <div id="footer">
       <div class="container">
         <p>
-	&copy; 2016 Radical Networks &bull; Maintained by <a href="https://github.com/chootka">chootka</a>
+	&copy; 2016  &bull; Maintained by <a href="https://github.com/chootka">chootka</a>
 </p>
       </div>
     </div>

+ 29 - 8
_site/location/index.html

@@ -7,7 +7,7 @@
 
     <title>Location</title>
     
-    <meta name="author" content="Radical Networks">
+    <meta name="author" content="">
 
     <!-- Enable responsive viewport -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -60,12 +60,33 @@
     <!-- Collect the nav links, forms, and other content for toggling -->
     <div class="collapse navbar-collapse" id="jb-navbar-collapse">
       <ul class="nav navbar-nav">
-        <li><a href="/about/index.html">About</a></li>
-        <!-- <li><a href="/speakers/index.html">Speakers</a></li> -->
-        <!-- <li><a href="/program/index.html">Program</a></li> -->
-        <li><a href="/team/index.html">Team</a></li>
-        <li><a href="/policies/index.html">Policies</a></li>
-        <li><a href="/location/index.html">Location</a></li>
+      
+        
+            
+              <li><a href="/about/">About</a></li>
+            
+        
+      
+        
+            
+              <li class="active"><a href="/location/" class="active">Location</a></li>
+            
+        
+      
+        
+            
+              <li><a href="/policies/">Policies</a></li>
+            
+        
+      
+        
+            
+              <li><a href="/team/">Team</a></li>
+            
+        
+      
+        
+      
       </ul>
     </div><!-- /.navbar-collapse -->
 </nav>
@@ -172,7 +193,7 @@
     <div id="footer">
       <div class="container">
         <p>
-	&copy; 2016 Radical Networks &bull; Maintained by <a href="https://github.com/chootka">chootka</a>
+	&copy; 2016  &bull; Maintained by <a href="https://github.com/chootka">chootka</a>
 </p>
       </div>
     </div>

+ 29 - 8
_site/policies/index.html

@@ -7,7 +7,7 @@
 
     <title>Policies</title>
     
-    <meta name="author" content="Radical Networks">
+    <meta name="author" content="">
 
     <!-- Enable responsive viewport -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -60,12 +60,33 @@
     <!-- Collect the nav links, forms, and other content for toggling -->
     <div class="collapse navbar-collapse" id="jb-navbar-collapse">
       <ul class="nav navbar-nav">
-        <li><a href="/about/index.html">About</a></li>
-        <!-- <li><a href="/speakers/index.html">Speakers</a></li> -->
-        <!-- <li><a href="/program/index.html">Program</a></li> -->
-        <li><a href="/team/index.html">Team</a></li>
-        <li><a href="/policies/index.html">Policies</a></li>
-        <li><a href="/location/index.html">Location</a></li>
+      
+        
+            
+              <li><a href="/about/">About</a></li>
+            
+        
+      
+        
+            
+              <li><a href="/location/">Location</a></li>
+            
+        
+      
+        
+            
+              <li class="active"><a href="/policies/" class="active">Policies</a></li>
+            
+        
+      
+        
+            
+              <li><a href="/team/">Team</a></li>
+            
+        
+      
+        
+      
       </ul>
     </div><!-- /.navbar-collapse -->
 </nav>
@@ -131,7 +152,7 @@
     <div id="footer">
       <div class="container">
         <p>
-	&copy; 2016 Radical Networks &bull; Maintained by <a href="https://github.com/chootka">chootka</a>
+	&copy; 2016  &bull; Maintained by <a href="https://github.com/chootka">chootka</a>
 </p>
       </div>
     </div>

+ 29 - 8
_site/team/index.html

@@ -7,7 +7,7 @@
 
     <title>Team</title>
     
-    <meta name="author" content="Radical Networks">
+    <meta name="author" content="">
 
     <!-- Enable responsive viewport -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -60,12 +60,33 @@
     <!-- Collect the nav links, forms, and other content for toggling -->
     <div class="collapse navbar-collapse" id="jb-navbar-collapse">
       <ul class="nav navbar-nav">
-        <li><a href="/about/index.html">About</a></li>
-        <!-- <li><a href="/speakers/index.html">Speakers</a></li> -->
-        <!-- <li><a href="/program/index.html">Program</a></li> -->
-        <li><a href="/team/index.html">Team</a></li>
-        <li><a href="/policies/index.html">Policies</a></li>
-        <li><a href="/location/index.html">Location</a></li>
+      
+        
+            
+              <li><a href="/about/">About</a></li>
+            
+        
+      
+        
+            
+              <li><a href="/location/">Location</a></li>
+            
+        
+      
+        
+            
+              <li><a href="/policies/">Policies</a></li>
+            
+        
+      
+        
+            
+              <li class="active"><a href="/team/" class="active">Team</a></li>
+            
+        
+      
+        
+      
       </ul>
     </div><!-- /.navbar-collapse -->
 </nav>
@@ -148,7 +169,7 @@
     <div id="footer">
       <div class="container">
         <p>
-	&copy; 2016 Radical Networks &bull; Maintained by <a href="https://github.com/chootka">chootka</a>
+	&copy; 2016  &bull; Maintained by <a href="https://github.com/chootka">chootka</a>
 </p>
       </div>
     </div>

+ 4 - 4
assets/themes/css/style.css

@@ -116,15 +116,15 @@ header .social {
   text-shadow: none;
 }
 
+.navbar-nav>li>a.active {
+  border-bottom: 1px solid #07E656;
+}
+
 ul.nav li {
   background: none;
   padding-left: 30px;
 }
 
-ul.nav li a.active {
-  color: #F49CCA;
-}
-
 .nav>li>a:hover, .nav>li>a:focus {
   color: #B01C6A;
   background-color: #111;

+ 1 - 0
index.html

@@ -1,6 +1,7 @@
 ---
 layout: default
 title : Radical Networks
+exclude_from_nav: true
 ---
 {% include JB/setup %}
 {% for post in site.posts %}