Merge pull request #5 from teresalves/teresalves/add-blog

feat: add blog and remove changelog
teresalves · Sep 17, 2024 · 94251ca · 94251ca
2 parents 767f129 + 9afa45e
commit 94251ca
Show file tree

Hide file tree

Showing 106 changed files with 900 additions and 722 deletions.
diff --git a/config/_default/menus/menus.en.toml b/config/_default/menus/menus.en.toml
@@ -36,8 +36,8 @@
 
 
 [[main]]
-  name = "Changelog"
-  url = "/changelog/"
+  name = "Blog"
+  url = "/blog/"
   weight = 30
 
 [[main]]

diff --git a/content/changelog/_index.md → content/blog/_index.md b/content/changelog/_index.md → content/blog/_index.md
@@ -1,5 +1,5 @@
 ---
-title: "Change log"
+title: "Blog"
 description: ""
 summary: ""
 date: 2023-09-07T16:21:44+02:00

diff --git a/content/blog/greetings/cover.jpg b/content/blog/greetings/cover.jpg
diff --git a/content/blog/greetings/index.md b/content/blog/greetings/index.md
@@ -0,0 +1,23 @@
+---
+title: "Greetings"
+description: "hello"
+summary: "Welcome to my website"
+date: 2024-09-16T16:27:22+02:00
+lastmod: 2023-09-16T16:27:22+02:00
+draft: false
+images: []
+weight: 9999
+categories: ["Personal"]
+tags: []
+contributors: []
+pinned: false
+homepage: false
+seo:
+  title: "" # custom title (optional)
+  description: "" # custom description (recommended)
+  canonical: "" # custom canonical URL (optional)
+  noindex: false # false (default) or true
+---
+
+Hey there!
+I'll be posting some things that interest me. Mostly investigation of technical topics that I want to save to check again. And probably dogs. And other friend shaped animals.
diff --git a/content/changelog/adding-docker/index.md b/content/changelog/adding-docker/index.md
diff --git a/content/changelog/initial-setup/index.md b/content/changelog/initial-setup/index.md
diff --git a/hugo_stats.json b/hugo_stats.json
@@ -38,10 +38,12 @@
       "noscript",
       "p",
       "path",
+      "picture",
       "pre",
       "script",
       "section",
       "small",
+      "source",
       "span",
       "strong",
       "style",
@@ -58,7 +60,9 @@
       "active",
       "anchor",
       "bg-dots",
+      "blog",
       "blog-header",
+      "blur-up",
       "btn",
       "btn-close",
       "btn-cta",
@@ -68,15 +72,16 @@
       "card",
       "card-body",
       "card-list",
+      "card-terms",
       "categories",
-      "changelog",
       "col-lg-10",
       "col-lg-11",
       "col-lg-12",
       "col-lg-5",
       "col-lg-8",
       "col-lg-9",
       "col-md-12",
+      "col-md-13",
       "col-xl-3",
       "col-xl-4",
       "col-xl-8",
@@ -133,11 +138,14 @@
       "icon-tabler-search",
       "icon-tabler-sun",
       "icon-tabler-x",
+      "img-post-single",
       "justify-content-between",
       "justify-content-center",
       "justify-content-end",
       "justify-content-start",
+      "lazyload",
       "lead",
+      "link-muted",
       "list",
       "list-inline",
       "list-inline-item",
@@ -168,7 +176,6 @@
       "mt-n3",
       "mx-2",
       "mx-auto",
-      "mx-xl-auto",
       "my-3",
       "nav",
       "nav-item",
@@ -197,7 +204,9 @@
       "px-0",
       "query-no-results",
       "reading-time",
+      "rounded-0",
       "rounded-pill",
+      "rounded-top-1",
       "row",
       "search-form",
       "search-input",
@@ -219,6 +228,7 @@
       "submitted",
       "tags",
       "taxonomy",
+      "term",
       "text-body",
       "text-body-secondary",
       "text-center",

