From 471f361fd79f9a350a868c77533e550bad9340af Mon Sep 17 00:00:00 2001
From: Levi McCallum <levi@pinterest.com>
Date: Fri, 28 Apr 2017 15:18:23 -0700
Subject: [PATCH] Fix site header

---
 docs/_includes/header.html  |  7 +++++--
 docs/static/images/logo.svg | 24 ++++++++++++++++++++++++
 docs/stylesheets/main.scss  |  9 +++++++--
 docs/stylesheets/media.css  | 12 ++++--------
 4 files changed, 40 insertions(+), 12 deletions(-)
 create mode 100644 docs/static/images/logo.svg

diff --git a/docs/_includes/header.html b/docs/_includes/header.html
index c9dda15b7..e22b49e1c 100755
--- a/docs/_includes/header.html
+++ b/docs/_includes/header.html
@@ -46,7 +46,11 @@
 </div>
 <header>
 	<div class="container">
-		<h1 id="logo"><a href="/"><img src="../static/images/Texturelogo.png" alt="Texture" width="186" height="40"></a></h1>
+		<h1 id="logo">
+            <a href="/">
+                <img src="{{ "/static/images/logo.svg" | relative_url }}" alt="Texture">
+            </a>
+        </h1>
 		<nav>
 			<ul>
 				<li><a href="/docs/getting-started.html" {% if (page.layout == 'docs') %} class="active" {% endif %}>docs</a></li>
@@ -56,6 +60,5 @@ <h1 id="logo"><a href="/"><img src="../static/images/Texturelogo.png" alt="Textu
 				<li><a href="http://github.com/texturegroup/texture">github</a></li>
 	    	</ul>
 		</nav>
-		<div style="clear: both;"></div>
 	</div>
 </header>
