Add search box

Porges · Jun 14, 2024 · 735aa7d · 735aa7d
1 parent 53f45ba
commit 735aa7d
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 13 deletions.
diff --git a/fonts/NotoEmoji-Medium-min.woff b/fonts/NotoEmoji-Medium-min.woff
diff --git a/fonts/NotoEmoji-Medium-min.woff2 b/fonts/NotoEmoji-Medium-min.woff2
diff --git a/fonts/subsets.json b/fonts/subsets.json
@@ -3,12 +3,14 @@
         {
             "format": "woff",
             "suffix": "min",
-            "codepoints": "1f9fe,1f3b2,1f4e3,1f4da"
+            "codepoints": "1f9fe,1f3b2,1f4e3,1f4da,1f50d"
         },
         {
             "format": "woff2",
             "suffix": "min",
-            "codepoints": "1f9fe,1f3b2,1f4e3,1f4da"
+            "codepoints": "1f9fe,1f3b2,1f4e3,1f4da,1f50d"
         }
     ]
 }
+
+// https://fonts.googleapis.com/css?family=Noto%20Emoji&text=📚🎲📣🔍🧾
diff --git a/src/_includes/layout.11ty.js b/src/_includes/layout.11ty.js
@@ -129,14 +129,19 @@ exports.render = async function (data) {
         <meta itemprop="name" content="Ways To Play"/>
     </div>
     <header>
-      <nav class="navbar navbar-expand navbar-dark bg-primary">
-        <div class="container">
-          <a href="/" class="navbar-brand">Ways to Play</a>
-          <ul class="navbar-nav">
-            <li><a href="/articles/" class="nav-link"><span aria-label="" role="img">🧾</span> Articles</a></li>
-            <li><a href="/games/" class="nav-link"><span aria-label="" role="img">🎲</span> Games</a></li>
-          </ul>
-        </div>
+      <nav class="navbar navbar-expand navbar-dark bg-primary justify-content-between">
+        <a href="/" class="navbar-brand ms-2 ms-lg-4">Ways to Play</a>
+        <ul class="navbar-nav mr-auto">
+          <li><a href="/articles/" class="nav-link"><span aria-label="" role="img">🧾</span> Articles</a></li>
+          <li><a href="/games/" class="nav-link"><span aria-label="" role="img">🎲</span> Games</a></li>
+        </ul>
+        <form class="form-inline me-2 me-lg-4" method="get" action="https://duckduckgo.com/" target="_top">
+          <div class="input-group">
+            <input class="form-control mr-sm-2" type="search" name="q" placeholder="Search" aria-label="Search" />
+            <button class="btn btn-outline-info my-2 my-sm-0" type="submit">🔍&#8239;</button>
+            <input type="hidden" name="sites" value="games.porg.es" />
+          </div>
+        </form>
       </nav>
     </header>
     <main>

diff --git a/src/sass/index.scss b/src/sass/index.scss
@@ -48,9 +48,8 @@
 @font-face {
     font-family: "Noto Emoji";
     font-display: swap;
-    src: url('/fonts/NotoEmoji-Medium-min.woff2') format('woff2'),
-         url('/fonts/NotoEmoji-Medium-min.woff') format('woff');
-    unicode-range: U+1f9fe, U+1f3b2, U+1f4e3, U+1f4da;
+    src: url('/fonts/NotoEmoji-Medium-min.woff2') format('woff2');
+    unicode-range: U+1f9fe, U+1f3b2, U+1f4e3, U+1f4da, U+1f50d;
 }
 
 @font-face {