updated by original repo

assets/css/post-entry.css

@@ -21,7 +21,8 @@
 }
 
 .first-entry .entry-header h2 {
-    font-size: 34px
+    font-size: 34px;
+    line-height: 1.3
 }
 
 .first-entry .entry-content {

assets/css/reset.css

@@ -5,7 +5,14 @@
 }
 
 html {
-    -webkit-tap-highlight-color: transparent
+    -webkit-tap-highlight-color: transparent;
+    scroll-behavior: smooth
+}
+
+@media screen and (prefers-reduced-motion: reduce) {
+    html {
+        scroll-behavior: auto
+    }
 }
 
 a,

assets/css/search.css

@@ -0,0 +1,40 @@
+.searchbox input {
+    padding: 4px 10px;
+    width: 100%;
+    color: var(--primary);
+    font-weight: bold;
+    border: 2px solid var(--tertiary);
+    border-radius: var(--radius);
+}
+
+.searchbox input:focus {
+    border-color: var(--secondary);
+}
+
+#searchResults li {
+    list-style: none;
+    border-radius: var(--radius);
+    padding: 10px;
+    margin: 10px 0;
+    position: relative;
+    font-weight: 500;
+}
+
+#searchResults {
+    margin: 10px 0;
+    width: 100%;
+}
+
+#searchResults li:active {
+    transition: transform .1s;
+    transform: scale(.98);
+}
+
+#searchResults a {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0px;
+    left: 0px;
+    outline: none;
+}

assets/js/fastsearch.js

@@ -0,0 +1,57 @@
+var fuse; // holds our search engine
+
+// load our search index, only executed onload
+function loadSearch() {
+    var xhr = new XMLHttpRequest();
+    xhr.onreadystatechange = function () {
+        if (xhr.readyState === 4) {
+            if (xhr.status === 200) {
+                var data = JSON.parse(xhr.responseText);
+                if (data) {
+                    // fuse.js options; check fuse.js website for details
+                    var options = {
+                        isCaseSensitive: false,
+                        shouldSort: true,
+                        location: 0,
+                        distance: 100,
+                        threshold: 0.4,
+                        minMatchCharLength: 0,
+                        keys: [
+                            'title',
+                            'permalink',
+                            'summary',
+                            'content'
+                        ]
+                    };
+                    fuse = new Fuse(data, options); // build the index from the json file
+                }
+            } else {
+                console.log(xhr.responseText);
+            }
+        }
+    };
+    xhr.open('GET', "../index.json");
+    xhr.send();
+}
+
+// execute search as each character is typed
+document.getElementById("searchInput").onkeyup = function (e) {
+    // run a search query (for "term") every time a letter is typed
+    // in the search box
+    const results = fuse.search(this.value); // the actual query being run using fuse.js
+
+    if (results.length !== 0) {
+        // build our html if result exists
+        let resultSet = ''; // our results bucket
+
+        for (let item in results) {
+            resultSet = resultSet + itemGen(results[item].item.title, results[item].item.permalink)
+        }
+
+        document.getElementById("searchResults").innerHTML = resultSet;
+    }
+}
+
+function itemGen(name, link) {
+    return `<li class="post-entry"><header class="entry-header">${name}&nbsp;»</header><a href="${link}" aria-label="${name}"></a></li>`
+}