From bbfb32aa9286b7fdd46843e9a83dc37eb9cfd813 Mon Sep 17 00:00:00 2001
From: Jason Costello <hello.costello@gmail.com>
Date: Fri, 3 Mar 2017 19:04:56 -0800
Subject: [PATCH] SVG logo

---
 website/source/assets/images/logo-header.svg  | 30 +++++++++++++++++++
 .../source/assets/stylesheets/_header.scss    |  8 ++---
 .../hashicorp-shared/_project-utility.scss    |  4 +--
 3 files changed, 36 insertions(+), 6 deletions(-)
 create mode 100644 website/source/assets/images/logo-header.svg

diff --git a/website/source/assets/images/logo-header.svg b/website/source/assets/images/logo-header.svg
new file mode 100644
index 0000000000..7f9e690f4c
--- /dev/null
+++ b/website/source/assets/images/logo-header.svg
@@ -0,0 +1,30 @@
+
+<svg width="163px" height="42px" viewBox="402 367 263 68" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <desc>HashiCorp Terraform</desc>
+    <defs>
+        <polygon id="path-1" points="9.2949 0 0 0 0 32.199 18.5898 32.199 18.5898 0"></polygon>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(402.000000, 367.000000)">
+        <polygon id="Fill-1" fill="#FFFFFF" points="86.3558 25.3574 77.4268 25.3574 77.4268 20.0294 101.3338 20.0294 101.3338 25.3574 92.4048 25.3574 92.4048 52.0004 86.3558 52.0004"></polygon>
+        <g id="Group-27">
+            <path d="M109.0121,37.8389 L116.4521,37.8389 L116.4521,36.6869 C116.4521,34.4789 115.7811,32.9429 112.9001,32.9429 C110.0201,32.9429 109.0121,34.4789 109.0121,36.6869 L109.0121,37.8389 Z M113.5721,47.6799 C115.8281,47.6799 118.1801,47.3439 120.7251,46.5749 L121.6371,50.9919 C118.9961,51.9999 115.8281,52.4809 113.0441,52.4809 C105.6991,52.4809 103.1551,49.0709 103.1551,43.4549 L103.1551,37.2629 C103.1551,32.3179 105.3641,28.1419 112.8521,28.1419 C120.3401,28.1419 122.0211,32.5109 122.0211,37.5509 L122.0211,42.5429 L109.0121,42.5429 L109.0121,43.7429 C109.0121,46.5749 110.0201,47.6799 113.5721,47.6799 L113.5721,47.6799 Z" id="Fill-2" fill="#FFFFFF"></path>
+            <path d="M137.6663,33.5186 C135.4103,34.5266 133.5863,35.5826 131.4743,36.9266 L131.4743,51.9996 L125.6173,51.9996 L125.6173,28.6226 L130.5623,28.6226 L130.9453,31.2136 C132.2423,30.3506 135.0263,28.7176 137.0903,28.1416 L137.6663,33.5186 Z" id="Fill-4" fill="#FFFFFF"></path>
+            <path d="M151.97,33.5186 C149.714,34.5266 147.89,35.5826 145.778,36.9266 L145.778,51.9996 L139.921,51.9996 L139.921,28.6226 L144.866,28.6226 L145.249,31.2136 C146.545,30.3506 149.33,28.7176 151.394,28.1416 L151.97,33.5186 Z" id="Fill-6" fill="#FFFFFF"></path>
+            <path d="M165.6976,43.167 L161.3776,43.167 C159.4576,43.167 158.9286,43.695 158.9286,45.472 C158.9286,47.104 159.4576,47.823 161.2816,47.823 C163.0096,47.823 164.5936,47.248 165.6976,46.624 L165.6976,43.167 Z M171.5536,52 L166.7546,52 L166.3216,50.416 C164.2096,51.808 161.7136,52.48 159.3616,52.48 C155.0896,52.48 153.2646,49.552 153.2646,45.52 C153.2646,40.767 155.3296,38.942 160.0816,38.942 L165.6976,38.942 L165.6976,36.495 C165.6976,33.902 164.9776,32.99 161.2336,32.99 C159.1216,32.99 156.8166,33.278 154.7536,33.71 L154.0326,29.246 C156.2406,28.574 159.4576,28.142 162.0496,28.142 C169.3936,28.142 171.5536,30.734 171.5536,36.591 L171.5536,52 Z" id="Fill-8" fill="#FFFFFF"></path>
+            <path d="M189.554,23.2939 C188.45,23.0539 187.154,22.9089 186.194,22.9089 C183.889,22.9089 183.553,23.9179 183.553,25.6929 L183.553,28.6219 L189.506,28.6219 L189.169,33.2779 L183.553,33.2779 L183.553,51.9999 L177.697,51.9999 L177.697,33.2779 L173.952,33.2779 L173.952,28.6219 L177.697,28.6219 L177.697,25.3569 C177.697,20.5089 179.952,18.1089 185.137,18.1089 C186.961,18.1089 188.642,18.3489 190.178,18.7809 L189.554,23.2939 Z" id="Fill-10" fill="#FFFFFF"></path>
+            <path d="M200.9779,33.1348 C197.8569,33.1348 196.6579,34.5268 196.6579,37.1668 L196.6579,43.4548 C196.6579,46.0958 197.8569,47.4878 200.9779,47.4878 C204.0979,47.4878 205.2979,46.0958 205.2979,43.4548 L205.2979,37.1668 C205.2979,34.5268 204.0979,33.1348 200.9779,33.1348 M200.9779,52.4808 C192.9609,52.4808 190.8009,48.0638 190.8009,43.2638 L190.8009,37.3588 C190.8009,32.5588 192.9609,28.1418 200.9779,28.1418 C208.9949,28.1418 211.1549,32.5588 211.1549,37.3588 L211.1549,43.2638 C211.1549,48.0638 208.9949,52.4808 200.9779,52.4808" id="Fill-12" fill="#FFFFFF"></path>
+            <path d="M227.1849,33.5186 C224.9289,34.5266 223.1049,35.5826 220.9929,36.9266 L220.9929,51.9996 L215.1359,51.9996 L215.1359,28.6226 L220.0809,28.6226 L220.4639,31.2136 C221.7599,30.3506 224.5449,28.7176 226.6089,28.1416 L227.1849,33.5186 Z" id="Fill-14" fill="#FFFFFF"></path>
+            <path d="M243.264,52 L243.264,35.679 C243.264,34.431 242.736,33.807 241.392,33.807 C239.951,33.807 237.408,34.671 235.295,35.774 L235.295,52 L229.439,52 L229.439,28.622 L233.903,28.622 L234.479,30.59 C237.408,29.15 241.104,28.142 243.84,28.142 C246.096,28.142 247.489,29.054 248.256,30.638 C251.088,29.198 254.833,28.142 257.665,28.142 C261.553,28.142 262.946,30.878 262.946,35.055 L262.946,52 L257.089,52 L257.089,35.679 C257.089,34.431 256.561,33.807 255.217,33.807 C253.777,33.807 250.945,34.719 249.12,35.774 L249.12,52 L243.264,52 Z" id="Fill-16" fill="#FFFFFF"></path>
+            <polygon id="Fill-18" fill="#FFFFFF" points="20.6273 11.981 39.2173 22.714 39.2173 44.181 20.6273 33.448"></polygon>
+            <polygon id="Fill-20" fill-opacity="0.7" fill="#FFFFFF" points="41.2542 22.7148 41.2542 44.1808 59.8452 33.4478 59.8452 11.9808"></polygon>
+            <g id="Group-24">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <g id="Clip-23"></g>
+                <polygon id="Fill-22" fill="#FFFFFF" mask="url(#mask-2)" points="-0.0002 0 -0.0002 21.464 18.5898 32.199 18.5898 10.733"></polygon>
+            </g>
+            <polygon id="Fill-25" fill="#FFFFFF" points="20.6278 57.2656 39.2158 67.9996 39.2158 46.6756 39.2158 46.5336 20.6278 35.7996"></polygon>
+        </g>
+    </g>
+</svg>
diff --git a/website/source/assets/stylesheets/_header.scss b/website/source/assets/stylesheets/_header.scss
index 2f6c87c33a..2b092a6d6c 100755
--- a/website/source/assets/stylesheets/_header.scss
+++ b/website/source/assets/stylesheets/_header.scss
@@ -15,11 +15,11 @@ body.page-sub{
 
   .navbar-brand {
     .logo{
-      font-size: 32px;
+      width: $project-logo-width;
+      height: $project-logo-height;
+      font-size: 0px;
       font-family: $font-family-klavika;
-      font-weight: 500;
-      background: image-url('logo-header.png') 0 0 no-repeat;
-      @include img-retina("../images/logo-header.png", "../images/logo-header@2x.png", $project-logo-width, $project-logo-height);
+      background: image-url('logo-header.svg') 0 0 no-repeat;
       background-position: 0 40%;
 
       &:hover{
diff --git a/website/source/assets/stylesheets/hashicorp-shared/_project-utility.scss b/website/source/assets/stylesheets/hashicorp-shared/_project-utility.scss
index 570d6932c2..1efeeb53d5 100755
--- a/website/source/assets/stylesheets/hashicorp-shared/_project-utility.scss
+++ b/website/source/assets/stylesheets/hashicorp-shared/_project-utility.scss
@@ -4,8 +4,8 @@
 // --------------------------------------------------
 
 // Variables
-$project-logo-width: 38px;
-$project-logo-height: 40px;
+$project-logo-width: 163px;
+$project-logo-height: 42px;
 $project-logo-pad-left: 8px;
 
 // Mixins