web: add footer to live gallery

components/footer.js

@@ -18,12 +18,12 @@ export default () => (
           Built with ♥ by <a href='https://github.com/amio'>Amio</a> and awesome <a href='https://github.com/amio/badgen-service/graphs/contributors'>contributors</a>. Hosted on <a href='https://zeit.co/now'>Now Cloud</a>. License under <a href='https://github.com/amio/badgen-service/blob/master/LICENSE.md'>ISC</a>.
         </div>
         <div className='links'>
-          <a href='https://github.com/amio/badgen-service'>
-            <img src='https://simpleicons.now.sh/icons/github.svg?color=ffffff' />
-          </a>
           <a href='https://twitter.com/badgen_service'>
             <img src='https://simpleicons.now.sh/icons/twitter.svg?color=ffffff' />
           </a>
+          <a href='https://github.com/amio/badgen-service'>
+            <img src='https://simpleicons.now.sh/icons/github.svg?color=ffffff' />
+          </a>
         </div>
       </div>
     </div>
@@ -51,7 +51,7 @@ export default () => (
         line-height: 26px;
       }
       .sitemap a {
-        color: #AAA;
+        color: #999;
         text-transform: uppercase;
         letter-spacing: 0.5px;
       }
@@ -60,7 +60,6 @@ export default () => (
         text-decoration: underline;
       }
       .sitemap em {
-        color: #AAA;
         margin: 0 0.5rem;
       }
       .bottom {

components/gallery-layout.js

@@ -14,7 +14,7 @@ export default class extends React.Component {
         <Footer />
         <style jsx>{`
           .content {
-            padding: 3rem 0;
+            padding: 5rem 0;
           }
         `}</style>
       </div>

pages/gallery/live.js

@@ -1,22 +1,14 @@
 import React from 'react'
-import GalleryHeader from '../../components/gallery-header.js'
+import GalleryLayout from '../../components/gallery-layout.js'
 import BadgeExamples from '../../components/badge-examples.js'
 import liveExamples from '../../libs/examples-live.js'
 
 export default class Gallery extends React.Component {
   render () {
     return (
-      <div className='wrapper'>
-        <GalleryHeader current='live' />
-        <div className='content'>
-          <BadgeExamples data={liveExamples} />
-        </div>
-        <style jsx>{`
-          .content {
-            padding: 3rem 0;
-          }
-        `}</style>
-      </div>
+      <GalleryLayout tab='static'>
+        <BadgeExamples data={liveExamples} />
+      </GalleryLayout>
     )
   }
 }