From dd56a6e5ebbb7aba0873b4139d3fa4da9d094aea Mon Sep 17 00:00:00 2001
From: weru <onewesh@gmail.com>
Date: Tue, 04 Feb 2020 13:14:26 +0000
Subject: [PATCH] update

---
 layouts/partials/scripts.html |    1 
 layouts/partials/search.html  |    2 
 static/images/github.svg      |    1 
 static/images/search.svg      |   43 +++++++++++++++++++++
 assets/sass/_components.sass  |   27 +++++++++++++
 5 files changed, 71 insertions(+), 3 deletions(-)

diff --git a/assets/sass/_components.sass b/assets/sass/_components.sass
index e575625..dd452ff 100644
--- a/assets/sass/_components.sass
+++ b/assets/sass/_components.sass
@@ -21,13 +21,38 @@
   flex: 1
   display: flex
   justify-content: flex-end
+  position: relative
   &_field
-    padding: 0.5rem 1.5rem
+    padding: 0.5rem 1.5rem 0.5rem 2.5rem
     border-radius: 1.5rem
+    width: 13.5rem
     outline: none
     border: none
     box-shadow: 0 1rem 4rem rgba(0,0,0,0.17)
+    font-size: 1rem
+  &_label
+    background-image: url(/images/search.svg)
+    width: 1.25rem
+    height: 1.25rem
+    position: absolute
+    right: 11.5rem
+    top: 0.5rem
+    opacity: 0.33
   &_result
+    padding: 0.5rem 1rem
+    &:hover
+      background-color: var(--haze)
+    &s
+      width: 13.5rem
+      background-color: var(--light)
+      border-radius: 0 0 0.25rem 0.25rem
+      box-shadow: 0 1rem 4rem rgba(0,0,0,0.17)
+      position: absolute
+      top: 100%
+      display: grid
+      overflow: hidden
+      &:empty
+        display: none
 
 .button
   background-color: var(--dark)
diff --git a/layouts/partials/scripts.html b/layouts/partials/scripts.html
index a8ab558..87cea38 100644
--- a/layouts/partials/scripts.html
+++ b/layouts/partials/scripts.html
@@ -4,7 +4,6 @@
 {{- $searchPath := "js/search.js" }}
 {{- $search := resources.Get $searchPath | resources.ExecuteAsTemplate $searchPath . }}
 
-
 {{- $mainScriptPath := "js/index.js" }}
 {{- $main := resources.Get $mainScriptPath | resources.ExecuteAsTemplate $mainScriptPath . }}
 
diff --git a/layouts/partials/search.html b/layouts/partials/search.html
index 4b53622..00b98c0 100644
--- a/layouts/partials/search.html
+++ b/layouts/partials/search.html
@@ -1,6 +1,6 @@
 <div class="search">
   <label for="search" class="search_label"></label>
-  <input type="search" class="search_field" placeholder="Search" id="search">
+  <input type="search" class="search_field" placeholder="{{ .Site.Params.searchPlaceholder }}" id="search">
   <div class="search_results"></div>
 </div>
 
diff --git a/static/images/github.svg b/static/images/github.svg
new file mode 100644
index 0000000..d9a232c
--- /dev/null
+++ b/static/images/github.svg
@@ -0,0 +1 @@
+<svg enable-background="new 0 0 24 24" height="512" viewBox="0 0 24 24" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m12 .5c-6.63 0-12 5.28-12 11.792 0 5.211 3.438 9.63 8.205 11.188.6.111.82-.254.82-.567 0-.28-.01-1.022-.015-2.005-3.338.711-4.042-1.582-4.042-1.582-.546-1.361-1.335-1.725-1.335-1.725-1.087-.731.084-.716.084-.716 1.205.082 1.838 1.215 1.838 1.215 1.07 1.803 2.809 1.282 3.495.981.108-.763.417-1.282.76-1.577-2.665-.295-5.466-1.309-5.466-5.827 0-1.287.465-2.339 1.235-3.164-.135-.298-.54-1.497.105-3.121 0 0 1.005-.316 3.3 1.209.96-.262 1.98-.392 3-.398 1.02.006 2.04.136 3 .398 2.28-1.525 3.285-1.209 3.285-1.209.645 1.624.24 2.823.12 3.121.765.825 1.23 1.877 1.23 3.164 0 4.53-2.805 5.527-5.475 5.817.42.354.81 1.077.81 2.182 0 1.578-.015 2.846-.015 3.229 0 .309.21.678.825.56 4.801-1.548 8.236-5.97 8.236-11.173 0-6.512-5.373-11.792-12-11.792z" fill="#212121"/></svg>
\ No newline at end of file
diff --git a/static/images/search.svg b/static/images/search.svg
new file mode 100644
index 0000000..09bf2ca
--- /dev/null
+++ b/static/images/search.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 511.999 511.999" style="enable-background:new 0 0 511.999 511.999;" xml:space="preserve">
+<g>
+	<g>
+		<path d="M508.874,478.708L360.142,329.976c28.21-34.827,45.191-79.103,45.191-127.309c0-111.75-90.917-202.667-202.667-202.667
+			S0,90.917,0,202.667s90.917,202.667,202.667,202.667c48.206,0,92.482-16.982,127.309-45.191l148.732,148.732
+			c4.167,4.165,10.919,4.165,15.086,0l15.081-15.082C513.04,489.627,513.04,482.873,508.874,478.708z M202.667,362.667
+			c-88.229,0-160-71.771-160-160s71.771-160,160-160s160,71.771,160,160S290.896,362.667,202.667,362.667z"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

--
Gitblit v1.10.0