add search bar

Amolith created

Change summary

themes/secluded/assets/scss/_main.scss     | 18 ++++++++++++++++++
themes/secluded/layouts/_default/list.html |  5 +++++
2 files changed, 23 insertions(+)

Detailed changes

themes/secluded/assets/scss/_main.scss 🔗

@@ -20,6 +20,24 @@ code, pre {
     font-family: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
     color: $dark;
 }
+input {
+    font-family: inherit;
+    text-align: center;
+    width: 100%;
+    height: 35px;
+    box-sizing: border-box;
+    box-shadow: 0 1px 1px rgba(12,13,14,0.15),inset 0 1px 0 0 #fff;
+    transition: .15s ease-out;
+}
+input[type=text] {
+    font-size: inherit;
+    color: $dark;
+    text-decoration: italic;
+    border: 1px solid #9fa6ad;
+    border-radius: 3px;
+}
+input[type=text]:focus {
+}
 .wrapper {
     max-width: 600px;
     margin: 0 auto;

themes/secluded/layouts/_default/list.html 🔗

@@ -2,6 +2,11 @@
 <div class="list">
     <h1>{{ .Title }}</h1>
     <p>There are RSS feeds for <em>all</em> of the categories and tags on the site. If you want to subscribe to one of them, navigate to that list and <a href="index.xml">click here</a>; you'll be taken to the specific feed.</p>
+    <form action="https://duckduckgo.com/" method="get">
+        <input name="sites" type="hidden" value="secluded.site">
+        <input aria-label="Search this blog." name="q" type="text"
+                                                       placeholder="&#128270; Search this site with DuckDuckGo" >
+    </form>
     {{ $title := .Title }}
     {{ if eq $title "Posts" }}
     <div class="categories">