Added search boxes for posts and notes

3 files changed, 44 insertions, 51 deletions

diff --git a/static/assets/urls.txt b/static/assets/urls.txt
deleted file mode 100644
index 5fa1690..0000000
--- a/static/assets/urls.txt
+++ /dev/null
@@ -1,46 +0,0 @@
-# In Newsboat format - https://newsboat.org
-
-# Announcements
-https://harelang.org/index.xml Announcements
-https://emacsredux.com/atom.xml Announcements
-https://crawl.develz.org/wordpress/feed Announcements
-https://go.dev/blog/feed.atom Announcements
-https://blog.gtk.org/feed/ Announcements
-
-# Blogs
-https://jameshfisher.com/feed.xml Blogs
-https://www.computerenhance.com/feed Blogs
-https://tratt.net/laurie/news.rss Blogs
-https://willhbr.net/feed.xml Blogs
-https://andrewkelley.me/rss.xml Blogs
-https://beyondloom.com/blog/rss.xml Blogs
-https://blog.orhun.dev/rss.xml Blogs
-https://simonwillison.net/atom/entries/ Blogs
-https://til.simonwillison.net/tils/feed.atom Blogs
-https://danluu.com/atom.xml Blogs "~Dan Luu"
-https://www.andreinc.net/feed.xml Blogs
-https://voussoir.net/writing/writing.atom Blogs "~Ethan Dalool / Voussoir"
-https://blog.regehr.org/feed Blogs
-https://richiejp.com/atom.xml Blogs "~Richard Palethorpe"
-https://szymonkaliski.com/feed.xml Blogs
-https://world.hey.com/dhh/feed.atom Blogs
-https://world.hey.com/jason/feed.atom Blogs
-https://mitchellh.com/feed.xml Blogs
-https://matt-rickard.com/rss Blogs
-https://solar.lowtechmagazine.com/posts/index.xml Blogs
-https://utcc.utoronto.ca/~cks/space/blog/?atom Blogs
-https://neil.computer/rss/ Blogs
-https://matduggan.com/rss/ Blogs
-https://michael.stapelberg.ch/feed.xml Blogs
-https://offbeatpursuit.com/blog/index.rss Blogs "~Offbeatpursuit - Blog"
-https://offbeatpursuit.com/paste/index.rss Blogs "~Offbeatpursuit - Paste"
-https://offbeatpursuit.com/notes/index.rss Blogs "~Offbeatpursuit - Notes"
-https://journal.valeriansaliou.name/rss/ Blogs
-https://www.taniarascia.com/rss.xml Blogs
-https://snarky.ca/rss/ Blogs
-https://www.jeffgeerling.com/blog.xml Blogs
-https://serokell.io/blog.rss.xml Blogs
-https://www.duskborn.com/index.xml Blogs
-https://mirzapandzo.com/rss.xml Blogs
-https://mitjafelicijan.com/feed.xml Blogs
-
diff --git a/templates/base.html b/templates/base.html
index 2397716..fe37b15 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -11,8 +11,9 @@
     <style>
       :root {
         --link-color: blue;
-        --code-background: #eee;
-        --inline-code-background: #eee;
+        --code-background: #efefef;
+        --code-border: #aaa;
+        --inline-code-background: #efefef;
       }
 
       *::selection {
@@ -58,7 +59,7 @@
 
       h1 {
         font-size: xx-large;
-                line-height: 110%;
+        line-height: 110%;
       }
 
       mark { padding: 0 0.3em; background-color: chartreuse; }
@@ -83,7 +84,7 @@
         overflow-x: auto;
         padding: 1em;
         background: var(--code-background)!important;
-                border: 1px solid black;
+        border: 1px solid var(--code-border);
       }
 
       code {
@@ -129,6 +130,8 @@
 
       pre { margin-block-start: 1em; margin-block-end: 1em; }
 
+      section.quick-jump { display: grid; gap: 1em; margin-top: 1em; grid-template-columns: 1fr 1fr; }
+      
       .promobox {        
         margin-top: 1em;
         text-decoration: none;
@@ -165,6 +168,8 @@
           display: block;
           overflow-y: auto;
         }
+
+        section.quick-jump { grid-template-columns: 1fr; }
       }
     </style>
     <script defer src="https://app.tinyanalytics.io/pixel/isfRNEahfHiS2Ttp"></script>
@@ -175,8 +180,8 @@
         <a href="/">Home</a>
         <a href="https://github.com/mitjafelicijan" target="_blank">Code</a>
         <a href="https://github.com/mitjafelicijan/probe" target="_blank">Probe</a>
+        <a href="https://github.com/mitjafelicijan/dotfiles" target="_blank">Dotfiles</a>
         <a href="/assets/mitjafelicijan.pgp.pub.txt">PGP</a>
-        <a href="/assets/urls.txt">Blogroll</a>
         <a href="/curriculum-vitae.html">CV</a>
         <a href="/feed.xml">RSS</a>
       </nav>
diff --git a/templates/index.html b/templates/index.html
index f5821fc..e3586ff 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -11,6 +11,40 @@
   bytes (trigraphs).
 </a>
 
+<section class="quick-jump">
+  <input list="qj-posts" placeholder="Search for posts">
+  <datalist id="qj-posts">
+    {{ range .Pages }}
+      {{ if and (eq .Type "post") (not .Draft) }}
+        <option data-url="{{ .RelPermalink }}">{{ .Title }}</option>
+      {{ end }}
+    {{ end }}
+  </datalist>
+  <input list="qj-notes"  placeholder="Search for notes">
+  <datalist id="qj-notes">
+    {{ range .Pages }}
+      {{ if and (eq .Type "note") (not .Draft) }}
+        <option data-url="{{ .RelPermalink }}">{{ .Title }}</option>
+      {{ end }}
+    {{ end }}
+  </datalist>
+</section>
+
+<script>
+document.querySelectorAll("section.quick-jump input[list]").forEach(s => {
+  s.addEventListener("change", e => {
+    const input = e.target;
+    const datalist = e.target.list;
+    for (var j = 0; j < datalist.options.length; j++) {
+      if (input.value == datalist.options[j].value) {
+        console.log(input.value, datalist.options[j].dataset.url);
+        window.location.href = `/${datalist.options[j].dataset.url}`;
+      }
+    }
+  });
+});
+</script>
+
 <section>
   <h2>More long form, ramblings etc</h2>
   <ul itemscope itemtype="https://schema.org/SiteNavigationElement" role="list" aria-label="More long form, ramblings etc">