diff --git a/layouts/_default/term.html b/layouts/_default/term.html
@@ -0,0 +1,59 @@
+{{ define "main" }}
+<div class="row justify-content-center">
+  <div class="col-md-12 col-lg-9">
+
+  {{ if .Params.avatar -}}
+    {{ $image := .Resources.GetMatch (printf "**%s" .Params.avatar) -}}
+    {{ $imageLq := $image.Resize "15x15 webp q95" -}}
+    {{ $image = $image.Resize "300x300 webp q95" -}}
+    <div class="contributor-image">
+      <img class="img-fluid lazyload blur-up rounded-circle" src="{{ $imageLq.RelPermalink }}" data-src="{{ $image.RelPermalink }}" alt="{{ .Title }}" width="150" height="150">
+    </div>
+  {{ end -}}
+
+
+  {{ with .Params.headline -}}
+    <h1 class="text-center">{{ . }}</h1>
+  {{ else -}}
+
+    <h1 class="text-center">{{ .Title }}</h1>
+  {{ end -}}
+    {{ with .Params.summary -}}<p class="lead text-center">{{ . }}</p>{{ end -}}
+    {{ with .Content -}}<div class="text-center">{{ . }}</div>{{ end -}}
+  </div>
+</div>
+<div class="row justify-content-center">
+  <div class="col-lg-9">
+    {{ $paginator := .Paginate (.Data.Pages) -}}
+    {{ range $paginator.Pages -}}
+      <div class="card">
+        {{ if site.Params.doks.imageList -}}
+          {{- $images := .Resources.ByType "image" -}}
+          {{- $featured := $images.GetMatch "*feature*" -}}
+          {{- if not $featured }}{{ $featured = $images.GetMatch "{*cover*,*thumbnail*}" }}{{ end -}}
+          {{- if $featured -}}
+            {{ partial "img" (dict
+            "page" .
+            "src" $featured
+            "alt" .Title
+            "class" "rounded-top-1"
+            )}}
+          {{ end -}}
+        {{ end -}}
+        <div class="card-body">
+          <article>
+            <h2 class="h3"><a class="stretched-link text-body" href="{{ .RelPermalink }}">{{ .Params.title }}</a></h2>
+            <p>{{ .Params.summary | safeHTML }}</p>
+            {{ partial "main/blog-meta.html" . -}}
+          </article>
+        </div>
+      </div>
+    {{ end -}}
+  </div>
+</div>
+<div class="row justify-content-center">
+  <div class="col-md-12 col-lg-9">
+    {{ template "_internal/pagination.html" . }}    
+  </div>
+</div>
+{{ end }}
diff --git a/layouts/blog/list.html b/layouts/blog/list.html
@@ -0,0 +1,65 @@
+{{ define "main" }}
+<div class="row justify-content-center">
+  <div class="col-md-12 col-lg-9">
+    {{ if .Params.avatar -}}
+      {{ $image := .Resources.GetMatch (printf "**%s" .Params.avatar) -}}
+      {{ $imageLq := $image.Resize "15x15 webp q95" -}}
+      {{ $image = $image.Resize "300x300 webp q95" -}}
+      <div class="contributor-image">
+        <img class="img-fluid lazyload blur-up rounded-circle" src="{{ $imageLq.RelPermalink }}" data-src="{{ $image.RelPermalink }}" alt="{{ .Title }}" width="150" height="150">
+      </div>
+    {{ end -}}
+    {{ with .Params.headline -}}
+      <h1 class="text-center">{{ . }}</h1>
+    {{ else -}}
+      <h1 class="text-center">{{ .Title }}</h1>
+    {{ end -}}
+    {{ with .Params.summary -}}<p class="lead text-center">{{ . }}</p>{{ end -}}
+    {{ with .Content -}}<div class="text-center">{{ . }}</div>{{ end -}}
+  </div>
+  <ul class="nav justify-content-center">
+    {{- $current := . -}}
+    {{- $title := $current.Title | urlize -}}
+    {{ range site.Taxonomies.categories.Alphabetical }}
+      {{- $active := eq .Name $title -}}
+      <li class="nav-item">
+        <a class="nav-link{{ if $active }} active{{ end }}"{{ if $active }} aria-current="page"{{ end }} href="{{ .Page.Permalink }}">{{ .Page.LinkTitle }} ({{ .Count }})</a>
+      </li>
+    {{ end }}
+  </ul>
+</div>
+<div class="row justify-content-start">
+  {{ $paginator := .Paginate (.Data.Pages) -}}
+  {{ range $paginator.Pages -}}
+    <div class="col-lg-8">
+      <div class="card">
+        {{ if site.Params.doks.imageList -}}
+          {{- $images := .Resources.ByType "image" -}}
+          {{- $featured := $images.GetMatch "*feature*" -}}
+          {{- if not $featured }}{{ $featured = $images.GetMatch "{*cover*,*thumbnail*}" }}{{ end -}}
+          {{- if $featured -}}
+            {{ partial "img" (dict
+            "page" .
+            "src" $featured
+            "alt" .Title
+            "class" "rounded-top-1"
+            )}}
+          {{ end -}}
+        {{ end -}}
+        <div class="card-body">
+          <article>
+            <h2 class="h3"><a class="stretched-link text-body" href="{{ .RelPermalink }}">{{ .Params.title }}</a></h2>
+            <p>{{ .Params.summary | safeHTML }}</p>
+            {{ partial "main/blog-meta.html" . -}}
+          </article>
+        </div>
+      </div>
+    </div>
+  {{ end -}}
+</div>
+<div class="row justify-content-center">
+  <div class="col-md-12 col-lg-9">
+    {{ template "_internal/pagination.html" . }}
+  </div>
+</div>
+{{ end }}
diff --git a/layouts/blog/single.html b/layouts/blog/single.html
@@ -0,0 +1,70 @@
+{{ define "main" }}
+<article>
+<div class="row justify-content-center">
+  <div class="col-md-12 col-lg-10">
+    <div class="blog-header">
+      <h1>{{ .Title }}</h1>
+      {{ partial "main/blog-meta.html" . }}
+    </div>
+  </div>
+  {{ if site.Params.doks.imageSingle -}}
+    {{- $images := .Resources.ByType "image" -}}
+    {{- $featured := $images.GetMatch "*feature*" -}}
+    {{- if not $featured }}{{ $featured = $images.GetMatch "{*cover*,*thumbnail*}" }}{{ end -}}
+    {{- if $featured -}}
+      <div class="col-md-13", align="center">
+        {{ partial "picture" (dict
+        "page" .
+        "src" $featured
+        "alt" .Title
+        "class" "img-post-single rounded-0"
+        )}}
+      </div>
+    {{ end -}}
+  {{ end -}}
+  <div class="col-md-12 col-lg-9">
+    {{ with .Params.summary -}}<p class="lead">{{ . }}</p>{{ end -}}
+    {{ .Content }}
+    {{ if .Params.tags -}}
+    <div class="tag-list-single">
+      {{ range $index, $tag := .Params.tags -}}
+        <a class="btn btn-light" href="{{ "/tags/" | relLangURL }}{{ . | urlize }}/" role="button">{{ . }}</a>
+      {{ end -}}
+    </div>
+    {{ end -}}
+  </div>
+</div>
+</article>
+{{ end }}
+
+{{ define "sidebar-footer" }}
+{{ if site.Params.doks.relatedPosts -}}
+  {{ $related := .Site.RegularPages.Related . | first 3 -}}
+  {{ with $related -}}
+  <div class="bg-light">
+    <section class="section section-related container">
+      <div class="row justify-content-center">
+        <div class="col-md-12 col-lg-9">
+          <h2 class="section-title text-center">Related posts</h2>
+        </div>
+      </div>
+      <div class="row justify-content-center">
+        <div class="col-lg-9">
+          {{ range . -}}
+            <div class="card">
+              <div class="card-body">
+                <article>
+                  <h2 class="h3"><a class="stretched-link text-body" href="{{ .RelPermalink }}">{{ .Params.title }}</a></h2>
+                  <p>{{ .Params.summary | safeHTML }}</p>
+                  {{ partial "main/blog-meta.html" . -}}
+                </article>
+              </div>
+            </div>
+          {{ end -}}
+        </div>
+      </div>
+    </section>
+  </div>
+  {{ end -}}
+{{ end -}}
+{{ end }}
diff --git a/node_modules/@hyas/doks-core/layouts/blog/single.html b/node_modules/@hyas/doks-core/layouts/blog/single.html