From efbd3aa762fcc14cda935c627a69d1e6caba4d33 Mon Sep 17 00:00:00 2001
From: Jeff Avallone <jeff.avallone@gmail.com>
Date: Fri, 26 Dec 2014 14:57:13 -0500
Subject: [PATCH] Reformatting header nav links

---
 src/images/GitHub-Mark-32px.png | Bin 1714 -> 0 bytes
 src/sass/main.scss              |  64 +++++++++-----------------------
 template.html                   |  14 ++++---
 3 files changed, 26 insertions(+), 52 deletions(-)
 delete mode 100644 src/images/GitHub-Mark-32px.png

diff --git a/src/images/GitHub-Mark-32px.png b/src/images/GitHub-Mark-32px.png
deleted file mode 100644
index 8b25551a97921681334176ee143b41510a117d86..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1714
zcmaJ?X;2eq7*4oFu!ne{XxAht2qc?8LXr|_LPCfTpaBK7K$c{I0Ld=NLIOeuC;@2)
zZ$K%a)k+m-s0>xHmKxL%0V&0TRzzznhgyqrIC$F)0{WwLXLrBvd*^wc_uSc%h%m9E
z{W5z3f#4_!7RvAyFh6!S_*<8qJ%KOIm?#E|L=rJQq=gB5C6WLG5;c?r%V0>EmEH#X
z5eSwPRa6WXBMs#$5H%GtW2go-in9p>zW@UYDN<n!NPv@68XoE4nX@E7rR0&KnNm=S
z2Exgz;A|}%nH?6T$WB#ol%xQEz|X+N1=KJG0S0xNM#nYqNK?98d~Y_>NWc^XOXZQ?
z1QjEV00I#$3^1wQUJ8&-2UsjB-G|9y(LDhMNN3PM{APL4eYi{(m*ERcUnJa{R+-3^
z34^A6;U^v`8N*O6ji%S@sd{fJqD`XFIUJ5zgTe5^5nj414F(y!G&=H(f)Lgzv?>%+
zAsWD}2qhpH7>|TU`X&W6IxDNuO_vET7|j5oG&&VDr!)hUO8+0KR?nh!m<)a!?|%yG
zqOwq!CWCcIhE{<$E|F|@g>nP6FoYr6C<IBHsbWMjf+4zO1O);kS%8}qQm8a$gZmUi
zD&<NvIt<b%V2O}N!ZoNWm69uB(tX){2A{*><8>D?ID9%&5J(4oSbR1I^byW*g@__U
z4QsF&uJSEcFeleM3~ChjEQGbHOjsGDMbyAl(p=Ttv9RaVo8~I#js@@Y9C^_2U})yn
zzSHU%6FxuY?d;&<huP7GHTb-1@xlJO(B`!HdyxqFQHH(?73$<tXlZL#R;c$4@H*dP
z+g2Gl(SNi>65MyR({^lU*3$z$ZllDb(o&<7d;A_`h<Vt-co_6}4qhm4NL!6;QN;~C
ziOs0?+tNQdT6JgR$TNMl?(B>2U+3~BJ2Hv`{W}KEU801#cv_B|9Cm!ynR{S`AMsSn
z;7E=B;mb!wx$L;S>yGXG^6=&WlQn9$s?&L%Y1D8TI^MlKB1DqsEng$>f4=xYWBoPI
z_S1p!sJ#d2?YI4kPA{k}Eby?F=f-J9zIc`YDl^pzjVm~9ebE?Hn?t0Nx+la|D0MB;
z9)2xv1G>a1|A9kQ>~DV<Q;Z7ho$L^b&Ea$Dj%<sAD|e;zY><=X3-4yC&n!m8-3K#P
z{X@<rb5Hi2cU~WVHh|a|UznA=S2T~Zo%gX~ts(4Xc-Qdmw#zoiO^=#q#=Wa8_3kfM
zx=ub`8M3t4OXkYbtXVWMfw<I@{5w`SwWrV;vC8G9bB*bHN)Yk(=-utUw^Ilfg?CQ4
zGSWYIztN#z924;3n11kgM76CXFCp;!j+#P#S@z&Wc|z;)$KPUozl=B>0zRuQsy$+N
ziSCoLJU{Z$nQy4A4Y5UJ07$5FA~qL2%Q+cLaqDU?Lz3?=BC5;Nk6BbTmmceEaM>-Z
zi>O&-dSE=%ex;vcvCOk{*JQ5^_<YkKqpS$DAH0F(H<X7Bw`87_MOS)Pg#68pNxjDa
zB;jK$zmn_sWuB8y_{V!r7^(ToKe<wuXyxcEh_xT;sDAHiUbnkXO@U&w%;a;~8w^_5
z7JIw!*5j{umb8@5D<0X|rEcyQ=TV&ZS&EAftyyndd$Eih%<?R`$2~8S4QJH5$fAeG
z=l34zf}D3MsipO=ZSVHf&ktr)HOpO__7^nu7LNz%%Lk<ETz#8t6H|H@2wg%He@aa`
zq1}V7F@MGV3R$*cH!B-|SZ5VW<W<&vWR!!JM4Cx^@#nE|aNkx=5~sx;c)F*Skd>4M
z4lW7%l9IqY(z7pV(?I@@8=KPFO82)O{VDI18-*d-k$YmI^XiuPs_LuFw<^ZcD}yP5
c*NrbeloN*74g`U%%F6r~k%+>C^#XapzmV0H-2eap

diff --git a/src/sass/main.scss b/src/sass/main.scss
index be3c678..dcfe066 100644
--- a/src/sass/main.scss
+++ b/src/sass/main.scss
@@ -28,6 +28,10 @@ a {
   margin-right: rhythm(1/4);
 }
 
+h1 {
+  @include adjust-font-size-to(48px, 2);
+}
+
 ul.inline-list {
   @include adjust-font-size-to(14px, 2/3);
   @include inline-block-list;
@@ -53,11 +57,6 @@ ul.inline-list {
   @include box-shadow;
   @include clearfix;
 
-  h1 {
-    @include adjust-font-size-to(48px, 2);
-    font-family: 'Bangers', 'cursive';
-  }
-
   p {
     margin-top: rhythm(1);
   }
@@ -71,56 +70,27 @@ header {
   @include clearfix;
 
   .logo {
-    float: left;
-
-    a {
-      @include unstyled-link;
-    }
-
-    h1 {
-      @include adjust-font-size-to(48px, 2);
-      font-family: 'Bangers', 'cursive';
-    }
+    display: inline-block;
 
     span {
       color: $gray;
     }
   }
 
+  h1 {
+    font-family: 'Bangers', 'cursive';
+  }
+
   nav {
-    overflow: hidden;
+    @include adjust-font-size-to(18px, 1);
+    display: inline-block;
+    margin-left: rhythm(1/4);
+    padding-left: rhythm(1/4);
+    border-left: 1px solid $black;
+  }
 
-    ul {
-      display: inline-block;
-
-      li {
-        margin: 0 0 rhythm(1/4) rhythm(1);
-        padding: 0 rhythm(1/4);
-
-        &::before {
-          content: '\00BB';
-          font-weight: bold;
-          margin-right: rhythm(1/4);
-        }
-      }
-    }
-
-    a {
-      @include adjust-font-size-to($base-font-size, 1);
-      @include unstyled-link;
-    }
-
-    .source {
-      @include adjust-font-size-to($base-font-size, 2);
-      float: right;
-
-      img {
-        vertical-align: middle;
-        margin-right: rhythm(1/4);
-        width: 32px;
-        height: 32px;
-      }
-    }
+  a {
+    @include unstyled-link;
   }
 }
 
diff --git a/template.html b/template.html
index 7805a92..3c1b12e 100644
--- a/template.html
+++ b/template.html
@@ -35,12 +35,16 @@
 
       <nav>
         <ul>
-          <li><a href="/changelog.html">Changelog</a></li>
-          <li><a href="/documentation.html">Documentation</a></li>
+          <li>
+            <a class="oi with-text" data-glyph="list-rich" href="/changelog.html">Changelog</a>
+          </li>
+          <li>
+            <a class="oi with-text" data-glyph="document" href="/documentation.html">Documentation</a>
+          </li>
+          <li>
+            <a class="oi with-text" data-glyph="code" href="https://github.com/javallone/regexper">Source on GitHub</a>
+          </li>
         </ul>
-        <a class="source" href="https://github.com/javallone/regexper">
-          <img src="/images/GitHub-Mark-32px.png" />Source on GitHub
-        </a>
       </nav>
     </header>