[website] add a link to the community feedback survey to website (#13986)

The CSS for the website is a real mess. I initially tried to clean it
up, but that became a time sink. We should eventually do that, but for
now I made the minimal edits to get a reasonable looking layout.

# Main Page
## Big

<img width="2032" alt="Screenshot 2023-11-07 at 12 19 20"
src="https://github.com/hail-is/hail/assets/106194/94c5c2d8-6a4d-44a9-888c-61b28d590857">
<img width="2032" alt="Screenshot 2023-11-07 at 12 19 27"
src="https://github.com/hail-is/hail/assets/106194/8c35f736-cd56-4d8b-b5d6-3284592ff65a">
<img width="2032" alt="Screenshot 2023-11-07 at 12 19 29"
src="https://github.com/hail-is/hail/assets/106194/9b396b45-bae5-469b-9825-b73a5cd8f917">
<img width="2032" alt="Screenshot 2023-11-07 at 12 19 31"
src="https://github.com/hail-is/hail/assets/106194/8d27d238-5b3a-4c40-9c32-a7eb691c622b">

## Phone
<img width="2032" alt="Screenshot 2023-11-07 at 12 22 42"
src="https://github.com/hail-is/hail/assets/106194/be32332a-cdba-4f6d-b117-d7e8c163d8c8">
<img width="2032" alt="Screenshot 2023-11-07 at 12 22 44"
src="https://github.com/hail-is/hail/assets/106194/ebc4f1d5-c728-4b0d-90f9-adbb9de4fd88">
<img width="2032" alt="Screenshot 2023-11-07 at 12 22 47"
src="https://github.com/hail-is/hail/assets/106194/9cffe08a-fdfa-4af4-b060-cfd242c0642c">
<img width="2032" alt="Screenshot 2023-11-07 at 12 22 48"
src="https://github.com/hail-is/hail/assets/106194/f5e5b09a-8692-4411-ba13-e7055c17be70">


# Docs
## Big
<img width="2032" alt="Screenshot 2023-11-07 at 12 24 09"
src="https://github.com/hail-is/hail/assets/106194/564a47e5-8036-4e60-a7fc-16e5aeeabd94">
<img width="2032" alt="Screenshot 2023-11-07 at 12 24 19"
src="https://github.com/hail-is/hail/assets/106194/0d954da0-8bdb-49e0-aa66-4ac5e0acb1f4">
<img width="2032" alt="Screenshot 2023-11-07 at 12 24 25"
src="https://github.com/hail-is/hail/assets/106194/e0466542-90d3-440c-a7a5-b797b88af63c">
<img width="2032" alt="Screenshot 2023-11-07 at 12 24 40"
src="https://github.com/hail-is/hail/assets/106194/4d5e5946-b014-484c-b404-3e9bd4389378">
<img width="2032" alt="Screenshot 2023-11-07 at 12 24 49"
src="https://github.com/hail-is/hail/assets/106194/5e2e4666-3bac-4560-a831-4e2ea05de0ae">
<img width="2032" alt="Screenshot 2023-11-07 at 12 24 55"
src="https://github.com/hail-is/hail/assets/106194/5f103ee1-a168-47ca-a5b2-f1385d4deac9">

## Phone
<img width="2032" alt="Screenshot 2023-11-07 at 12 25 21"
src="https://github.com/hail-is/hail/assets/106194/087b638c-e6f8-4633-9639-9f188b6b2e57">
<img width="2032" alt="Screenshot 2023-11-07 at 12 25 23"
src="https://github.com/hail-is/hail/assets/106194/cba530ea-d75c-4609-8307-16b3096a0e8c">

With the navbar open, in mobile, it looks the same as the non-docs
pages.

Author: danking

website/website/styles/navbar.scss

@@ -19,6 +19,20 @@
 
 /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
 
+#hail-navbar #survey {
+    font-size: 0.875rem;
+    text-decoration: underline;
+    text-transform: none;
+}
+
+@media only screen and (max-width: 1000px) and (min-width: 767px) {
+    #hail-navbar #survey {
+	text-align: center;
+	font-size: 50%;
+	max-width: 100px;
+    }
+}
+
 #hail-navbar {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
     Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; /* necessary to prevent font override in docs*/
@@ -59,6 +73,7 @@
   flex-direction: row;
   flex: 1;
   border-color: inherit;
+  align-items: center;
 }
 
 #hail-navbar a {
@@ -185,6 +200,20 @@ input[type="search"]::placeholder {
     min-width: 400px!important;
   }
 
+  #hail-navbar #survey {
+      padding: 12px 18px;
+      padding-top: 24px;
+      display: block;
+      text-align: center;
+      width: 100vw;
+      font-size: 100%;
+  }
+
+  // Restore this after we remove the #survey
+  // #hail-navbar #hail-navbar-collapse .nav-item:first-child {
+  //   padding-top: 24px;
+  // }
+
   #hail-navbar #hail-menu .nav-item {
     padding: 12px 18px;
   }
@@ -216,10 +245,6 @@ input[type="search"]::placeholder {
     z-index: 999;
   }
 
-  #hail-navbar #hail-navbar-collapse .nav-item:first-child {
-    padding-top: 24px;
-  }
-
   #hail-navbar #hail-menu {
     margin-top: 0px;
     flex-direction: column;

website/website/templates/nav-top.html

@@ -12,6 +12,9 @@
     </div>
     <div class="collapse navbar-collapse" id="hail-navbar-collapse">
       <input id='search' type='search' placeholder='Search Hail Docs'/>
+      <a id="survey" href="https://forms.gle/ucgu9h35UEkB68FB7">
+	Fill out the Community Feedback Survey!
+      </a>
       <ul class="nav navbar-nav navbar-right" id="hail-menu">
         <li class="nav-item">
           <a href="{{ base_path }}/docs/0.2/index.html">Query Docs</a>