diff --git a/docs/static/images/logo.svg b/docs/static/images/logo.svg
new file mode 100644
index 000000000..bc30fe6cd
--- /dev/null
+++ b/docs/static/images/logo.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="185px" height="40px" viewBox="0 0 185 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 43.1 (39012) - http://www.bohemiancoding.com/sketch -->
+    <title>Texture Logo</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <linearGradient x1="0%" y1="50%" x2="100%" y2="50%" id="linearGradient-1">
+            <stop stop-color="#154DFB" offset="0%"></stop>
+            <stop stop-color="#00D4F2" offset="65.7645089%"></stop>
+            <stop stop-color="#13EFAA" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="0%" y1="50%" x2="100%" y2="50%" id="linearGradient-2">
+            <stop stop-color="#154DFB" offset="0%"></stop>
+            <stop stop-color="#00D4F2" offset="65.7645089%"></stop>
+            <stop stop-color="#00F1B8" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Texture-Logo">
+            <path d="M147.674887,4.12371134e-05 L150.268082,4.12371134e-05 C150.835093,4.12371134e-05 151.419216,0.448082474 151.566227,0.99571134 L156.349938,18.8301443 C156.496948,19.3777732 156.496948,20.2738557 156.349938,20.8214845 L151.566227,38.6559175 C151.419216,39.2037526 150.835093,39.6517938 150.268082,39.6517938 L147.674887,39.6517938 C147.107876,39.6517938 146.764165,39.2037526 146.910969,38.6559175 L151.689938,20.840866 C151.836742,20.2932371 151.955711,19.840866 151.954268,19.8355052 C151.953031,19.8303505 151.953031,19.8214845 151.954268,19.8161237 C151.955711,19.8109691 151.836742,19.3585979 151.689938,18.8107629 L146.910969,0.99571134 C146.764165,0.448082474 147.107876,4.12371134e-05 147.674887,4.12371134e-05 Z M181.076247,4.12371134e-05 L183.856041,4.12371134e-05 C184.423052,4.12371134e-05 184.738928,0.439628866 184.558103,0.976948454 C184.558103,0.976948454 180.945113,11.7054021 180.869649,19.8258144 C180.945113,27.946433 184.558103,38.6746804 184.558103,38.6746804 C184.738928,39.2122062 184.423052,39.6517938 183.856041,39.6517938 L181.076247,39.6517938 C180.509237,39.6517938 179.911093,39.2076701 179.746763,38.6649897 C179.746763,38.6649897 176.443464,27.7511753 176.376247,19.8258144 C176.443464,11.9006598 179.746763,0.986639175 179.746763,0.986639175 C179.911093,0.443958763 180.509237,4.12371134e-05 181.076247,4.12371134e-05 Z M163.604928,38.6207835 L163.604928,1.0308866 C163.604928,0.463876289 164.068845,-4.12371134e-05 164.635856,-4.12371134e-05 L167.070082,-4.12371134e-05 C167.637093,-4.12371134e-05 168.10101,0.463876289 168.10101,1.0308866 L168.10101,38.6207835 C168.10101,39.1877938 167.637093,39.6517113 167.070082,39.6517113 L164.635856,39.6517113 C164.068845,39.6517113 163.604928,39.1877938 163.604928,38.6207835 Z M128.052619,0.206226804 L131.223134,0.206226804 C131.790144,0.206226804 132.491381,0.604989691 132.781485,1.092 L143.527876,19.1460206 C143.817773,19.6334433 143.817773,20.4307629 143.527876,20.9179794 L132.781485,38.9722062 C132.491381,39.4592165 131.790144,39.8579794 131.223134,39.8579794 L128.052619,39.8579794 C127.485608,39.8579794 127.25901,39.4592165 127.548907,38.9722062 L138.295505,20.9179794 C138.585402,20.4307629 138.585402,19.6334433 138.295505,19.1460206 L127.548907,1.092 C127.25901,0.604989691 127.485608,0.206226804 128.052619,0.206226804 Z" id="Texture-Logo-Glyph" fill="url(#linearGradient-2)"></path>
+            <path d="M0.0865979381,11.1649485 L22.6123711,11.1649485 L22.6123711,15.9443299 L14.1896907,15.9443299 L14.1896907,39.1752577 L8.50927835,39.1752577 L8.50927835,15.9443299 L0.0865979381,15.9443299 L0.0865979381,11.1649485 Z M28.7351771,39.7628866 C27.0636992,39.7628866 25.5815688,39.4886598 24.2887853,38.9402062 C22.9960018,38.3917526 21.9056234,37.6408939 21.0176513,36.6876289 C20.1296792,35.7343639 19.4571698,34.6048108 19.0001255,33.2989691 C18.5430807,31.9931273 18.3145585,30.5958763 18.3145585,29.1072165 C18.3145585,27.6185567 18.5561395,26.2278351 19.0393008,24.9350515 C19.5224621,23.642268 20.2014997,22.5257732 21.0764142,21.585567 C21.9513287,20.6453608 22.9960018,19.9010309 24.2104348,19.3525773 C25.4248678,18.8041237 26.763356,18.5298969 28.2258987,18.5298969 C29.8451551,18.5298969 31.2685232,18.8237113 32.4960018,19.4113402 C33.7235247,19.9989691 34.7551402,20.8281783 35.5908472,21.8989691 C36.4265864,22.9697598 37.0599193,24.2429557 37.4908472,25.7185567 C37.921775,27.1941577 38.1372389,28.8329897 38.1372389,30.6350515 L23.5640431,30.6350515 C23.7729776,32.2020619 24.3018435,33.4295531 25.150641,34.3175258 C25.9994426,35.2054979 27.1812298,35.6494845 28.6960018,35.6494845 C29.740675,35.6494845 30.5764142,35.4274918 31.2032183,34.9835052 C31.8300224,34.5395185 32.2870667,33.9388314 32.5743523,33.1814433 L37.8238369,33.1814433 C37.6410182,34.069416 37.3080297,34.9116835 36.8248678,35.7082474 C36.3417059,36.5048114 35.7149018,37.2034366 34.9444554,37.8041237 C34.173978,38.4048114 33.2664183,38.8814433 32.221775,39.2340206 C31.1770887,39.5865979 30.0148898,39.7628866 28.7351771,39.7628866 Z M28.3042492,22.643299 C26.89394,22.643299 25.8231498,23.0285227 25.0918781,23.7989691 C24.3606064,24.5694154 23.8774451,25.6206186 23.6423936,26.9525773 L32.5743523,26.9525773 C32.4960018,25.6728526 32.0716028,24.6347083 31.3011565,23.8381443 C30.5307101,23.0415804 29.531741,22.643299 28.3042492,22.643299 Z M44.1033438,28.5195876 L37.5610758,19.0783505 L43.6332408,19.0783505 L47.1981892,24.8371134 L47.2765397,24.8371134 L50.6456119,19.0783505 L56.1693232,19.0783505 L49.9404572,28.4804124 L57.1095294,39.1752577 L50.7631377,39.1752577 L47.0414882,32.5154639 L46.9631377,32.5154639 L42.6146841,39.1752577 L36.7775706,39.1752577 L44.1033438,28.5195876 Z M55.9457374,19.0783505 L58.7271807,19.0783505 L58.7271807,12.8103093 L63.93749,12.8103093 L63.93749,19.0783505 L67.3849127,19.0783505 L67.3849127,22.6041237 L63.93749,22.6041237 L63.93749,33.2597938 C63.93749,34.0171819 64.1203081,34.5395185 64.4859436,34.8268041 C64.8515791,35.1140897 65.3347411,35.257732 65.9354281,35.257732 L66.9539848,35.257732 C67.1368023,35.257732 67.319621,35.2446731 67.5024384,35.2185567 L67.5024384,39.1360825 C67.2412705,39.1621995 66.9539848,39.1752577 66.6405828,39.1752577 C66.3532972,39.2013748 66.0007198,39.214433 65.5828508,39.214433 L64.1725415,39.214433 C63.5196204,39.214433 62.8732286,39.1426119 62.2333663,38.9989691 C61.593498,38.8553263 61.0123985,38.6006871 60.4900673,38.2350515 C59.9677301,37.869416 59.5433323,37.3731959 59.2168714,36.7463918 C58.8904106,36.1195876 58.7271807,35.3360825 58.7271807,34.3958763 L58.7271807,22.6041237 L55.9457374,22.6041237 L55.9457374,19.0783505 Z M81.5778217,39.1752577 L86.7097805,39.1752577 L86.7097805,19.0783505 L81.3819454,19.0783505 L81.3819454,30.6742268 C81.3819454,32.0061856 81.0228393,33.0965634 80.3046258,33.9453608 C79.5864124,34.7941577 78.6005021,35.2185567 77.3468939,35.2185567 C76.1977532,35.2185567 75.3554851,34.9051546 74.8200898,34.2783505 C74.2846944,33.6515464 74.016997,32.7505155 74.016997,31.5752577 L74.016997,19.0783505 L68.7283372,19.0783505 L68.7283372,32.4762887 C68.7283372,34.6962201 69.3290237,36.4591067 70.530399,37.7649485 C71.7317732,39.0707902 73.4554845,39.7237113 75.7015331,39.7237113 C77.1118423,39.7237113 78.2544536,39.4690722 79.1293681,38.9597938 C80.0042826,38.4505155 80.7812577,37.738832 81.4602959,36.8247423 L81.5778217,36.8247423 L81.5778217,39.1752577 Z M94.0470194,22.2907216 L94.1645452,22.2907216 C94.7652323,21.1415804 95.4442705,20.2797247 96.2016586,19.7051546 C96.9590467,19.1305846 97.9253699,18.843299 99.1006277,18.843299 C99.6490813,18.843299 100.06695,18.8955318 100.354236,19 L100.354236,23.6618557 L100.23671,23.6618557 C98.4868823,23.4790382 97.050456,23.857732 95.9274318,24.7979381 C94.8044075,25.7381443 94.2428957,27.2659794 94.2428957,29.3814433 L94.2428957,39.1752577 L88.9150606,39.1752577 L88.9150606,19.0783505 L94.0470194,19.0783505 L94.0470194,22.2907216 Z M110.277042,39.7628866 C108.605564,39.7628866 107.123434,39.4886598 105.83065,38.9402062 C104.537867,38.3917526 103.447488,37.6408939 102.559516,36.6876289 C101.671544,35.7343639 100.999035,34.6048108 100.54199,33.2989691 C100.084945,31.9931273 99.8564233,30.5958763 99.8564233,29.1072165 C99.8564233,27.6185567 100.098004,26.2278351 100.581166,24.9350515 C101.064327,23.642268 101.743364,22.5257732 102.618279,21.585567 C103.493193,20.6453608 104.537867,19.9010309 105.7523,19.3525773 C106.966733,18.8041237 108.305221,18.5298969 109.767763,18.5298969 C111.38702,18.5298969 112.810388,18.8237113 114.037867,19.4113402 C115.265389,19.9989691 116.297005,20.8281783 117.132712,21.8989691 C117.968451,22.9697598 118.601784,24.2429557 119.032712,25.7185567 C119.46364,27.1941577 119.679104,28.8329897 119.679104,30.6350515 L105.105908,30.6350515 C105.314842,32.2020619 105.843708,33.4295531 106.692506,34.3175258 C107.541307,35.2054979 108.723095,35.6494845 110.237867,35.6494845 C111.28254,35.6494845 112.118279,35.4274918 112.745083,34.9835052 C113.371887,34.5395185 113.828931,33.9388314 114.116217,33.1814433 L119.365702,33.1814433 C119.182883,34.069416 118.849894,34.9116835 118.366733,35.7082474 C117.883571,36.5048114 117.256767,37.2034366 116.48632,37.8041237 C115.715843,38.4048114 114.808283,38.8814433 113.76364,39.2340206 C112.718953,39.5865979 111.556755,39.7628866 110.277042,39.7628866 Z M109.846114,22.643299 C108.435805,22.643299 107.365015,23.0285227 106.633743,23.7989691 C105.902471,24.5694154 105.41931,25.6206186 105.184258,26.9525773 L114.116217,26.9525773 C114.037867,25.6728526 113.613468,24.6347083 112.843021,23.8381443 C112.072575,23.0415804 111.073606,22.643299 109.846114,22.643299 Z" id="Texture" fill="#4D6181"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/docs/stylesheets/main.scss b/docs/stylesheets/main.scss
index a511e3ca5..ee270fa77 100755
--- a/docs/stylesheets/main.scss
+++ b/docs/stylesheets/main.scss
@@ -84,10 +84,12 @@ a {
     width: 90%;
     margin: 0 auto;
     clear: both;
+
+    &:after { content: ""; display: table; clear: both; }
 }
 
 header {
-    padding: 30px 0 10px 0;
+    padding: 30px 0 0 0;
     background: #f8f8f8;
 
     h1 {
@@ -96,7 +98,6 @@ header {
     }
 
     nav {
-        margin-top: 10px;
         font-size: 18px;
 
         ul {
@@ -115,6 +116,10 @@ header {
     }
 }
 
+#logo {
+    margin: 0;
+}
+
 .hero {
     background: #0f70dd;
     margin-bottom: 30px;
diff --git a/docs/stylesheets/media.css b/docs/stylesheets/media.css
index f8dabd6f3..37235a7ce 100755
--- a/docs/stylesheets/media.css
+++ b/docs/stylesheets/media.css
@@ -4,6 +4,10 @@
 		display: block;
 	}
 
+	header nav {
+	    line-height: 55px;
+	}
+
 	header ul {
 	}
 
@@ -44,11 +48,3 @@
 		float: right;
 	}
 }
-
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
-  #logo {
-    content: url(/static/images/Texturelogo@2x.png);
-    width: 186px;
-    height: 40px;
-  }
-}