tabbed layout for contributing

_layouts/contributing.html

@@ -3,7 +3,7 @@ layout: default
 ---
 
 <!-- https://github.com/adafruit/circuitpython/issues/1246 -->
-
+sign current = page.url | downcase | split: '/' %}
 <div id="libraries-page" class="common-layout">
   <div class="content">
     <h1>Contributing</h1>
@@ -25,8 +25,27 @@ layout: default
       <a href="https://github.com/adafruit/circuitpython/issues">File an issue on the CircuitPython repo!</a>
     </p>
     <h2>Current Status for Week of {{ site.data.libraries.updated_at | date: "%a, %b %d, %Y" }}</h2>
+
+    {% assign current = page.url | downcase | split: '/' %}
+    <ul class='tabbed-navigation'>
+      <li>
+        <a href="/libraries/contributing" {% if current[3] ==
+        nil %}class='active'{% endif %}>Pull Requests</a>
+      </li>
+      <li>
+        <a href="/libraries/contributing/open-issues" {% if current[3] ==
+           'open-issues' %}class='active'{% endif %}>Open Issues</a>
+      </li>
+      <li>
+        <a href="/libraries/contributing/library-infrastructure-issues" {% if
+           current[3] ==
+        'library-infrastructure-issues' %}class='active'{% endif %}>Library Infrastructure Issues</a>
+      </li>
+    </ul>
+    <div class="clear"></div>
     {{ content }}
   </div>
 </div>
 
 <script src="/assets/javascript/contributing.js"></script>
+

assets/sass/pages/_libraries.scss

@@ -26,4 +26,29 @@
   .release-section {
     margin-left: 20px;
   }
+
+  .tabbed-navigation {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    width: 100%;
+    background: white;
+
+    li {
+      float: left;
+      margin: 0 1em 0 0;
+
+      a {
+        display: block;
+        text-decoration: none;
+        padding: 0.5em 0.5em;
+        font-weight: bold;
+        border-bottom: 0.5em solid $gray-border;
+
+        &.active {
+          border-color: #000;
+        }
+      }
+    }
+  }
 }

libraries/contributing/open_issues.html

@@ -17,11 +17,14 @@ permalink: /libraries/contributing/open-issues
         {% endfor %}
     {% endfor %}
   {% endfor %}
-  <select>
-    {% for label in labels %}
-      <option value='{{ label | downcase | replace: ' ', '-' }}'>{{ label | capitalize }}</option>
-    {% endfor %}
-  <select>
+  <p>
+    Sort by issue labels
+    <select>
+      {% for label in labels %}
+        <option value='{{ label | downcase | replace: ' ', '-' }}'>{{ label | capitalize }}</option>
+      {% endfor %}
+    <select>
+  </p>
   <h3>Open Issues</h3>
   <ul>
     {% for library in site.data.libraries.open_issues %}