Add search (#176)

webgpu · Sep 24, 2024 · 00baee7 · 00baee7
1 parent 83499de
commit 00baee7
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 0 deletions.
diff --git a/build/templates/header.template b/build/templates/header.template
@@ -2,6 +2,7 @@
   <div>
     {{{include "build/templates/languages.template"}}}
     <a href="#toc">{{langInfo.toc}}</a>
+    <input type="search" placeholder="?" id="search">
   </div>
 </div>
 <div class="webgpu_header">

diff --git a/webgpu/lessons/resources/lesson.css b/webgpu/lessons/resources/lesson.css
@@ -267,6 +267,7 @@ div[data-diagram] {
 .webgpu_navbar {
     background: black;
     color: white;
+    color-scheme: dark;
 }
 .webgpu_navbar a {
     color: white;
@@ -287,6 +288,8 @@ div[data-diagram] {
     font-size: large;
     color: white;
 }
+
+
 .home-lang select {
     font-size: large;
 }
@@ -818,6 +821,9 @@ pre.prettyprint.lighttheme .fun { color: #900; }  /* function name */
     .compare {
       flex-direction: column;
     }
+    #search {
+      display: none;
+    }
 
 }
 

diff --git a/webgpu/lessons/resources/lesson.js b/webgpu/lessons/resources/lesson.js
@@ -100,6 +100,18 @@ $(document).ready(function($) {
     window.location.href = this.dataset.href;
   });
 
+  $('#search').on('keyup', function(e) {
+    if (e.key !== 'Enter') {
+      return;
+    }
+    const a = document.createElement('a');
+    a.target = '_blank';
+    const u = new URL('https://google.com/search');
+    u.searchParams.set('q', `site:webgpufundamentals.org ${this.value}`);
+    a.href = u.toString();
+    a.click();
+  });
+
   $('[data-table]').html();
 
 });