website

commit 2e7f6b1ff22ef0b1d00b939b447cdd2bd561199e
parent 6183de2028b2ded42b7c87a13a1a0eb5c55c0423
Author: Michael Neuper <michael@michaelneuper.com>
Date:   Wed,  1 Nov 2023 17:45:19 +0200

Style duckDuckGoSearchBox

Diffstat:
M
config.toml
 | 
2
+-
M
layouts/_default/list.html
 | 
12
++++++++++++
M
layouts/partials/header.html
 | 
8
--------
M
static/css/styles.css
 | 
54
+++++++++++++++++++++++++++++++++++-------------------

4 files changed, 48 insertions(+), 28 deletions(-)
diff --git a/config.toml b/config.toml
@@ -70,7 +70,7 @@ showWordCount = false
 showReadingTime = true
 rootFontSize = "105%"
 math = true
-enableDuckDuckGoSearchBox = false
+enableDuckDuckGoSearchBox = true
 numberedSubtitles = true
 
 [params.commentEngine]
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
@@ -4,6 +4,18 @@
 
 {{ define "main" }}
 <main id="main" class="archive">
+  {{ if .Site.Params.enableDuckDuckGoSearchBox }}
+  <div id="searchbox">
+    <form method="get" id="ddgSearch" target="_blank" action="https://duckduckgo.com/">
+        <input type="hidden" name="sites" value="{{ .Site.BaseURL }}"/>
+        <input type="hidden" name="kf" value="-1"> <!-- no favicons -->
+        <input type="hidden" name="kh" value="1"> <!-- https -->
+        <input type="hidden" name="kae" value="-1" > <!-- default theme -->
+        <input type="hidden" name="k1" value="-1" > <!-- no ads -->
+        <input type="text" name="q" placeholder="Search…" aria-label="Search michaelneuper.com on DuckDuckGo"/>
+    </form>
+  </div>
+  {{ end }}  
   {{ $pages := where .Data.Pages "Type" "post" }}
   {{ range $pages.GroupByDate "2006-01" }}
   <div class="post-group">
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
@@ -13,13 +13,5 @@
     </span>
     {{ end }}
   </nav>
-  {{ if .Site.Params.enableDuckDuckGoSearchBox }}
-  <div id="searchbox">
-    <form method="get" id="search" target="_blank" action="https://duckduckgo.com/">
-      <input type="hidden" name="sites" value="{{ $domainWithoutWWW }}">
-      <input type="text" name="q" placeholder="Search...">
-    </form>
-  </div>
-  {{ end }}
 </header>
 <hr class="head-rule"></hr>
 \ No newline at end of file
diff --git a/static/css/styles.css b/static/css/styles.css
@@ -31,7 +31,7 @@
 
 body {
   background-color: var(--background);
-  color: var(--text-emphasized);
+  color: var(--text);
 }
 
 hr {
@@ -87,17 +87,17 @@ td {
 }
 
 .content mark {
-    background-color: var(--background-secondary);
-    color: var(--text-emphasized);
-    border-radius: 0.25rem;
-    padding-left: 5px;
-    padding-right: 5px;
+  background-color: var(--background-secondary);
+  color: var(--text-emphasized);
+  border-radius: 0.25rem;
+  padding-left: 5px;
+  padding-right: 5px;
 }
 
 .content kbd {
-    background-color: var(--background-secondary);
-    color: var(--text-emphasized);
-    border-radius: 0.25rem;
+  background-color: var(--background-secondary);
+  color: var(--text-emphasized);
+  border-radius: 0.25rem;
 }
 
 #wrapper {
@@ -136,13 +136,13 @@ main.grid-container {
 }
 
 #main :target {
-    background-color: var(--background-secondary);
-    color: var(--text-emphasized);
-    border-color: red;
-    border-radius: 0.25em;
-    padding-left: 20px;
-    padding-top: 10px;
-    padding-bottom: 10px;
+  background-color: var(--background-secondary);
+  color: var(--text-emphasized);
+  border-color: red;
+  border-radius: 0.25em;
+  padding-left: 20px;
+  padding-top: 10px;
+  padding-bottom: 10px;
 }
 
 .numbered-subtitles {
@@ -200,7 +200,7 @@ main.grid-container {
 }
 
 .content a {
-  text-decoration: none ;
+  text-decoration: none;
 }
 
 a:link {
@@ -326,9 +326,25 @@ button.copyButton:hover {
 }
 
 .book-container {
-    clear: both;
+  clear: both;
 }
 
 .book-container > img {
-    margin-left: 50px;
+  margin-left: 50px;
+}
+
+#ddgSearch > input {
+  color: var(--text-emphasized);
+  background-color: var(--background-secondary);
+  font-family: "Latin Modern Roman", "Times New Roman", serif;
+  padding-left: 8px;
+  width: 200px;
+  height: 25px;
+  margin-bottom: 25px;
+  border: 1px solid var(--text);
+  border-radius: 0.25rem;
+}
+
+#ddgSearch > input:focus {
+    outline: 1.5px solid var(--text-emphasized);
 }
 \ No newline at end of file