Merge pull request #281 from joe-watkins/gh-pages

New Footer with all contributors

_layouts/default.html

@@ -58,26 +58,27 @@
 
     <footer role="contentinfo">
       <div class="container-fluid">
-        <hr />
-
+      <hr />
         <div class="row-fluid">
-          <div class="span8">
-            <h5>Contributors</h5>
+          <div class="span8 github-data">
+            <h3>Join us on <a href="https://github.com/a11yproject/a11yproject.com" rel="external">GitHub</a> <span> <a href="https://github.com/a11yproject/a11yproject.com/graphs/contributors" rel="external"><span class="data contributors">&nbsp;</span>Contributors</a> <a href="https://github.com/a11yproject/a11yproject.com" rel="external"><span class="data stars">&nbsp;</span>Stars</a> <a href="https://github.com/a11yproject/a11yproject.com/issues" rel="external"><span class="data open-issues">&nbsp;</span>Open Issues</a> </span></h3>
+
             <ul id="contributors-list"></ul>
-            <p>Notice an issue or want to help? <a href="http://github.com/a11yproject/a11yproject.com">Please contribute</a>.</p>
+            <ul class="pager contributors-pagination"></ul>
+
           </div>
 
           <div class="span4">
             <h5>Colophon</h5>
-            <p>&copy; <span class="a11y-copyright"></span> The Accessibility Project<br />
-              Powered by <a href="https://github.com/mojombo/jekyll">Jekyll</a> &amp; <a href="http://getbootstrap.com">Bootstrap</a></p>
-            <p><a href="https://twitter.com/A11YProject">@A11YProject</a> | <a href="/atom.xml">Subscribe</a></p>
-            <div id="google_translate_element"></div>
-
+              <p>&copy; <span class="a11y-copyright"></span> The Accessibility Project<br />
+                Powered by <a href="https://github.com/mojombo/jekyll">Jekyll</a> &amp; <a href="http://getbootstrap.com">Bootstrap</a></p>
+              <p><a href="https://twitter.com/A11YProject">@A11YProject</a> | <a href="/atom.xml">Subscribe</a></p>
+              <div id="google_translate_element"></div>
           </div>
-
         </div>
 
+        <p class="notice">Notice an issue or want to help? <a href="http://github.com/a11yproject/a11yproject.com">Please contribute</a>.</p>
+
       </div> <!-- /container -->
 
     </footer>
@@ -90,63 +91,12 @@ <h5>Colophon</h5>
     <!-- Site-Scripts | Includes: bootstrap-dropdown.js, bootstrap-collapse.js, garlic.min.js -->
     <script src="/js/minified/scripts-min.js"></script>
 
-    <!-- Dynamic Copyright Year -->
-    <script>
-      $('.a11y-copyright').text(new Date().getFullYear())
-    </script>
-
     <script type="text/javascript">
     function googleTranslateElementInit() {
       new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
     }
     </script>
     <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
 
-    <script>
-    (function($){
-      var url = 'https://api.github.com/repos/a11yproject/a11yproject.com/contributors?callback=?';
-
-      function listContributors(data) {
-
-        var html = '';
-        $(data).each(function(i, user){
-          html += '<li><a href="'+ user.url.replace('api.','').replace('users/','') +'"><img src="'+ user.avatar_url +'" alt="'+ user.login +'" class="contributor-avatar"></a></li>';
-        });
-
-        $(html).appendTo('#contributors-list');
-
-      }
-
-
-      if(window.matchMedia('(min-width: 480px)').matches) {
-        $.ajax({
-          type: 'GET',
-          url: url,
-          async: false,
-          contentType: "application/json",
-          dataType: 'jsonp',
-          success: function(data){
-            listContributors(data.data);
-          },
-          error: function(e) {
-            console.log(e.message);
-          }
-        });
-      }
-
-    })(jQuery);
-
-    (function($){
-      var toc = $('#toc');
-
-      if(toc.length) {
-        toc.prepend('<li class="nav-header">Archive Categories</li>');
-        $('.category-title').each(function(){
-          toc.append('<li><a href=#'+this.id+'>'+$(this).text()+'</a>');
-        });
-      }
-
-    })(jQuery);
-    </script>
   </body>
 </html>

_sass/master.scss

@@ -61,6 +61,58 @@ body {
   }
 }
 
+.github-data {
+  h3 {
+    * { vertical-align: middle; }
+  }
+  h3 > a {
+    position: relative;
+    margin-right: 1em;
+    &:after {
+      content: ' ';
+      position: absolute;
+      right: -.6em;
+      top: 0;
+      height: 1.3em;
+      width: 1px;
+      background: #eee;
+      display: none;
+      @media(min-width: 840px){
+        display: block;
+      }
+    }
+  }
+  h3 a + a {
+    margin-left: 1.3em;
+  }
+  h3 > span {
+    display: block;
+    @media(min-width: 840px){
+      display: inline-block;
+    }
+  }
+  h3 a span {
+    margin-right: .3em;
+  }
+  h3 span {
+    font-size: .5em;
+    position: relative;
+    span {
+      font-size: 1em;
+      display: inline-block;
+      background: #3072ba;
+      color: #fff;
+      text-shadow: 1px 1px 1px darken(#3072ba,15%);
+      line-height: 1;
+      padding: 5px;
+      border-radius: 4px;
+    }
+  }
+  .pager {
+    text-align: left;
+  }
+}
+
 // Post
 // -------------------------------------------------------------
 .latest-posts {