Added alert to mainpage for new 0.10

website/source/assets/stylesheets/_alert.css

@@ -0,0 +1,72 @@
+.g-alert{
+  display:inline-flex;
+  align-items:flex-start;
+  background-color: white;
+}
+.g-alert:hover{
+  opacity:0.8;
+}
+.g-alert.dark span, .g-alert.dark p{
+  color:#0f1013;
+}
+
+.g-alert.nomad-green span{
+    border-color:#00bc7f;
+}
+.g-alert.nomad-green svg line{
+        stroke:#00bc7f;
+      }
+.g-alert.nomad-green svg path{
+        fill:#00bc7f;
+      }
+
+.g-alert span{
+    font-size: 16px;
+    background-color: white;
+    text-transform:uppercase;
+    padding:3px 10px;
+    border:1px solid #1563ff;
+    border-radius:3px;
+    font-weight:600;
+    font-size:1.25rem;
+    line-height:16px;
+    margin-right:12px;
+    color:black;
+    white-space:nowrap;
+    vertical-align: middle;
+  }
+.g-alert p{
+    font-size: 16px;
+    background-color: white;
+    color:black;
+    font-size:16px;
+    line-height:23px;
+    margin:0;
+    vertical-align: middle;
+  }
+.g-alert svg{
+    margin-left:12px
+  }
+.g-alert svg line{
+      stroke:#1563ff;
+    }
+.g-alert svg path{
+      fill:#1563ff;
+    }
+
+.g-alert-banner{
+  background:linear-gradient(90deg, #1563ff 1.56%, #08368b 100%);
+  color:#ffffff;
+  display:none;
+  font-weight:600;
+  overflow:hidden;
+  position:relative;
+  transition:height 0.3s ease-out
+}
+
+.g-alert-banner.nomad{
+    background:linear-gradient(90deg, #00bc7f 1.56%, #005738 100%)
+  }
+.g-alert-banner.nomad svg path{
+  stroke:#6bd8b4;
+}

website/source/assets/stylesheets/application.scss

@@ -32,3 +32,4 @@
 @import '_docs';
 @import '_downloads';
 @import '_api';
+@import '_alert';

website/source/index.html.erb

@@ -9,6 +9,10 @@ description: |-
   <div class="container hero">
     <div class="row">
       <div class="col-md-offset-2 col-md-8">
+        <div class="alert">
+          <a href="https://www.hashicorp.com/blog/hashicorp-nomad-0-10-general-availability" class="g-alert nomad-green "><span>NEW</span><p>Announcing the general availability of Nomad 0.10. Read more<svg width="15" height="9" viewBox="0 0 15 9" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="0.5" y1="4.5" x2="13.5" y2="4.5" stroke="#000" stroke-linecap="round"></line><path d="M10.3536 0.646447C10.1583 0.451184 9.84171 0.451184 9.64645 0.646447C9.45118 0.841709 9.45118 1.15829 9.64645 1.35355L10.3536 0.646447ZM13.5 4.5L13.8536 4.85355L14.2071 4.5L13.8536 4.14645L13.5 4.5ZM9.64645 7.64645C9.45118 7.84171 9.45118 8.15829 9.64645 8.35355C9.84171 8.54882 10.1583 8.54882 10.3536 8.35355L9.64645 7.64645ZM9.64645 1.35355L13.1464 4.85355L13.8536 4.14645L10.3536 0.646447L9.64645 1.35355ZM13.1464 4.14645L9.64645 7.64645L10.3536 8.35355L13.8536 4.85355L13.1464 4.14645Z" fill="#000"></path></svg></p></a>
+        </div>
+
         <%= inline_svg "logo-hashicorp.svg", height: 120, class: "logo" %>
 
         <h1>Deploy and Manage Any Containerized, Legacy, or Batch Application</h1>