added search

agates4 · Dec 12, 2023 · b76eae0 · b76eae0
1 parent 898bf57
commit b76eae0
Show file tree

Hide file tree

Showing 62 changed files with 1,017 additions and 2,850 deletions.
diff --git a/.eleventy.js b/.eleventy.js
@@ -59,6 +59,7 @@ const localImages = require("./third_party/eleventy-plugin-local-images/.elevent
 const CleanCSS = require("clean-css");
 const GA_ID = require("./_data/metadata.json").googleAnalyticsId;
 const { cspDevMiddleware } = require("./_11ty/apply-csp.js");
+const { execSync } = require("child_process");
 
 module.exports = function (eleventyConfig) {
   eleventyConfig.addPlugin(pluginRss);
@@ -245,6 +246,12 @@ module.exports = function (eleventyConfig) {
     }
   });
 
+  eleventyConfig.on("eleventy.after", () => {
+    execSync(`npx pagefind --source _site --glob \"**/*.html\"`, {
+      encoding: "utf-8",
+    });
+  });
+
   return {
     templateFormats: ["md", "njk", "html", "liquid"],
 

diff --git a/_headers b/_headers
@@ -11,7 +11,3 @@
   cache-control: public,max-age=31536000,immutable
 /favicon.svg
   cache-control: public,max-age=3600
-
-# [csp headers]
-# this text will be replaced by apply-csp.js plugin
-# [end csp headers]
diff --git a/_includes/layouts/base.njk b/_includes/layouts/base.njk
@@ -53,7 +53,20 @@
     <!-- Notably iOS UAs also contain Mac OS X -->
     <script csp-hash>if (/Mac OS X/.test(navigator.userAgent))document.documentElement.classList.add('apple')
     </script>
-    <!-- css is inserted by optimize-html custom plugin -->
+    <!-- css is inserted by optimize-html custom plugin -->  
+    <link href="/_pagefind/pagefind-ui.css" rel="stylesheet">
+
+    <style>
+      @media (prefers-color-scheme: dark) {
+        :root {
+          --pagefind-ui-primary: #eeeeee;
+          --pagefind-ui-text: #eeeeee;
+          --pagefind-ui-background: #152028;
+          --pagefind-ui-border: #152028;
+          --pagefind-ui-tag: #152028;
+        }
+      }
+    </style>
   </head>
   <body>
     <header>

diff --git a/_includes/layouts/recipe.njk b/_includes/layouts/recipe.njk
@@ -4,7 +4,7 @@ templateClass: tmpl-recipe
 ---
 {% extends "layouts/base.njk" %}
 
-
+<div data-pagefind-body>
 {% block extraArticleHeader %}
    {% set wc = content | striptags | wordcount %}
    {% set wPerMinute = (wc / 240) + 1 %}
@@ -56,3 +56,5 @@ templateClass: tmpl-recipe
 </script>
 
 {% endblock %}
+
+</div>
diff --git a/_site/1/index.html b/_site/1/index.html
diff --git a/_site/10/index.html b/_site/10/index.html
diff --git a/_site/11/index.html b/_site/11/index.html
diff --git a/_site/12/index.html b/_site/12/index.html
diff --git a/_site/13/index.html b/_site/13/index.html
diff --git a/_site/14/index.html b/_site/14/index.html
diff --git a/_site/15/index.html b/_site/15/index.html
diff --git a/_site/16/index.html b/_site/16/index.html
diff --git a/_site/17/index.html b/_site/17/index.html
diff --git a/_site/18/index.html b/_site/18/index.html
diff --git a/_site/19/index.html b/_site/19/index.html
diff --git a/_site/2/index.html b/_site/2/index.html
diff --git a/_site/20/index.html b/_site/20/index.html
diff --git a/_site/21/index.html b/_site/21/index.html
diff --git a/_site/22/index.html b/_site/22/index.html
diff --git a/_site/23/index.html b/_site/23/index.html
diff --git a/_site/24/index.html b/_site/24/index.html
diff --git a/_site/25/index.html b/_site/25/index.html
diff --git a/_site/26/index.html b/_site/26/index.html
diff --git a/_site/27/index.html b/_site/27/index.html
diff --git a/_site/28/index.html b/_site/28/index.html
diff --git a/_site/29/index.html b/_site/29/index.html
diff --git a/_site/3/index.html b/_site/3/index.html
diff --git a/_site/30/index.html b/_site/30/index.html
diff --git a/_site/31/index.html b/_site/31/index.html
diff --git a/_site/32/index.html b/_site/32/index.html
diff --git a/_site/33/index.html b/_site/33/index.html
diff --git a/_site/34/index.html b/_site/34/index.html
diff --git a/_site/35/index.html b/_site/35/index.html
diff --git a/_site/36/index.html b/_site/36/index.html
diff --git a/_site/37/index.html b/_site/37/index.html
diff --git a/_site/38/index.html b/_site/38/index.html
diff --git a/_site/39/index.html b/_site/39/index.html
diff --git a/_site/4/index.html b/_site/4/index.html
diff --git a/_site/40/index.html b/_site/40/index.html
diff --git a/_site/404.html b/_site/404.html
@@ -1 +1,9 @@
-<!DOCTYPE html><html domain="update-me.com" lang="en"><head><meta charset="utf-8"><meta content="width=device-width,initial-scale=1" name="viewport"><link href="/img/favicon/favicon-192x192.png?hash=2089033c93" rel="icon" type="image/png"><meta content="#f9c412" name="theme-color"><meta content="max-snippet:-1, max-image-preview: large, max-video-preview: -1" name="robots"><title>Csillagok Receptek</title><meta content="Csillagok Receptek" property="og:title"><meta content="Content not found. # Go home." name="description"><meta content="Content not found. # Go home." property="og:description"><meta content="summary_large_image" name="twitter:card"><meta content="@update_me" name="twitter:site"><meta content="@update_me" name="twitter:creator"><link href="https://update-me.com/404.html" rel="canonical"><meta content="no-referrer-when-downgrade" name="referrer"><link href="/feed/feed.xml" rel="alternate" type="application/atom+xml" title="Csillagok Receptek"><link href="/" rel="preconnect" crossorigin=""><link href="/fonts/Inter-3.19.var.woff2" rel="preload" type="font/woff2" as="font" crossorigin=""><script async="" defer="" src="/js/min.js?hash=8db32dcb3a"></script><script csp-hash="sha256-Ky9qZOPnMhQV/s7Fdb9TYAOfU4KtWNqCZaFK8tSzXa0=">if (/Mac OS X/.test(navigator.userAgent))document.documentElement.classList.add('apple')</script><style>:root{--primary: #f9c412;--primary-dark: #e7bf60;--main-width: calc(100vw - 3em)}main img{content-visibility:auto}article *{scroll-margin-top:50px}header nav{position:fixed;padding:.375em 1.5em;background:rgba(255,255,255,.9);font-weight:200;text-align:right}@media (min-width:37.5em){:root{--main-width: calc(37.5em - 3em)}}dialog{background-color:#8dff80;position:fixed;opacity:.9;z-index:1000}#nav{z-index:2;position:relative}#reading-progress,header nav{z-index:1;width:100vw;left:0;top:0}#reading-progress{background-color:var(--primary);position:absolute;bottom:0;transform:translate(-100vw,0);will-change:transform;pointer-events:none}@font-face{font-display:optional;font-family:"Inter UI";font-weight:100 900;font-style:oblique 0deg 10deg;src:url(/fonts/Inter-3.19.var.woff2) format("woff2")}html{line-height:1.15;-webkit-text-size-adjust:100%;font-family:Inter UI,sans-serif;--font-family: Inter UI, sans-serif}body{margin:0;font-size:1em}h1,p{margin-bottom:1.36rem}h1{font-size:3em;line-height:1.25;margin:.67em 0 .5em;font-size:2.074rem;line-height:2.4rem}a{background-color:transparent;color:#f9c412;text-decoration:none;color:var(--primary)}header,img{margin:0 auto;max-width:100%}img{border-style:none;height:auto}p{font-size:1em;margin-bottom:1.5em}body,p{font-size:1rem;line-height:1.6}@media (min-width:600px){h1{font-size:4.3978rem;line-height:4.4rem}body,p{font-size:1.1rem;line-height:1.6}h1,p{margin-bottom:1.496rem}}@media (min-width:1200px){h1{font-size:6.0756rem;line-height:6.72rem}body,p{font-size:1.2rem;line-height:1.6}h1,p{margin-bottom:1.632rem}}a:hover{text-decoration:underline}*{border:0;box-sizing:border-box}body,h1,header nav a{font-family:var(--font-family)}body{background:#181818;color:#eee}header{padding:4.5em 1.5em 3em;width:37.5em;text-align:center;display:flex;align-items:center;flex-direction:column}header p{margin-top:0}header nav h1{float:left;font-size:inherit;line-height:inherit;margin:0;text-align:left}header nav a{font-weight:700;text-decoration:none;color:#181818;margin-left:1.5em}header nav a:first-of-type{margin-left:auto}header nav a:last-of-type{margin-right:1.5em}main{max-width:70rem;margin:0 auto;border-top:.5px solid #ccc}footer{background:rgba(0,0,0,.8);color:#fff;padding:3em;text-align:center}footer>*{margin:1.5em}footer nav a img{vertical-align:middle}footer nav,footer p{font-size:90%}article{max-width:100%;padding:1.5em;width:37.5em;margin:0 auto}</style></head><body><header><nav><div id="nav"><h1><a href="/" title="Homepage">Csillagok Receptek</a></h1><a href="/about/">About</a></div><div id="reading-progress" aria-hidden="true"></div></nav><h1></h1><dialog id="message"></dialog></header><main><article><h1 id="content-not-found.">Content not found. <a href="#content-not-found." class="direct-link">#</a></h1><p>Go <a href="/">home</a>.</p></article></main><footer><a href="/about/">Geczy, Csilla</a></footer></body></html>
+<!DOCTYPE html><html domain="update-me.com" lang="en"><head><meta charset="utf-8"><meta content="width=device-width,initial-scale=1" name="viewport"><link href="/favicon.svg" rel="icon" type="image/svg+xml"><meta content="#f9c412" name="theme-color"><meta content="max-snippet:-1, max-image-preview: large, max-video-preview: -1" name="robots"><title>Csillagok Receptek</title><meta content="Csillagok Receptek" property="og:title"><meta content="Content not found. # Go home." name="description"><meta content="Content not found. # Go home." property="og:description"><meta content="summary_large_image" name="twitter:card"><meta content="@update_me" name="twitter:site"><meta content="@update_me" name="twitter:creator"><link href="https://update-me.com/404.html" rel="canonical"><meta content="no-referrer-when-downgrade" name="referrer"><link href="/feed/feed.xml" rel="alternate" type="application/atom+xml" title="Csillagok Receptek"><link href="/" rel="preconnect" crossorigin=""><link href="/fonts/Inter-3.19.var.woff2" rel="preload" type="font/woff2" as="font" crossorigin=""><script async="" defer="" src="/js/min.js?hash=8db32dcb3a"></script><script csp-hash="sha256-Ky9qZOPnMhQV/s7Fdb9TYAOfU4KtWNqCZaFK8tSzXa0=">if (/Mac OS X/.test(navigator.userAgent))document.documentElement.classList.add('apple')</script><link href="/_pagefind/pagefind-ui.css" rel="stylesheet"><style>@media (prefers-color-scheme: dark) {
+        :root {
+          --pagefind-ui-primary: #eeeeee;
+          --pagefind-ui-text: #eeeeee;
+          --pagefind-ui-background: #152028;
+          --pagefind-ui-border: #152028;
+          --pagefind-ui-tag: #152028;
+        }
+      }</style><style>:root{--primary: #f9c412;--primary-dark: #e7bf60;--main-width: calc(100vw - 3em)}article *{scroll-margin-top:50px}header nav{position:fixed;padding:.375em 1.5em;background:rgba(255,255,255,.9);font-weight:200;text-align:right}@media (min-width:37.5em){:root{--main-width: calc(37.5em - 3em)}}dialog{background-color:#8dff80;position:fixed;opacity:.9;z-index:1000}#nav{z-index:2;position:relative}#reading-progress,header nav{z-index:1;width:100vw;left:0;top:0}#reading-progress{background-color:var(--primary);position:absolute;bottom:0;transform:translate(-100vw,0);will-change:transform;pointer-events:none}@font-face{font-display:optional;font-family:"Inter UI";font-weight:100 900;font-style:oblique 0deg 10deg;src:url(/fonts/Inter-3.19.var.woff2) format("woff2")}html{line-height:1.15;-webkit-text-size-adjust:100%;font-family:Inter UI,sans-serif;--font-family: Inter UI, sans-serif}body{margin:0;font-size:1em}h1,p{margin-bottom:1.36rem}h1{font-size:3em;line-height:1.25;margin:.67em 0 .5em;font-size:2.074rem;line-height:2.4rem}a{background-color:transparent;color:#f9c412;text-decoration:none;color:var(--primary)}p{font-size:1em;margin-bottom:1.5em}body,p{font-size:1rem;line-height:1.6}@media (min-width:600px){h1{font-size:4.3978rem;line-height:4.4rem}body,p{font-size:1.1rem;line-height:1.6}h1,p{margin-bottom:1.496rem}}@media (min-width:1200px){h1{font-size:6.0756rem;line-height:6.72rem}body,p{font-size:1.2rem;line-height:1.6}h1,p{margin-bottom:1.632rem}}a:hover{text-decoration:underline}*{border:0;box-sizing:border-box}body,h1,header nav a{font-family:var(--font-family)}body{background:#181818;color:#eee}header{padding:4.5em 1.5em 3em;width:37.5em;margin:0 auto;text-align:center;max-width:100%;display:flex;align-items:center;flex-direction:column}header p{margin-top:0}header nav h1{float:left;font-size:inherit;line-height:inherit;margin:0;text-align:left}header nav a{font-weight:700;text-decoration:none;color:#181818;margin-left:1.5em}header nav a:first-of-type{margin-left:auto}header nav a:last-of-type{margin-right:1.5em}main{max-width:70rem;margin:0 auto;border-top:.5px solid #ccc}footer{background:rgba(0,0,0,.8);color:#fff;padding:3em;text-align:center}footer>*{margin:1.5em}footer nav,footer p{font-size:90%}article{max-width:100%;padding:1.5em;width:37.5em;margin:0 auto}</style></head><body><header><nav><div id="nav"><h1><a href="/" title="Homepage">Csillagok Receptek</a></h1><a href="/about/">About</a></div><div id="reading-progress" aria-hidden="true"></div></nav><h1></h1><dialog id="message"></dialog></header><main><article><h1 id="content-not-found.">Content not found. <a href="#content-not-found." class="direct-link">#</a></h1><p>Go <a href="/">home</a>.</p></article></main><footer><a href="/about/">Geczy, Csilla</a></footer></body></html>
diff --git a/_site/41/index.html b/_site/41/index.html
diff --git a/_site/42/index.html b/_site/42/index.html
diff --git a/_site/43/index.html b/_site/43/index.html
diff --git a/_site/44/index.html b/_site/44/index.html
diff --git a/_site/45/index.html b/_site/45/index.html
diff --git a/_site/46/index.html b/_site/46/index.html
diff --git a/_site/47/index.html b/_site/47/index.html
diff --git a/_site/48/index.html b/_site/48/index.html
diff --git a/_site/49/index.html b/_site/49/index.html
diff --git a/_site/5/index.html b/_site/5/index.html
diff --git a/_site/50/index.html b/_site/50/index.html
diff --git a/_site/51/index.html b/_site/51/index.html
diff --git a/_site/52/index.html b/_site/52/index.html
diff --git a/_site/6/index.html b/_site/6/index.html
diff --git a/_site/7/index.html b/_site/7/index.html
diff --git a/_site/8/index.html b/_site/8/index.html
diff --git a/_site/9/index.html b/_site/9/index.html