Răsfoiți Sursa

added active states to nav

chootka 9 ani în urmă
părinte
comite
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/
 # For more see: http://jekyllrb.com/docs/permalinks/
 permalink: /:categories/:year/:month/:day/:title 
 permalink: /:categories/:year/:month/:day/:title 
 
 
@@ -70,8 +70,8 @@ JB :
   # Some JB helpers refer to these paths; change them here if needed.
   # Some JB helpers refer to these paths; change them here if needed.
   #
   #
   about_path: /about
   about_path: /about
-  # speakers_path : /speakers
-  # program_path : /program
+  speakers_path : /speakers
+  program_path : /program
   policies_path : /policies
   policies_path : /policies
 
 
   # Settings for comments helper
   # Settings for comments helper

+ 9 - 6
_includes/nav.html

@@ -16,12 +16,15 @@
     <!-- Collect the nav links, forms, and other content for toggling -->
     <!-- Collect the nav links, forms, and other content for toggling -->
     <div class="collapse navbar-collapse" id="jb-navbar-collapse">
     <div class="collapse navbar-collapse" id="jb-navbar-collapse">
       <ul class="nav navbar-nav">
       <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>
       </ul>
     </div><!-- /.navbar-collapse -->
     </div><!-- /.navbar-collapse -->
 </nav>
 </nav>

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

@@ -7,7 +7,7 @@
 
 
     <title>Announcing Radical Networks 2016!!!</title>
     <title>Announcing Radical Networks 2016!!!</title>
     
     
-    <meta name="author" content="Radical Networks">
+    <meta name="author" content="">
 
 
     <!-- Enable responsive viewport -->
     <!-- Enable responsive viewport -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <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 -->
     <!-- Collect the nav links, forms, and other content for toggling -->
     <div class="collapse navbar-collapse" id="jb-navbar-collapse">
     <div class="collapse navbar-collapse" id="jb-navbar-collapse">
       <ul class="nav navbar-nav">
       <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>
       </ul>
     </div><!-- /.navbar-collapse -->
     </div><!-- /.navbar-collapse -->
 </nav>
 </nav>
@@ -169,7 +190,7 @@
     <div id="footer">
     <div id="footer">
       <div class="container">
       <div class="container">
         <p>
         <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>
 </p>
       </div>
       </div>
     </div>
     </div>

+ 29 - 8
_site/about/index.html

@@ -7,7 +7,7 @@
 
 
     <title>About</title>
     <title>About</title>
     
     
-    <meta name="author" content="Radical Networks">
+    <meta name="author" content="">
 
 
     <!-- Enable responsive viewport -->
     <!-- Enable responsive viewport -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <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 -->
     <!-- Collect the nav links, forms, and other content for toggling -->
     <div class="collapse navbar-collapse" id="jb-navbar-collapse">
     <div class="collapse navbar-collapse" id="jb-navbar-collapse">
       <ul class="nav navbar-nav">
       <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>
       </ul>
     </div><!-- /.navbar-collapse -->
     </div><!-- /.navbar-collapse -->
 </nav>
 </nav>
@@ -142,7 +163,7 @@
     <div id="footer">
     <div id="footer">
       <div class="container">
       <div class="container">
         <p>
         <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>
 </p>
       </div>
       </div>
     </div>
     </div>

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

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

+ 31 - 10
_site/index.html

@@ -7,7 +7,7 @@
 
 
     <title>Radical Networks</title>
     <title>Radical Networks</title>
     
     
-    <meta name="author" content="Radical Networks">
+    <meta name="author" content="">
 
 
     <!-- Enable responsive viewport -->
     <!-- Enable responsive viewport -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <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 -->
     <!-- Collect the nav links, forms, and other content for toggling -->
     <div class="collapse navbar-collapse" id="jb-navbar-collapse">
     <div class="collapse navbar-collapse" id="jb-navbar-collapse">
       <ul class="nav navbar-nav">
       <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>
       </ul>
     </div><!-- /.navbar-collapse -->
     </div><!-- /.navbar-collapse -->
 </nav>
 </nav>
@@ -93,7 +114,7 @@
 	      <span>03 August 2016</span>
 	      <span>03 August 2016</span>
 	    </div>
 	    </div>
 	    <p>
 	    <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>
 	    </p>
 	    <div class="content">
 	    <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>
 	      <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>
 	    </div>
 	    <p>
 	    <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> 
 	    </p> 
 	</div>  
 	</div>  
 
 
@@ -156,7 +177,7 @@
     <div id="footer">
     <div id="footer">
       <div class="container">
       <div class="container">
         <p>
         <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>
 </p>
       </div>
       </div>
     </div>
     </div>

+ 29 - 8
_site/location/index.html

@@ -7,7 +7,7 @@
 
 
     <title>Location</title>
     <title>Location</title>
     
     
-    <meta name="author" content="Radical Networks">
+    <meta name="author" content="">
 
 
     <!-- Enable responsive viewport -->
     <!-- Enable responsive viewport -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <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 -->
     <!-- Collect the nav links, forms, and other content for toggling -->
     <div class="collapse navbar-collapse" id="jb-navbar-collapse">
     <div class="collapse navbar-collapse" id="jb-navbar-collapse">
       <ul class="nav navbar-nav">
       <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>
       </ul>
     </div><!-- /.navbar-collapse -->
     </div><!-- /.navbar-collapse -->
 </nav>
 </nav>
@@ -172,7 +193,7 @@
     <div id="footer">
     <div id="footer">
       <div class="container">
       <div class="container">
         <p>
         <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>
 </p>
       </div>
       </div>
     </div>
     </div>

+ 29 - 8
_site/policies/index.html

@@ -7,7 +7,7 @@
 
 
     <title>Policies</title>
     <title>Policies</title>
     
     
-    <meta name="author" content="Radical Networks">
+    <meta name="author" content="">
 
 
     <!-- Enable responsive viewport -->
     <!-- Enable responsive viewport -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <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 -->
     <!-- Collect the nav links, forms, and other content for toggling -->
     <div class="collapse navbar-collapse" id="jb-navbar-collapse">
     <div class="collapse navbar-collapse" id="jb-navbar-collapse">
       <ul class="nav navbar-nav">
       <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>
       </ul>
     </div><!-- /.navbar-collapse -->
     </div><!-- /.navbar-collapse -->
 </nav>
 </nav>
@@ -131,7 +152,7 @@
     <div id="footer">
     <div id="footer">
       <div class="container">
       <div class="container">
         <p>
         <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>
 </p>
       </div>
       </div>
     </div>
     </div>

+ 29 - 8
_site/team/index.html

@@ -7,7 +7,7 @@
 
 
     <title>Team</title>
     <title>Team</title>
     
     
-    <meta name="author" content="Radical Networks">
+    <meta name="author" content="">
 
 
     <!-- Enable responsive viewport -->
     <!-- Enable responsive viewport -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <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 -->
     <!-- Collect the nav links, forms, and other content for toggling -->
     <div class="collapse navbar-collapse" id="jb-navbar-collapse">
     <div class="collapse navbar-collapse" id="jb-navbar-collapse">
       <ul class="nav navbar-nav">
       <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>
       </ul>
     </div><!-- /.navbar-collapse -->
     </div><!-- /.navbar-collapse -->
 </nav>
 </nav>
@@ -148,7 +169,7 @@
     <div id="footer">
     <div id="footer">
       <div class="container">
       <div class="container">
         <p>
         <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>
 </p>
       </div>
       </div>
     </div>
     </div>

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

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

+ 1 - 0
index.html

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