Add Google search

geogebra · Oct 18, 2024 · 5c2846c · 5c2846c
1 parent 716cb51
commit 5c2846c
Show file tree

Hide file tree

Showing 3 changed files with 44 additions and 4 deletions.
diff --git a/ui-bundle/css/site.css b/ui-bundle/css/site.css
@@ -2523,4 +2523,35 @@ footer.footer {
 
 .admonitionblock ul {
     clear: both;
+}
+
+#search-input {
+    border-radius: 999px;
+    min-width: 200px;
+    line-height: 28px;
+    padding: .5rem 1rem .5rem 2rem;
+}
+
+#search-field {
+    position: relative;
+}
+
+#search-field:before {
+    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTUuNSAxNGgtLjc5bC0uMjgtLjI3QTYuNDcxIDYuNDcxIDAgMCAwIDE2IDkuNSA2LjUgNi41IDAgMSAwIDkuNSAxNmMxLjYxIDAgMy4wOS0uNTkgNC4yMy0xLjU3bC4yNy4yOHYuNzlsNSA0Ljk5TDIwLjQ5IDE5bC00Ljk5LTV6bS02IDBDNy4wMSAxNCA1IDExLjk5IDUgOS41UzcuMDEgNSA5LjUgNSAxNCA3LjAxIDE0IDkuNSAxMS45OSAxNCA5LjUgMTR6Ii8+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIvPjwvc3ZnPg==');
+    width: 24px;
+    height: 24px;
+    display: block;
+    position: absolute;
+    content: '';
+    top: 12px;
+    left: 8px;
+    opacity: .87;
+}
+
+.gcse-wrapper {
+    position: absolute;
+}
+
+.gcse-wrapper .gsc-control-cse {
+    padding: 0;
 }
