Updating content in global navigation.

Author: mrmrs

src/templates/footer.html

@@ -1,7 +1,16 @@
 <footer class="bg-near-white mid-gray ph3 ph5-ns pv5 pv6-ns bt b--light-gray">
+  <a href="https://twitter.com/intent/tweet?text=Tachyons: Functional CSS for Humans.&url=http://tachyons.io" target="_blank" class="dn mb3 twitter bg-white link dim br2 ph2 pb1 pt0 lh-solid" style="background-color: #55acee;">
+    <svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
+      <path d="M2 4 C6 8 10 12 15 11 A6 6 0 0 1 22 4 A6 6 0 0 1 26 6 A8 8 0 0 0 31 4 A8 8 0 0 1 28 8 A8 8 0 0 0 32 7 A8 8 0 0 1 28 11 A18 18 0 0 1 10 30 A18 18 0 0 1 0 27 A12 12 0 0 0 8 24 A8 8 0 0 1 3 20 A8 8 0 0 0 6 19.5 A8 8 0 0 1 0 12 A8 8 0 0 0 3 13 A8 8 0 0 1 2 4"/>
+    </svg>
+    <span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
+  </a>
+  <article>
+    <iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
+    <iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=fork&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
+  </article>
 
   <p>
-
     <a class="black-70 link dim b dib mr3" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
       Join our Slack Channel
     </a>

src/templates/header.html

@@ -1,33 +1,27 @@
 <header class="w-100 pa3 ph5-ns bg-near-white">
   <div class="dt w-100">
     <div class="dtc v-mid tl w-50">
-      <a href="/" class="f5 f4-ns fw6 mt0 mb1 link black-50" title="Home">
+      <a href="/" class="dib f5 f4-ns fw6 mt0 mb1 link black-50 dim" title="Home">
         Tachyons
         <div class="dib">
-          <small class="nowrap f6 mt2 mt3-ns pr2 black-50">v4.0.1-beta</small>
+          <small class="nowrap f6 mt2 mt3-ns pr2 black-50 fw2">v4.0.2-beta</small>
         </div>
       </a>
     </div>
-    <div class="db dtc-l v-mid w-100 w-50-l tr">
+    <div class="db dtc v-mid w-100 tr">
+
       <a title="Documentation" href="/docs/"
-         class="f6 b dim link black-50 mr1 mr3-m mr4-l">
+         class="f6 b dim link black-50 mr1 mr3-m mr4-l dib">
         Docs
       </a>
       <a title="Tachyons on GitHub" href="http://github.com/mrmrs/tachyons/"
-         class="f6 b dim link black-50 mr1 mr3-m mr4-l">
+         class="f6 b dim link black-50 mr1 mr3-m mr4-l dib">
         GitHub
       </a>
       <a title="Tachyons Npm Modules" href="/#npm"
-         class="f6 b link black-50 tc dim">
+         class="f6 b link black-50 dim dib">
         Npm
       </a>
     </div>
   </div>
-  <nav class="pv2 dn">
-    <a class="f6 fw6 link dim dib mr3 mid-gray" href="/docs/">Docs</a>
-    <a class="f6 fw6 link dim dib mr3 mid-gray" href="/docs/general">General</a>
-    <a class="f6 fw6 link dim dib mr3 mid-gray" href="/docs/typography">Typography</a>
-    <a class="f6 fw6 link dim dib mr2 mid-gray" href="/docs/layout">Layout</a>
-    <a class="f6 fw6 link dim dib mr2 mid-gray" href="/docs/themes">Themes</a>
-  </nav>
 </header>