update

weru

04.14.2020 dd56a6e5ebbb7aba0873b4139d3fa4da9d094aea

update

 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)

 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 . }}


 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>


 static/images/github.svg

New file
@@ -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>

 static/images/search.svg

New file
@@ -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>