diff --git a/ui-bundle/js/site.js b/ui-bundle/js/site.js
diff --git a/ui-bundle/partials/header-content.hbs b/ui-bundle/partials/header-content.hbs
@@ -5,13 +5,16 @@
         <svg viewBox="0 0 261 40" class="h-5 flex-shrink-0 md:h-6"><path fill-rule="evenodd" clip-rule="evenodd" d="M260.3 37V10.7H257V15.5C255.7 13.7 254.1 12.3 252.4 11.4C250.6 10.5 248.7 10 246.5 10C242.8 10 239.6 11.3 236.9 14C234.2 16.7 232.9 19.9 232.9 23.7C232.9 27.6 234.3 30.9 236.9 33.6C239.5 36.3 242.7 37.7 246.4 37.7C248.5 37.7 250.4 37.3 252.2 36.4C254 35.5 255.6 34.2 257 32.5V37H260.3ZM241.6 14.7C243.2 13.8 244.9 13.3 246.8 13.3C249.7 13.3 252.2 14.3 254.2 16.4C256.2 18.4 257.2 21 257.2 24C257.2 26 256.8 27.8 255.9 29.4C255 31 253.8 32.3 252.1 33.2C250.4 34.1 248.7 34.6 246.8 34.6C244.9 34.6 243.2 34.1 241.6 33.2C240 32.2 238.7 30.9 237.8 29.2C236.9 27.5 236.4 25.8 236.4 23.9C236.4 22 236.9 20.3 237.8 18.6C238.7 16.9 240 15.6 241.6 14.7Z" fill="#666666"></path><path d="M217.9 11.7H221.4V15.5C222.4 14 223.5 12.9 224.7 12.1C225.8 11.4 227 11 228.3 11C229.2 11 230.2 11.3 231.3 11.9L229.5 14.8C228.8 14.5 228.2 14.3 227.7 14.3C226.6 14.3 225.5 14.8 224.4 15.7C223.4 16.6 222.6 18.1 222 20C221.6 21.5 221.4 24.5 221.4 29.1V38H217.9C217.9 38 217.9 11.7 217.9 11.7Z" fill="#666666"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M185.6 1V37.4H189.1V32.6C190.4 34.4 192 35.8 193.7 36.7C195.4 37.6 197.4 38.1 199.5 38.1C203.2 38.1 206.4 36.8 209.1 34.1C211.8 31.5 213.1 28.2 213.1 24.4C213.1 20.6 211.7 17.3 209.1 14.6C206.5 11.9 203.3 10.5 199.6 10.5C197.5 10.5 195.6 10.9 193.8 11.8C192 12.7 190.4 14 189 15.7V1H185.6ZM204.4 33.5C202.8 34.4 201.1 34.9 199.2 34.9C196.2 34.9 193.8 33.8 191.9 31.8C189.9 29.8 188.9 27.2 188.9 24.2C188.9 22.2 189.3 20.4 190.2 18.8C191.1 17.2 192.3 15.9 194 15C195.7 14.1 197.4 13.6 199.3 13.6C201.1 13.6 202.8 14.1 204.4 15C206 16 207.3 17.3 208.2 19C209.1 20.6 209.6 22.4 209.6 24.3C209.6 26.1 209.1 27.9 208.2 29.6C207.3 31.3 206 32.6 204.4 33.5Z" fill="#666666"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M178.3 29.6L175.4 28.1C174.3 29.8 173.4 31.1 172.6 31.9C171.7 32.7 170.7 33.3 169.4 33.8C168.1 34.3 166.8 34.5 165.5 34.5C162.7 34.5 160.4 33.6 158.5 31.6C156.6 29.7 155.7 27.2 155.6 24.1H179.3C179.3 20.5 178.3 17.5 176.4 15.1C173.7 11.7 170.1 10 165.6 10C161.3 10 157.8 11.7 155.2 15C153.1 17.6 152.1 20.6 152.1 23.9C152.1 27.4 153.3 30.6 155.7 33.4C158.1 36.2 161.5 37.6 165.8 37.6C167.7 37.6 169.5 37.3 171 36.7C172.5 36.1 173.9 35.2 175.1 34.1C176.3 32.9 177.4 31.4 178.3 29.6ZM173.4 16.9C174.3 18 174.9 19.4 175.4 21.2H155.7C156.4 18.8 157.4 17 158.8 15.8C160.7 14.1 162.9 13.3 165.5 13.3C167.1 13.3 168.6 13.6 170 14.3C171.4 14.9 172.5 15.8 173.4 16.9Z" fill="#666666"></path><path d="M144.9 7.40001L142.1 10C140.1 8.00001 137.9 6.60001 135.6 5.60001C133.2 4.60001 130.9 4.10001 128.7 4.10001C125.9 4.10001 123.3 4.80001 120.7 6.20001C118.2 7.60001 116.2 9.40001 114.8 11.8C113.4 14.1 112.7 16.6 112.7 19.2C112.7 21.9 113.4 24.4 114.9 26.8C116.3 29.2 118.3 31.1 120.9 32.5C123.4 33.9 126.2 34.6 129.2 34.6C132.9 34.6 136 33.6 138.5 31.5C141 29.4 142.5 26.8 143 23.5H131.7V20H147C147 25.5 145.3 29.9 142.1 33.1C138.9 36.3 134.5 38 129.1 38C122.5 38 117.3 35.8 113.5 31.3C110.5 27.8 109.1 23.9 109.1 19.3C109.1 15.9 109.9 12.8 111.6 9.90001C113.3 7.00001 115.6 4.70001 118.6 3.10001C121.6 1.50001 124.9 0.600006 128.6 0.600006C131.6 0.600006 134.5 1.10001 137.1 2.20001C139.7 3.30001 142.3 5.00001 144.9 7.40001Z" fill="#666666"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M100.3 17.2C98.8001 15.2 96.3001 14 93.1001 13.8C93.2001 13.5 93.2001 13.2 93.2001 12.9C93.2001 12.3 93.0001 11.7 92.8001 11.2C97.1001 11.3 100.8 13.2 102.8 16.2C101.8 16.2 101 16.6 100.3 17.2ZM86.4001 15.4C85.8001 14.7 85.4001 13.8 85.4001 12.9V12.8C82.6001 14.1 80.2001 16.2 78.4001 18.7C79.3001 19 80.1001 19.7 80.6001 20.5C80.7001 20.3 80.8001 20.1 81.0001 19.9C82.2001 18.2 83.9001 16.7 86.0001 15.6C86.0619 15.5382 86.1237 15.5146 86.2091 15.482C86.2619 15.4618 86.3237 15.4382 86.4001 15.4ZM78.6001 26.1C78.2001 26.2 77.7001 26.3 77.2001 26.3C76.7001 26.3 76.2001 26.2 75.8001 26C75.7001 27.8 75.9001 29.5 76.8001 31.4C77.3001 32.5 78.0001 33.4 78.8001 34.2C79.2001 33.3 79.8001 32.6 80.7001 32.2C80.2001 31.6 79.8001 31 79.4001 30.3C78.8001 29 78.5001 27.5 78.6001 26.1ZM86.7001 35.1C86.6001 35.1 86.5251 35.075 86.4501 35.05C86.3751 35.025 86.3001 35 86.2001 35C86.2001 35.0899 86.2203 35.1798 86.2425 35.2788C86.2698 35.4 86.3001 35.5348 86.3001 35.7C86.3001 36.4 86.1001 37.1 85.7001 37.7C88.5001 38.1 91.7001 37.7 94.7001 36.4C94.1001 35.8 93.7001 34.9 93.6001 34C91.3001 35 88.8001 35.4 86.7001 35.1ZM101.9 23.8C102.2 23.9 102.5 24 102.9 24C103.5 24 104.1 23.8 104.6 23.6C104.4 25.7 103.6 28.2 101.9 30.6C101.75 30.8 101.575 31 101.4 31.2C101.225 31.4 101.05 31.6 100.9 31.8C100.5 31 99.8001 30.3 98.9001 30C99.0001 29.9 99.1001 29.775 99.2001 29.65C99.3001 29.525 99.4001 29.4 99.5001 29.3C100.9 27.4 101.7 25.5 101.9 23.8Z" fill="#666666"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M73.3 22.4C73.3 20.2 75 18.5 77.2 18.5C79.4 18.5 81.1 20.2 81.1 22.4C81.1 24.6 79.4 26.3 77.2 26.3C75 26.3 73.3 24.6 73.3 22.4ZM74.5 22.4C74.5 23.9 75.7 25.1 77.2 25.1C78.7 25.1 79.9 23.9 79.9 22.4C79.9 20.9 78.7 19.7 77.2 19.7C75.7 19.7 74.5 20.9 74.5 22.4Z" fill="#191919"></path><circle cx="77.2001" cy="22.4" r="2.7" fill="#9999FF"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M78.5001 35.7C78.5001 33.5 80.2001 31.8 82.4001 31.8C84.6001 31.8 86.3001 33.5 86.3001 35.7C86.3001 37.9 84.6001 39.6 82.4001 39.6C80.2001 39.6 78.5001 37.9 78.5001 35.7ZM79.7001 35.7C79.7001 37.2 80.9001 38.4 82.4001 38.4C83.9001 38.4 85.1001 37.2 85.1001 35.7C85.1001 34.2 83.9001 33 82.4001 33C80.9001 33 79.7001 34.2 79.7001 35.7Z" fill="#191919"></path><circle cx="82.4001" cy="35.7" r="2.7" fill="#9999FF"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M85.4 12.9C85.4 10.7 87.1 9 89.3 9C91.5 9 93.2 10.7 93.2 12.9C93.2 15.1 91.5 16.8 89.3 16.8C87.1 16.8 85.4 15.1 85.4 12.9ZM86.6 12.9C86.6 14.4 87.8 15.6 89.3 15.6C90.8 15.6 92 14.4 92 12.9C92 11.4 90.8 10.2 89.3 10.2C87.8 10.2 86.6 11.4 86.6 12.9Z" fill="#191919"></path><circle cx="89.3" cy="12.9" r="2.7" fill="#9999FF"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M99.0001 20.1C99.0001 17.9 100.7 16.2 102.9 16.2C105.1 16.2 106.8 17.9 106.8 20.1C106.8 22.3 105.1 24 102.9 24C100.7 24 99.0001 22.3 99.0001 20.1ZM100.2 20.1C100.2 21.6 101.4 22.8 102.9 22.8C104.4 22.8 105.6 21.6 105.6 20.1C105.6 18.6 104.4 17.4 102.9 17.4C101.4 17.4 100.2 18.6 100.2 20.1Z" fill="#191919"></path><circle cx="102.9" cy="20.1" r="2.7" fill="#9999FF"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M93.6 33.6C93.6 31.4 95.3 29.7 97.5 29.7C99.7 29.7 101.4 31.4 101.4 33.6C101.4 35.8 99.7 37.5 97.5 37.5C95.3 37.5 93.6 35.8 93.6 33.6ZM94.8 33.6C94.8 35.1 96 36.3 97.5 36.3C99 36.3 100.2 35.1 100.2 33.6C100.2 32.1 99 30.9 97.5 30.9C96 30.9 94.8 32.1 94.8 33.6Z" fill="#191919"></path><circle cx="97.5" cy="33.6" r="2.7" fill="#9999FF"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M69.6 29.6L66.7 28.1C65.7 29.8 64.7 31 63.9 31.9C63 32.7 62 33.3 60.7 33.8C59.4 34.3 58.1 34.5 56.8 34.5C54 34.5 51.7 33.6 49.8 31.6C47.9 29.7 47 27.2 46.9 24.1H70.6C70.6 20.5 69.6 17.5 67.7 15.1C65 11.7 61.4 10 56.9 10C52.6 10 49.1 11.7 46.5 15C44.4 17.6 43.4 20.6 43.4 23.9C43.4 27.4 44.6 30.6 47 33.4C49.4 36.2 52.8 37.6 57.1 37.6C59 37.6 60.8 37.3 62.3 36.7C63.8 36.1 65.2 35.2 66.4 34.1C67.6 32.9 68.7 31.4 69.6 29.6ZM64.7 16.7C65.6 17.8 66.2 19.2 66.7 21H47C47.7 18.6 48.7 16.8 50.1 15.6C52 13.9 54.2 13.1 56.8 13.1C58.4 13.1 59.9 13.4 61.3 14.1C62.7 14.7 63.8 15.6 64.7 16.7Z" fill="#666666"></path><path d="M36.3 7.7L33.5 10.3C31.5 8.3 29.3 6.9 27 5.9C24.6 4.9 22.3 4.4 20.1 4.4C17.3 4.4 14.7 5.1 12.1 6.5C9.60002 7.9 7.60002 9.7 6.20002 12.1C4.80002 14.4 4.10002 16.9 4.10002 19.5C4.10002 22.2 4.80002 24.7 6.30002 27.1C7.70002 29.5 9.70002 31.4 12.3 32.8C14.8 34.2 17.6 34.9 20.6 34.9C24.3 34.9 27.4 33.9 29.9 31.8C32.4 29.7 33.9 27.1 34.4 23.8H23V20.4H38.3C38.3 25.9 36.6 30.3 33.4 33.5C30.2 36.7 25.8 38.4 20.4 38.4C13.8 38.4 8.60002 36.2 4.80002 31.7C1.80002 28.2 0.400024 24.3 0.400024 19.7C0.400024 16.3 1.20002 13.2 2.90002 10.3C4.60002 7.4 6.90002 5.1 9.90002 3.5C12.9 1.9 16.2 1 19.9 1C22.9 1 25.8 1.5 28.4 2.6C31.1 3.6 33.7 5.3 36.3 7.7Z" fill="#666666"></path></svg>
         Manual
       </a>
-      {{#if env.SITE_SEARCH_PROVIDER}}
       <div class="navbar-item search hide-for-print">
         <div id="search-field" class="field">
-          <input id="search-input" type="text" placeholder="Search the docs"{{#if page.home}} autofocus{{/if}}>
+          <script async src="https://cse.google.com/cse.js?cx=16afa96dc2dcb43a0">
+          </script>
+          <input id="search-input" type="text" placeholder="{{l10n 'Search'}}">
+          <div class="gcse-wrapper">
+            <gcse:searchresults-only gname="searchresults"></gcse:searchresults-only>
+          </div>
         </div>
       </div>
-      {{/if}}
       <button class="navbar-burger" aria-controls="topbar-nav" aria-expanded="false" aria-label="Toggle main menu">
         <span></span>
         <span></span>