From 2c17fbcdf8ea36d9d10dba243db94de85575e8ed Mon Sep 17 00:00:00 2001
From: Martin Kagamino Lehoux <martin@lehoux.net>
Date: Mon, 2 Oct 2023 09:02:20 +0200
Subject: chore: Copy theme layouts

---
 layouts/partials/footer.html                       |  4 ++++
 layouts/partials/footer/copyright.html             |  3 +++
 layouts/partials/footer/social.html                |  5 +++++
 layouts/partials/handler/svg.html                  |  6 ++++++
 layouts/partials/head.html                         |  2 ++
 layouts/partials/head/styles.html                  | 13 +++++++++++
 layouts/partials/header.html                       |  7 ++++++
 layouts/partials/header/avatar.html                |  7 ++++++
 layouts/partials/header/nav.html                   | 10 +++++++++
 layouts/partials/header/title.html                 |  7 ++++++
 layouts/partials/list/categories.html              |  3 +++
 layouts/partials/list/components/pagination.html   | 25 ++++++++++++++++++++++
 layouts/partials/list/default.html                 | 11 ++++++++++
 .../single/components/comments/comments.html       | 11 ++++++++++
 .../single/components/comments/disqus.html         |  4 ++++
 .../single/components/comments/giscus.html         | 21 ++++++++++++++++++
 .../single/components/metatag/categories.html      |  8 +++++++
 .../partials/single/components/metatag/tags.html   |  9 ++++++++
 .../partials/single/components/metatag/time.html   |  4 ++++
 .../partials/single/components/title/large.html    |  1 +
 .../partials/single/components/title/small.html    |  1 +
 layouts/partials/single/default.html               | 17 +++++++++++++++
 layouts/partials/single/homepage.html              |  8 +++++++
 23 files changed, 187 insertions(+)
 create mode 100644 layouts/partials/footer.html
 create mode 100644 layouts/partials/footer/copyright.html
 create mode 100644 layouts/partials/footer/social.html
 create mode 100644 layouts/partials/handler/svg.html
 create mode 100644 layouts/partials/head.html
 create mode 100644 layouts/partials/head/styles.html
 create mode 100644 layouts/partials/header.html
 create mode 100644 layouts/partials/header/avatar.html
 create mode 100644 layouts/partials/header/nav.html
 create mode 100644 layouts/partials/header/title.html
 create mode 100644 layouts/partials/list/categories.html
 create mode 100644 layouts/partials/list/components/pagination.html
 create mode 100644 layouts/partials/list/default.html
 create mode 100644 layouts/partials/single/components/comments/comments.html
 create mode 100644 layouts/partials/single/components/comments/disqus.html
 create mode 100644 layouts/partials/single/components/comments/giscus.html
 create mode 100644 layouts/partials/single/components/metatag/categories.html
 create mode 100644 layouts/partials/single/components/metatag/tags.html
 create mode 100644 layouts/partials/single/components/metatag/time.html
 create mode 100644 layouts/partials/single/components/title/large.html
 create mode 100644 layouts/partials/single/components/title/small.html
 create mode 100644 layouts/partials/single/default.html
 create mode 100644 layouts/partials/single/homepage.html

(limited to 'layouts/partials')

diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
new file mode 100644
index 0000000..73f32ae
--- /dev/null
+++ b/layouts/partials/footer.html
@@ -0,0 +1,4 @@
+<footer class="pt-5 pb-10 grid gap-3 sm:grid-cols-2">
+    {{ partial "footer/copyright" . }}
+    {{ partial "footer/social" . }}
+</footer>
\ No newline at end of file
diff --git a/layouts/partials/footer/copyright.html b/layouts/partials/footer/copyright.html
new file mode 100644
index 0000000..b24cc2c
--- /dev/null
+++ b/layouts/partials/footer/copyright.html
@@ -0,0 +1,3 @@
+<div class="text-xs font-semibold text-gray-500 order-2 sm:order-1 ">
+    © {{ replace .Site.Copyright "{year}" now.Year }} — <a class="hover:text-gray-500" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a> <span class=" font-normal ">with</span> <a class="hover:text-gray-500" href="https://github.com/nixentric/Lowkey-Hugo-Theme" target="_blank" rel="noopener noreferrer">Lowkey</a>
+</div>
\ No newline at end of file
diff --git a/layouts/partials/footer/social.html b/layouts/partials/footer/social.html
new file mode 100644
index 0000000..0b70dd6
--- /dev/null
+++ b/layouts/partials/footer/social.html
@@ -0,0 +1,5 @@
+<div class="text-xs font-semibold text-gray-500 order-1 sm:order-2">
+    <ul class="flex sm:justify-end gap-5">
+    {{ with site.Menus.social }}{{ range . }}<li><a class="hover:text-gray-500" href="{{ .URL }}" target="_blank" rel="noopener noreferrer">{{ .Name }}</a></li>{{ end }}{{ end }}
+    </ul>
+</div>
\ No newline at end of file
diff --git a/layouts/partials/handler/svg.html b/layouts/partials/handler/svg.html
new file mode 100644
index 0000000..72162e8
--- /dev/null
+++ b/layouts/partials/handler/svg.html
@@ -0,0 +1,6 @@
+{{- $iconFile := resources.GetMatch (printf "icons/%s.svg" .) -}}
+{{- if $iconFile -}}
+    {{- $iconFile.Content | safeHTML -}}
+{{- else -}}
+    {{- errorf "Error: icon '%s.svg' is not found under 'assets/icons' folder" . -}}
+{{- end -}}
\ No newline at end of file
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
new file mode 100644
index 0000000..27e7b20
--- /dev/null
+++ b/layouts/partials/head.html
@@ -0,0 +1,2 @@
+{{- partial "head/meta.html" . -}}
+{{- partial "head/styles.html" . -}}
diff --git a/layouts/partials/head/styles.html b/layouts/partials/head/styles.html
new file mode 100644
index 0000000..68577ce
--- /dev/null
+++ b/layouts/partials/head/styles.html
@@ -0,0 +1,13 @@
+{{/*  Resources  */}}
+{{- $tailwind := resources.Get "css/tailwind.css"  | postCSS (dict "config" "./config/postcss.config.js") -}}
+
+{{/*  Processor  */}}
+{{- $styles := slice $tailwind | resources.Concat "css/app.css" -}}
+
+{{/* Output */}}
+{{- if eq hugo.Environment "development" -}}
+<link rel="stylesheet" href="{{ $styles.Permalink | absURL }}">
+{{- else -}}
+{{- $styles := $styles | minify | fingerprint | resources.PostProcess -}}
+<link rel="stylesheet" href="{{ $styles.Permalink }}" integrity="{{ $styles.Data.Integrity }}" >
+{{- end -}}
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
new file mode 100644
index 0000000..cdfb463
--- /dev/null
+++ b/layouts/partials/header.html
@@ -0,0 +1,7 @@
+<header class="flex flex-col sm:flex-row items-center gap-5 sm:gap-10 pt-16 py-12">
+    {{ partial "header/avatar.html" . }}
+    <div class="flex flex-col gap-5">
+    {{ partial "header/title.html" . }}
+    {{ partial "header/nav.html" . }}
+    </div>
+</header>
\ No newline at end of file
diff --git a/layouts/partials/header/avatar.html b/layouts/partials/header/avatar.html
new file mode 100644
index 0000000..e3c1021
--- /dev/null
+++ b/layouts/partials/header/avatar.html
@@ -0,0 +1,7 @@
+{{ $avatar := resources.GetMatch .Site.Params.avatar }}
+{{ $tiny := ($avatar.Fill "80x80 q90") }}
+<div class="flex-none w-20 h-20 rounded-full overflow-hidden" >
+    <a href="{{ .Site.BaseURL }}">
+        <img srcset="{{- with $tiny.RelPermalink -}}{{.}} 80w{{- end -}}" src="{{ $avatar.RelPermalink }}" width="{{ $avatar.Width }}" height="{{ $avatar.Height }}" alt="{{ .Site.Title }}">
+    </a>
+</div>
diff --git a/layouts/partials/header/nav.html b/layouts/partials/header/nav.html
new file mode 100644
index 0000000..c0c20b3
--- /dev/null
+++ b/layouts/partials/header/nav.html
@@ -0,0 +1,10 @@
+<nav>
+    <ul class="flex flex-wrap justify-center uppercase text-xs font-semibold gap-7 text-gray-500 ">
+        {{ $currentPage := . }}
+        {{ range site.Menus.main }}
+        {{- $menu_item_url := (cond (strings.HasSuffix .URL "/") .URL (printf "%s/" .URL) ) | absLangURL }}
+        {{- $page_url:= $currentPage.Permalink | absLangURL }}
+        <li class="{{- if eq $menu_item_url $page_url }}text-gray-900{{else}}hover:text-gray-500{{ end -}}"><a href="{{ .URL }}">{{ .Name }}</a></li>
+        {{ end }}
+    </ul>
+</nav>
\ No newline at end of file
diff --git a/layouts/partials/header/title.html b/layouts/partials/header/title.html
new file mode 100644
index 0000000..d6e6ba3
--- /dev/null
+++ b/layouts/partials/header/title.html
@@ -0,0 +1,7 @@
+<a href="{{ .Site.BaseURL }}">
+    {{ if .IsHome }}
+    <h1 class="text-center sm:text-left text-4xl font-extrabold text-gray-800 ">{{ .Site.Title }}</h1>
+    {{ else }}
+    <h3 class="text-center sm:text-left text-4xl font-extrabold text-gray-800 ">{{ .Site.Title }}</h3>
+    {{ end }}
+</a>
\ No newline at end of file
diff --git a/layouts/partials/list/categories.html b/layouts/partials/list/categories.html
new file mode 100644
index 0000000..db527c6
--- /dev/null
+++ b/layouts/partials/list/categories.html
@@ -0,0 +1,3 @@
+<li>
+   <a class="bg-gray-100 hover:bg-gray-200 transition-all duration-500 py-2 px-3 rounded-lg" href=" {{ .Permalink }} ">{{ .Title }} ({{ len .Pages }})</a>
+</li>
diff --git a/layouts/partials/list/components/pagination.html b/layouts/partials/list/components/pagination.html
new file mode 100644
index 0000000..07b3e74
--- /dev/null
+++ b/layouts/partials/list/components/pagination.html
@@ -0,0 +1,25 @@
+{{ $paginator := .Paginator }}
+
+<div class="pb-10 grid grid-cols-2 font-semibold">
+
+    <!-- Previous page. -->
+    <div>
+        {{ if $paginator.HasPrev }}
+        <a href="{{ $paginator.Prev.URL }}" class="inline-flex items-center gap-2">
+            <span class="h-4 w-4 stroke-2"> {{ partial "handler/svg" "arrow-left" }} </span>
+            Newer Posts
+        </a>
+        {{ end }}
+    </div>
+
+    <div class="flex justify-end">
+        <!-- Next page. -->
+        {{ if $paginator.HasNext }}
+        <a href="{{ $paginator.Next.URL }}" class="inline-flex items-center gap-2">
+            Older Posts
+            <span class="h-4 w-4 stroke-2"> {{ partial "handler/svg" "arrow-right" }} </span>
+        </a>
+        {{ end }}
+    </div>
+    
+</div>
diff --git a/layouts/partials/list/default.html b/layouts/partials/list/default.html
new file mode 100644
index 0000000..a965ce5
--- /dev/null
+++ b/layouts/partials/list/default.html
@@ -0,0 +1,11 @@
+<article class="flex flex-col gap-1">
+    <h1 class="text-xl font-bold hover:underline"> <a href=" {{ .Permalink }} ">{{ .Title }}</a></h1>
+    <div class="text-gray-600">
+    {{ if .Params.description }}
+    {{ .Params.description }}    
+    {{ else if .Summary  }}
+    {{ .Summary }}
+    {{ end }}
+    </div>
+    <div class="mt-2"><a class="inline-flex  gap-2 text-sm font-semibold items-center text-emerald-700 hover:text-emerald-600" href="{{ .Permalink }}">Read This Article <span class="w-4 h-4 stroke-2">{{ partial "handler/svg" "arrow-right" }}</span> </a> </div>
+</article>
\ No newline at end of file
diff --git a/layouts/partials/single/components/comments/comments.html b/layouts/partials/single/components/comments/comments.html
new file mode 100644
index 0000000..2eae412
--- /dev/null
+++ b/layouts/partials/single/components/comments/comments.html
@@ -0,0 +1,11 @@
+{{ if .IsPage }}
+    <!-- giscus -->
+    {{ if .Site.Params.giscus.enable }}
+        {{ partial "single/components/comments/giscus" . }}
+    {{ end }}
+
+    <!-- disqus -->
+    {{ if .Site.Params.disqusShortname }}
+        {{ partial "single/components/comments/disqus" . }}
+    {{ end }}
+{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/single/components/comments/disqus.html b/layouts/partials/single/components/comments/disqus.html
new file mode 100644
index 0000000..b794098
--- /dev/null
+++ b/layouts/partials/single/components/comments/disqus.html
@@ -0,0 +1,4 @@
+<div class="disqus-comment">
+    {{/*  https://gohugo.io/templates/internal/#disqus  */}}
+    {{- template "_internal/disqus.html" . -}}
+</div>
\ No newline at end of file
diff --git a/layouts/partials/single/components/comments/giscus.html b/layouts/partials/single/components/comments/giscus.html
new file mode 100644
index 0000000..4daa23a
--- /dev/null
+++ b/layouts/partials/single/components/comments/giscus.html
@@ -0,0 +1,21 @@
+<div class="giscus-comment">
+    <script
+      src="https://giscus.app/client.js"
+      data-repo="{{ .Site.Params.giscus.repo }}"
+      data-repo-id="{{ .Site.Params.giscus.repoId }}"
+      data-category="{{ .Site.Params.giscus.category }}"
+      data-category-id="{{ .Site.Params.giscus.categoryId }}"
+      data-mapping="{{ .Site.Params.giscus.mapping | default `pathname` }}"
+      data-strict="{{ (string .Site.Params.giscus.strict) | default 0 }}"
+      data-reactions-enabled="{{ (string .Site.Params.giscus.reactionsEnabled) |  default 1 }}"
+      data-emit-metadata="{{ (string .Site.Params.giscus.emitMetadata) | default 0 }}"
+      data-input-position="{{ .Site.Params.giscus.inputPosition | default `top` }}"
+      data-theme="{{ .Site.Params.giscus.theme | default `light` }}"
+      data-lang="{{ .Site.Params.giscus.lang | default `en` }}"
+      {{ if .Site.Params.giscus.lazyLoading }}
+        data-loading="lazy"
+      {{ end }}
+      crossorigin="anonymous"
+      async
+    ></script>
+</div>
\ No newline at end of file
diff --git a/layouts/partials/single/components/metatag/categories.html b/layouts/partials/single/components/metatag/categories.html
new file mode 100644
index 0000000..1d0f808
--- /dev/null
+++ b/layouts/partials/single/components/metatag/categories.html
@@ -0,0 +1,8 @@
+{{ with (.GetTerms "categories") }}
+        —
+        {{ range . }}
+            <a class="hover:text-gray-500" href="{{ .RelPermalink }}" alt="{{ .LinkTitle }}" >
+                {{ .LinkTitle }}
+                </a>
+        {{ end }}
+{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/single/components/metatag/tags.html b/layouts/partials/single/components/metatag/tags.html
new file mode 100644
index 0000000..800ebc2
--- /dev/null
+++ b/layouts/partials/single/components/metatag/tags.html
@@ -0,0 +1,9 @@
+{{ with (.GetTerms "tags") }}
+        <div class="pb-14 taxonomy-list tags-list text-gray-600 text-sm font-medium">
+            {{ range . }}
+                    <a class="bg-gray-100 py-2 px-3 rounded-lg" href="{{ .RelPermalink }}" alt="{{ .LinkTitle }}" >
+                        {{ .LinkTitle }}
+                    </a>
+            {{ end }}
+        </div>
+{{ end }}
diff --git a/layouts/partials/single/components/metatag/time.html b/layouts/partials/single/components/metatag/time.html
new file mode 100644
index 0000000..4575fc0
--- /dev/null
+++ b/layouts/partials/single/components/metatag/time.html
@@ -0,0 +1,4 @@
+{{- $pubdate := .PublishDate.Format "2 January 2006" }}
+<time datetime="{{ .PublishDate }}" title="{{ .PublishDate }}">
+    {{ $pubdate }}
+</time>
\ No newline at end of file
diff --git a/layouts/partials/single/components/title/large.html b/layouts/partials/single/components/title/large.html
new file mode 100644
index 0000000..20b9b3f
--- /dev/null
+++ b/layouts/partials/single/components/title/large.html
@@ -0,0 +1 @@
+<h2 class="text-4xl leading-snug font-bold text-gray-900">{{ .Title }}</h2>
diff --git a/layouts/partials/single/components/title/small.html b/layouts/partials/single/components/title/small.html
new file mode 100644
index 0000000..bda0a1e
--- /dev/null
+++ b/layouts/partials/single/components/title/small.html
@@ -0,0 +1 @@
+<h2 class="text-2xl font-extrabold text-gray-900">{{ .Title }}</h2>
\ No newline at end of file
diff --git a/layouts/partials/single/default.html b/layouts/partials/single/default.html
new file mode 100644
index 0000000..2d2ad63
--- /dev/null
+++ b/layouts/partials/single/default.html
@@ -0,0 +1,17 @@
+<article class="flex flex-col gap-10">
+  <header class="flex flex-col gap-2">
+    {{ partial "single/components/title/large" . }}
+    <div class="text-sm font-semibold text-gray-500 flex gap-3">
+      {{ partial "single/components/metatag/time" . }}
+      {{ partial "single/components/metatag/categories" . }}
+    </div>
+  </header>
+  <section class="content text-lg text-gray-800">
+    {{/* {{.TableOfContents}} */}}
+    {{ .Content | emojify }}
+  </section>
+  {{ partial "single/components/comments/comments" . }}
+  <footer>
+    {{ partial "single/components/metatag/tags" . }}
+  </footer>
+</article>
\ No newline at end of file
diff --git a/layouts/partials/single/homepage.html b/layouts/partials/single/homepage.html
new file mode 100644
index 0000000..2e80535
--- /dev/null
+++ b/layouts/partials/single/homepage.html
@@ -0,0 +1,8 @@
+<article class="flex flex-col gap-5">
+    <header class="flex flex-col gap-2">
+        {{ partial "single/components/title/small" . }}
+    </header>
+    <section class="content text-lg text-gray-800">
+    {{ .Content | emojify }}
+    </section>
+</article>
\ No newline at end of file
-- 
cgit v1.3