Search & socials

7 files changed, 141 insertions, 16 deletions

diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 8ff9b18..d3d2d99 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -1,28 +1,34 @@
 {{- define "main" }}
-<section class="section-list">
-    <header class="section-list__header">
-        <h1 class="section-list__headline">
+<section class="list-page">
+    <header class="list-page__header">
+        <h1 class="list-page__headline">
             {{ .Title }}
         </h1>
+        {{- with .Content }}
+            <div class="list-page__description">
+                {{ . }}
+            </div>
+        {{- else  }}
         {{- $description := or .Description .Summary (lang.Translate "list.default_description" .Title | default (printf "All posts in %s" .Title)) }}
-        <p class="section-list__description">
-            {{ $description }}
-        </p>
+            <p class="list-page__description">
+                {{ $description }}
+            </p>
+        {{- end }}
     </header>
 
-    <section class="section-list__content" aria-label="{{ lang.Translate "posts.name" | default "Posts" }}">
+    <section class="list-page__content" aria-label="{{ lang.Translate "posts.name" | default "Posts" }}">
         {{- /* 20 posts per site */ -}}
         {{- $paginator := .Paginate .Pages 20 }}
         {{- with $paginator.Pages }}
-            <ul class="section-list__posts">
+            <ul class="list-page__posts-list">
                 {{- range . }}
-                    <li class="section-list__post">
+                    <li class="list-page__post">
                         {{- partial "list/post-card.html" . }}
                     </li>
                 {{- end }}
             </ul>
-        {{- else }}
-            <p class="section-list__empty-message">
+        {{ else }}
+            <p class="list-page__empty-message">
                 {{ lang.Translate "list.empty" | default "No posts found in this section." }}
             </p>
         {{- end }}
diff --git a/layouts/_default/search.html b/layouts/_default/search.html
new file mode 100644
index 0000000..569cc9a
--- /dev/null
+++ b/layouts/_default/search.html
@@ -0,0 +1,69 @@
+{{ define "main" }}
+<section class="search-page">
+    <header class="search-page__header">
+        <h1 class="search-page__heading">
+            {{ .Title }}
+        </h1>
+        {{- with .Content }}
+            <div class="search-page__description">
+                {{ . }}
+            </div>
+        {{- else }}
+        {{- $description := or .Description (lang.Translate "search.description" | default "Find posts by search term.") }}
+            <p class="search-page__description">
+                {{ $description }}
+            </p>
+        {{- end }}
+    </header>
+
+    <section class="search-page__container" aria-label="{{ lang.Translate "search.label" | default "Search all posts" }}">
+        <form id="search-form" class="search-form" role="search" autocomplete="off">
+            <label for="search-input" class="search-form__label">
+                {{ lang.Translate "search.label" | default "Search all posts" }}
+            </label>
+            <div class="search-form__input-wrapper">
+                <input
+                    id="search-input"
+                    class="search-form__input"
+                    type="search"
+                    data-index-url="{{ site.Home.RelPermalink }}index.json"
+                    placeholder="{{ lang.Translate "search.placeholder" | default "Type to search..." }}"
+                />
+                <button
+                    id="search-reset"
+                    type="button"
+                    class="search-form__reset"
+                    aria-label="{{ lang.Translate "search.reset" | default "Clear search" }}"
+                >
+                    <span class="search-clear__icon" aria-hidden="true">&times;</span>
+                </button>
+            </div>
+        </form>
+
+    </section>
+
+    <div id="search-results" class="search-page__results" aria-live="polite">
+        <p class="search-results__count" hidden>
+            <span id="search-results-number">0</span>
+            {{ lang.Translate "search.matches" | default "matches" }}
+        </p>
+
+        <ul class="search-results__list" hidden></ul>
+
+        {{- /* Hidden template, used for hydrating search results from index.json with JS */ -}}
+        <template id="search-result-template">
+            {{- $mockPost := dict 
+                "Title" "TEMPLATE_TITLE"
+                "RelPermalink" "TEMPLATE_URL"
+                "Date" now
+                "Summary" "TEMPLATE_SUMMARY"
+                "Params" (dict "tags" (slice "TEMPLATE_TAG"))
+            -}}
+            <li class="search-results__list-item">
+                {{- partial "list/post-card.html" $mockPost }}
+            </li>
+        </template>
+
+    </div>
+</section>
+{{ end }}
diff --git a/layouts/index.json b/layouts/index.json
new file mode 100644
index 0000000..29d7e14
--- /dev/null
+++ b/layouts/index.json
@@ -0,0 +1,14 @@
+{{- $allPages := slice -}}
+
+{{- range (where site.RegularPages "Section" "!=" "") -}}
+    {{- $currentPage := dict
+        "title" .Title
+        "summary" (.Summary | plainify | htmlUnescape)
+        "url" .RelPermalink
+        "date" (.Date.Format "2006-01-02T15:04:05Z07:00")
+        "tags" .Params.tags
+    -}}
+    {{- $allPages = $allPages | append $currentPage -}}
+{{- end -}}
+
+{{ jsonify $allPages }}
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 7225d09..9b66758 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,7 +1,43 @@
 <footer class="site__footer" role="contentinfo">
     <p>&copy; {{ now.Year }} {{ site.Params.author.name }}</p>
 
-    <a href="{{ site.Home.Permalink }}index.xml" aria-label="RSS Feed" title="RSS Feed">
-        <img src="/rss.svg" class="icon icon-rss" style="max-height: 32px" alt="RSS Feed" aria-hidden="true">
-    </a>
+    <nav class="follow-me-links" aria-label="Follow me on:">
+        <ul class="follow-me-list">
+            {{- range site.Params.socials }}
+            <li class="follow-me-item">
+                <a
+                    href="{{ .url }}"
+                    aria-label="{{ .name }}"
+                    title="{{ .name }}"
+                    rel="me noopener noreferrer"
+                    target="_blank"
+                >
+                    <img
+                        src="{{ .icon }}"
+                        class="icon icon-{{ lower .name }}"
+                        style="max-height: 32px"
+                        alt="{{ .name }}"
+                        aria-hidden="true"
+                    />
+                </a>
+            </li>
+            {{- end }}
+            <li class="follow-me-item">
+                <a
+                    href="{{ site.Home.Permalink }}index.xml"
+                    aria-label="RSS Feed"
+                    title="RSS Feed"
+                    target="_blank"
+                >
+                    <img
+                        src="/rss.svg"
+                        class="icon icon-rss"
+                        style="max-height: 32px"
+                        alt="RSS Feed"
+                        aria-hidden="true"
+                    />
+                </a>
+            </li>
+        </ul>
+    </nav>
 </footer>
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 9195345..0f3cfce 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -7,6 +7,6 @@
         {{- end }}
     </a>
 
-    {{- partial "selectTheme.html" . }}
-    {{- partial "selectLanguage.html" . }}
+    {{- partial "select-theme.html" . }}
+    {{- partial "select-language.html" . }}
 </header>
diff --git a/layouts/partials/selectLanguage.html b/layouts/partials/select-language.html
index 752b605..752b605 100644
--- a/layouts/partials/selectLanguage.html
+++ b/layouts/partials/select-language.html
diff --git a/layouts/partials/selectTheme.html b/layouts/partials/select-theme.html
index e9114cc..e9114cc 100644
--- a/layouts/partials/selectTheme.html
+++ b/layouts/partials/select-theme.html