added search and contact form functionality. Needs styling and check for functionality.

[theme-danix.xyz.git] / layouts / shortcodes / search.html

diff --git a/layouts/shortcodes/search.html b/layouts/shortcodes/search.html
new file mode 100644 (file)
index 0000000..784c598
--- /dev/null
+++ b/layouts/shortcodes/search.html
@@ -0,0 +1,22 @@
+<p class="error message js-hidden">{{ i18n "js_required" }}</p>
+<p class="search-loading status message hidden">{{ i18n "search_loading" }}</p>
+
+<div class="search-input hidden">
+  <form id="search-form" class="search-form" action="#" method="post" accept-charset="UTF-8" role="search">
+    <label for="query" class="visually-hidden">{{ i18n "search_title" }}</label>
+    <input type="search" id="query" name="query" class="search-text" placeholder="{{ i18n "search_placeholder" }}" maxlength="128">
+    <button type="submit" name="submit" class="form-submit" >{{ i18n "search_title" }}</button>
+  </form>
+</div>
+
+<div class="search-results"></div>
+
+<template>
+  <article class="search-result list-view">
+    <header>
+      <h2 class="title title-submitted"><a href="#">Title here</a></h2>
+      <div class="submitted"><time class="created-date">Date here</time></div>
+    </header>
+    <div class="content">Summary here</div>
+  </article>
+</template>