Merge pull request #2893 from vespa-engine/kkraune/search-vespa-pi

Link to new search

_includes/new.html

@@ -0,0 +1,4 @@
+<div markdown="span" class="vespa-notification vespa-notification-new" role="alert">
+    <span class="d-icon is-medium d-new-star-solid"></span>
+    {{ include.content }}
+</div>

css/style.scss

@@ -569,6 +569,12 @@ div.vespa-notification > a {
     border-color: #e8e8e8;
 }
 
+.vespa-notification-new {
+    color: #303030;
+    background-color: #9efd38;
+    border-color: #9efd38;
+}
+
 // Quotes - override Denali settings back to default + italics
 blockquote {
     display: block;

index.html

@@ -8,10 +8,8 @@
 <div class="row m-20">
   <div class="col">
     <h1>Vespa documentation</h1>
-    <p class="p-t-10">
-      Welcome to the Vespa documentation site.<br/>
-      To see what Vespa is about, visit the <a href="https://vespa.ai">Vespa home page</a>.
-    </p>
+    <p class="p-t-10">Welcome to the Vespa documentation site!</p>
+    <p class="p-t-10">To see what Vespa is about, visit the <a href="https://vespa.ai">Vespa home page</a>.</p>
   </div>
 </div>
 
@@ -26,6 +24,12 @@ <h1>Vespa documentation</h1>
   </div>
 </div>
 
+<div class="row m-20">
+  <div class="col">
+    {% include new.html content='Try the new search experience at <a href="https://search.vespa.ai/">search.vespa.ai</a>!' %}
+  </div>
+</div>
+
 <div class="row m-20 p-t-10">
   <div class="col">
     <p><a href="en/getting-started.html">Getting started</a> - Create your first app</p>