Separate members page

Author: cheshire137

_includes/nav.html

@@ -10,15 +10,19 @@
     </div>
     <div class="navbar-collapse collapse">
       <ul class="nav navbar-nav">
-        <li class="active"><a href="#top-of-page">About</a></li>
-        <li><a href="#events">Events</a></li>
-        <li><a href="#presentations">Presentations</a></li>
-        <li><a href="#projects">Projects</a></li>
-        <li><a href="#members">Members</a></li>
-        <li><a href="#resources">Resources</a></li>
-        <li><a href="#contact">Contact</a></li>
+        <li{% if page.url == '/index.html' %} class="active"{% endif %}>
+          <a href="/index.html#top-of-page">About</a>
+        </li>
+        <li><a href="/index.html#events">Events</a></li>
+        <li><a href="/index.html#presentations">Presentations</a></li>
+        <li><a href="/index.html#projects">Projects</a></li>
+        <li{% if page.url == '/members/' %} class="active"{% endif %}>
+          <a href="/members/">Members</a>
+        </li>
+        <li><a href="/index.html#resources">Resources</a></li>
+        <li><a href="/index.html#contact">Contact</a></li>
         {% if site.categories.updates.size > 0 %}
-          <li><a href="#updates">Updates</a></li>
+          <li><a href="/index.html#updates">Updates</a></li>
         {% endif %}
       </ul>
       <ul class="nav navbar-nav navbar-right">

_layouts/page.html

@@ -0,0 +1,9 @@
+---
+layout: default
+---
+<div class="page-header">
+  <h1>{{ page.title }}</h1>
+</div>
+<div class="page">
+  {{ content }}
+</div>

css/custom.scss

@@ -80,6 +80,7 @@ h1, h2, h3, h4 {
 
 .page-header {
   text-align: center;
+  border-bottom: none;
 }
 
 .project-thumbnail,
@@ -122,19 +123,15 @@ h1, h2, h3, h4 {
   background-color: $dark-muted-teal;
 }
 
-.page-section#members {
-  background-color: $muted-teal;
-}
-
 .page-section#resources {
-  background-color: $dark-muted-teal;
+  background-color: $muted-teal;
 }
 
 .page-section#contact {
+  background-color: $dark-muted-teal;
 }
 
 .page-section#site-footer {
-  background-color: $muted-teal;
   text-align: center;
   padding-bottom: 20px;
   font-size: 12px;

index.html

@@ -10,7 +10,6 @@ <h1 id="site-title">{{site.name}}</h1>
   {% include events.html %}
   {% include presentations.html %}
   {% include projects.html %}
-  {% include members.html %}
   {% include resources.html %}
   {% include contact.html %}
   {% include updates.html %}

js/custom.js

@@ -9,9 +9,12 @@ $(function() {
     var time_str = time_tag.text();
     time_tag.text(moment(time_str).fromNow());
   });
-  $('a[href^=#]').click(function(event) {
+  $('a[href^="/index.html#"]').click(function(event) {
     var link = $(this);
-    var url = link.attr('href');
+    var url = link.attr('href').replace(/^\/index.html/, '');
+    if (window.location.href.indexOf('/members') > -1) {
+      return true;
+    }
     event.preventDefault();
     var area_to_scroll_to = $(url);
     var y_offset = area_to_scroll_to.offset().top -

_includes/members.html renamed to members.html

@@ -1,6 +1,11 @@
+---
+layout: page
+title: Members
+permalink: /members/
+---
+
 <section id="members" class="page-section">
   <div class="container">
-    <h2>Members</h2>
       {% assign column_counter = 0 %}
       {% for post in site.categories.members reversed %}
         {% if column_counter == 3 %}