Improved page active links

_layouts/page.html

@@ -17,8 +17,8 @@ layout: default
   </a>
   <nav id="page-nav">
     <a href="">Starwars Django Example</a>
-    <a href="/quickstart">Quickstart Guide</a>
-    <a href="/community" class="active">Community</a>
+    <a href="/quickstart"{% if page.active_tab == "quickstart" %} class="active"{% endif %}>Quickstart Guide</a>
+    <a href="/community"{% if page.active_tab == "community" %} class="active"{% endif %}>Community</a>
     <a href="https://github.com/graphql-python/graphene/"><span class="github-icon">Github</span></a>
   </nav>
 </header>

community.md

@@ -1,6 +1,7 @@
 ---
 layout: page
 title: Community
+active_tab: community
 description: The biggest GraphQL Community in Python
 ---
 

quickstart.md

@@ -1,6 +1,7 @@
 ---
 layout: page
 title: Quickstart Guide
+active_tab: quickstart
 description: A Quick guide to Graphene
 ---