summaryrefslogtreecommitdiff
path: root/_layouts
diff options
context:
space:
mode:
Diffstat (limited to '_layouts')
-rw-r--r--_layouts/journal.liquid18
-rw-r--r--_layouts/search.liquid92
2 files changed, 92 insertions, 18 deletions
diff --git a/_layouts/journal.liquid b/_layouts/journal.liquid
index 6251483..e3f5ae4 100644
--- a/_layouts/journal.liquid
+++ b/_layouts/journal.liquid
@@ -30,24 +30,6 @@
</section>
<!-- end hero -->
- <!-- begin search -->
- <section class="section">
- <div class="container">
- <form onsubmit="alert()">
- <div class="field">
- <div class="control">
- <input class="input is-rounded"
- type="text"
- placeholder="Search all posts..."
- >
- </div>
- </div>
-
- </form>
- </div>
- </section>
- <!-- end search -->
-
<!-- begin main content -->
<section class="section">
<div class="container">
diff --git a/_layouts/search.liquid b/_layouts/search.liquid
new file mode 100644
index 0000000..e1d2434
--- /dev/null
+++ b/_layouts/search.liquid
@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ {% include "head.liquid" %}
+ <script src="/public/js/lunr.js"></script>
+ <script src="/public/js/posts.lunr.js"></script>
+ </head>
+
+ <body>
+ <!-- begin hero -->
+ <section class="
+ hero
+ is-primary
+ ">
+ <!-- begin hero head -->
+ <div class="hero-head">
+ {% include "nav.liquid" %}
+ </div>
+ <!-- end hero head -->
+
+ <!-- begin hero body -->
+ <div class="hero-body">
+ <div class="container">
+ <h1 class="title">
+ {{ page.title }}
+ </h1>
+ </div>
+ </div>
+ <!-- end hero body -->
+
+ </section>
+ <!-- end hero -->
+
+ <!-- begin search -->
+ <section class="section">
+ <div class="container">
+ <div class="field">
+ <div class="control">
+ <input class="input is-rounded"
+ type="text"
+ placeholder="Search all posts..."
+ >
+ </div>
+ </div>
+
+ <button class="button" onclick="test()">
+ search
+ </button>
+ </div>
+ </section>
+ <!-- end search -->
+
+ <!-- begin main content -->
+ <section class="section">
+ <div class="container">
+
+ <div class="content">
+ {{ page.content }}
+ </div>
+
+ </div>
+ </section>
+ <!-- end main content -->
+
+ <!-- begin blog posts -->
+ <section class="section">
+ <div class="container">
+ <div class="columns">
+
+ <!-- begin short post list -->
+ <div class="column is-narrow">
+ {% include all-posts.liquid %}
+ </div>
+ <!-- end short post list -->
+
+ <!-- begin long post list -->
+ <div class="column">
+ {% include post-list.liquid %}
+ </div>
+ <!-- end long post list -->
+
+ </div>
+ </div>
+ </section>
+ <!-- end blog posts -->
+
+ <footer class="footer">
+ {% include "footer.liquid" %}
+ </footer>
+ </body>
+
+</html>