major updates to content, styling, and more.

.prettierrc

@@ -0,0 +1 @@
+tabWidth: 4

archetypes/post.md

@@ -0,0 +1,6 @@
++++
+title = "{{ replace .Name "-" " " | title }}"
+date = {{ .Date }}
+lastmod =
+draft: true
++++

assets/_me.scss

@@ -0,0 +1,23 @@
+@use 'variables' as vars;
+
+.home {
+    &__content {
+        text-align: justify;
+
+        img {
+            border-radius: 200px;
+            float: left;
+            margin: 0 24px 16px 0;
+        }
+    }
+}
+
+@media only screen and (max-width: 500px) {
+    .home {
+        &__content {
+            img {
+                width: 100%;
+            }
+        }
+    }
+}

assets/_posts.scss

@@ -0,0 +1,12 @@
+@use "variables" as vars;
+
+.single {
+    &__title {
+        margin-bottom: 0;
+        padding-bottom: 0;
+    }
+
+    &__date {
+        color: vars.$color-yellow-dark;
+    }
+}

assets/_services.scss

@@ -0,0 +1,12 @@
+@use 'variables' as vars;
+
+.services {
+
+    &__list{
+        display: flex;
+
+        .service {
+            padding: 8px;
+        }
+    }
+}

assets/_sidebar.scss

@@ -0,0 +1,23 @@
+@use "variables" as vars;
+
+.sidebar {
+    width: 25%;
+    max-width: 400px;
+    // background-color: green;
+
+    ul {
+        list-style: none;
+
+        li {
+            margin-left: -48px;
+            padding: 8px;;
+        }
+    }
+}
+
+@media screen and (max-width: 800px) {
+    .sidebar {
+        width: 100%;
+        max-width: 100%;
+    }
+}

assets/_variables.scss

@@ -0,0 +1,36 @@
+// Colour
+$color-bg: #282828;
+$color-fg: #ebdbb2;
+$color-red-dark: #cc241d;
+$color-green-dark: #98971a;
+$color-yellow-dark: #d79921;
+$color-blue-dark: #458588;
+$color-purple-dark: #b16286;
+$color-aqua-dark: #689d6a;
+$color-grey-dark: #928374;
+$color-orange-dark: #d65d0e;
+$color-red: #fb4934;
+$color-green: #b8bb26;
+$color-yellow: #fabd2f;
+$color-blue: #83a598;
+$color-purple: #d3869b;
+$color-aqua: #8ec07c;
+$color-grey: #a89984;
+$color-orange: #fe8019;
+$color-bg0_h: #1d2021;
+$color_bg0_s: #32302f;
+$color-bg0: $color-bg;
+$color-bg1: #3c3836;
+$color-bg2: #504845;
+$color-bg3: #665c54;
+$color-bg4: #7c6f64;
+$color-fg0: #fbf1c7;
+$color-fg1: $color-fg;
+$color-fg2: #d5c4a1;
+$color-fg3: #bdae93;
+$color-fg4: #a89984;
+
+// Layout
+$content-width-norm: 60%;
+$content-width-mid: 70%;
+$content-width-narrow: 80%;

assets/style.scss

@@ -0,0 +1,134 @@
+@use "variables" as vars;
+
+@import "services";
+@import "me";
+@import "posts";
+@import "sidebar";
+
+body {
+    color: vars.$color-fg;
+    background: vars.$color-bg;
+}
+
+.content-wrapper {
+    width: vars.$content-width-norm;
+    padding: 0 calc((100% - #{vars.$content-width-norm}) / 2);
+}
+
+img {
+    max-width: 100%;
+}
+
+@media only screen and (max-width: 1000px) {
+    .content-wrapper {
+        width: vars.$content-width-mid;
+        padding: 0 calc((100% - #{vars.$content-width-mid}) / 2);
+    }
+}
+
+@media only screen and (max-width: 800px) {
+    .content-wrapper {
+        width: vars.$content-width-narrow;
+        padding: 0 calc((100% - #{vars.$content-width-narrow}) / 2);
+    }
+
+    .main {
+        flex-direction: column;
+
+        &__content {
+            width: 100% !important;
+        }
+    }
+}
+
+.header {
+    // background-color: red;
+    &__title {
+        a,
+        a:link,
+        a:hover,
+        a:visited {
+            color: vars.$color-green-dark !important;
+        }
+    }
+
+    &__nav {
+        display: flex;
+
+        &__item {
+            list-style: none;
+        }
+    }
+}
+
+.main {
+    justify-content: space-between;
+    display: flex;
+
+    &__content {
+        width: 70%;
+        // background-color: blue;
+    }
+}
+
+.summary {
+    &__title {
+        a,
+        a:link,
+        a:visited {
+            color: vars.$color-green-dark;
+        }
+
+        a:hover {
+            color: vars.$color-green;
+        }
+    }
+
+    &__date {
+        margin-bottom: 8px;
+
+        &__time {
+            &--created {
+                color: vars.$color-aqua;
+            }
+
+            &--edited {
+                color: vars.$color-aqua-dark;
+            }
+        }
+    }
+
+    h2 {
+        padding-bottom: 0;
+        margin-bottom: 0;
+    }
+}
+
+.footer {
+    // background: purple;
+    text-align: center;
+}
+
+.pagination {
+    width: 100%;
+    text-align: center;
+    padding-top: 16px;
+}
+
+a,
+a:visited,
+a:hover {
+    text-decoration: none;
+    color: vars.$color-blue-dark;
+}
+
+a:hover {
+    color: vars.$color-blue;
+}
+
+h1,
+h2,
+h3,
+h4 {
+    color: vars.$color-orange-dark;
+}

config.toml

@@ -3,23 +3,29 @@ languageCode = 'en-us'
 title = "Ink's Space"
 
 [params]
-  favicon = "/favicon.ico"
+    favicon = "/favicon.ico"
-  stylesheet = "/style.css"
+    mainSections = ['posts']
+
+[[menu.main]]
+    identifier = "home"
+    name = "Home"
+    url = "/"
+    weight = 1
 
 [[menu.main]]
     identifier = "me"
     name = "Me"
-    url = "/home/"
+    url = "/me/"
-    weight = 1
+    weight = 2
 
 [[menu.main]]
     identifier = "posts"
     name = "Posts"
     url = "/posts/"
-    weight = 2
+    weight = 3
 
 [[menu.main]]
-    identifier = "links"
+    identifier = "services"
-    name = "Links"
+    name = "Services"
-    url = "/links/"
+    url = "/services/"
-    weight = 3
+    weight = 4

content/links/bitwarden.md

@@ -1,5 +0,0 @@
----
-title: "Bitwarden"
----
-
-[Bitwarden](https://bw.inkletblot.com)

content/links/chk.md

@@ -1,5 +0,0 @@
----
-title: "chk"
----
-
-[chk](https://chkseven.com)

content/links/cloud.md

@@ -1,5 +0,0 @@
----
-title: "cloud"
----
-
-[cloud](https://cloud.inkletblot.com)

content/links/gitlab.md

@@ -1,5 +0,0 @@
----
-title: "gitlab"
----
-
-[gitlab](https://gitlab.inkletblot.com)

content/links/hab.md

@@ -1,5 +0,0 @@
----
-title: "hab"
----
-
-[hab](https://hab.inkletblot.com)

content/links/mail.md

@@ -1,5 +0,0 @@
----
-title: "mail"
----
-
-[mail](https://mail.inkletblot.com)

content/links/matrix.md

@@ -1,5 +0,0 @@
----
-title: "matrix"
----
-
-[matrix](https://matrix.inkletblot.com)

content/links/pasty.md

@@ -1,5 +0,0 @@
----
-title: "pasty"
----
-
-[pasty](https://proxy.inkletblot.com/pasty)

content/links/pet.md

@@ -1,5 +0,0 @@
----
-title: "pet"
----
-
-[pet](https://inkletblot.com/pet)

content/links/pve.md

@@ -1,5 +0,0 @@
----
-title: "proxmox"
----
-
-[proxmox](https://pve.inkletblot.com:8006)

content/links/rancher.md

@@ -1,5 +0,0 @@
----
-title: "rancher"
----
-
-[rancher](https://rancher.inkletblot.com)

content/links/streamer.md

@@ -1,5 +0,0 @@
----
-title: "streamer"
----
-
-[streamer](https://streamer.inkletblot.com)

content/links/tng.md

@@ -1,5 +0,0 @@
----
-title: "tng"
----
-
-[tng](https://proxy.inkletblot.com/tng/)

content/me/index.md

@@ -1,16 +1,14 @@
 ---
 title: "Inkletblot"
-type: "home"
+type: "me"
 ---
 
-![Image of Solomon Laing](/images/me.jpg)
+![Image of Solomon Laing](/images/me.jpg) My name is Solomon Laing. I'm a twenty
-
+something year old uni student and IT professional from Adelaide, Australia. I'm
-My name is Solomon Laing. I'm a twenty something year old uni student and IT
+passionate about Technology and IT, it as been a hobby of mine for most of my
-professional from Adelaide, Australia. I'm passionate about Technology and IT,
+life in one way or another and I predict will be for many years to come. Should
-it as been a hobby of mine for most of my life in one way or another and I
+you wish to know more, I'm sure you'll be able to find some footprint of me
-predict will be for many years to come. Should you wish to know more, I'm sure
+online. Regardless of how hard I try to remove it.
-you'll be able to find some footprint of me online. Regardless of how hard I
-try to remove it.
 
 This website serves as a personal website for myself. A place for me to put my
 projects, experiments, important links and the such-like. Projects relate to my
@@ -25,8 +23,8 @@ services which I use at home. Part of this is a small Kubernetes cluster
 consiting of Odroid-MC1s (by Hardkernel) which run the very simple api for this
 site and the slightly more complicated api for my forum.
 
-This site is a simple testement to my passion for technology, it is not
+This site is a simple testement to my passion for technology, it is not supposed
-supposed to be particularly eye-catching or engaging. I expect that few will
+to be particularly eye-catching or engaging. I expect that few will ever see it.
-ever see it. But if you are one of the few, 'Hello and Welcome'.
+But if you are one of the few, 'Hello and Welcome'.
 
-See also [solomonlai.ng](https://solomonlai.ng).
+See also [solomonlai.ng](https://solomonlai.ng), [LinkedIn](https://www.linkedin.com/in/inkletblot/), [Work](https://headfullofheart.com.au), [Contact](mailto:solomonlaing@pm.me).

content/posts/an-old-new-upgrade-to-my-k8s.md

@@ -4,10 +4,6 @@ date: 2021-12-21
 draft: false
 ---
 
-# An Old New Upgrade to Kube
-
-By Me.
-
 ## Intro
 
 I have had a little kubernetes cluster up and running for some time on a collection of Odroid MC1's and an N2. However, recently (I mean not so recently now but for the sake of the story) I attempted to update it and all went wrong, I got rancher set up on it but nothing, and I mean NOTHING, is compiled for armhv7. So, I gave up. I've actually now put linux mint on the N2 and use it as a home theater PC which works quite well.

content/posts/hardkernel-odroid-kubernetes-cluster.md

@@ -4,7 +4,7 @@ date: 2022-06-16
 draft: false
 ---
 
-# Odroid Cluster
+## Odroid Cluster
 
 Say hello to my little odroid kubernetes cluster project.
 
@@ -18,13 +18,13 @@ I followed [this](https://www.digitalocean.com/community/tutorials/how-to-create
 
 -ink
 
-# Update Mid 2021
+## Update Mid 2021
 
 I decided to totally rebuild this having never been able to get Rancher set up on it. See the details of that [here](https://www.inkletblot.com/projects/k3s-on-odroid-mc1s-a-guide)
 
 -ink
 
-# Update 2021-12-21
+## Update 2021-12-21
 
 I have sadly now decomissioned this little cluster. The five MC1 units are currently unused and the N2 is now my media PC in my bedroom. Not all is sad though, I decomissiod it because I replaced it with a bigger and better setup using old HP t620 thin clients, of which I got 5 for a rediculously good price at a local IT liquidation auction. See more [here](https://www.inkletblot.com/projects/an-old-new-upgrade-to-kube)
 

content/services/bitwarden.md

@@ -0,0 +1,9 @@
+---
+title: "Bitwarden"
+link: "https://bw.inkletblot.com"
+---
+
+I host my own instance of bitwarden on my homelab which I and my girlfriend
+use, I had nothing against the free teir of Bitwarden it just seemed like fun
+to set up. It's running in docker and is probably one of the simplest services
+I run in terms of setup.

content/services/chk.md

@@ -0,0 +1,9 @@
+---
+title: "chk"
+link: "https://chkseven.com"
+---
+
+This is a domain I have had parked, redirecting to this one, for some time,
+originally I wanted to create a task list webapp for it. However, now I'm
+currently reworking my homelab to be infrastructure as code, and I hope to use
+this domain as my reverse proxy.

content/services/cloud.md

@@ -0,0 +1,10 @@
+---
+title: "cloud"
+link: "https://cloud.inkletblot.com"
+---
+
+I host a nextcloud instance, for those curious
+[here](https://en.reddit.com/r/degoogle) is some information on why. I'm the
+only one that uses and it works like a charm. Mostly I use it for file and
+contact synchronisation, and instant upload/backup of the photos I take on my
+phone.

content/services/gitlab.md

@@ -0,0 +1,8 @@
+---
+title: "gitlab"
+link: "https://gitlab.inkletblot.com"
+---
+
+With Microsofts diddling of gitlab I figured I could host my own incantation of
+github, gitlab. On it reside all of my code based projcets, public or private,
+feel free to take a look.

content/services/hab.md

@@ -0,0 +1,7 @@
+---
+title: "hab"
+link: "https://hab.inkletblot.com"
+---
+
+Home automation, while stupid, dangerous, and a waste of time, is convenient
+from time to time.

content/services/jellyfin.md

@@ -0,0 +1,9 @@
+---
+title: "jellyfin"
+link: "https://jellyfin.inkletblot.com"
+---
+
+I don't sail the high seas, I don't condone sailing the high seas, however, if
+you do sail the high seas and want a way to manage that which you pillage,
+JellyFin is pretty useful. I like it's ability to parse my extensive collection
+of photos that I have received or taken over the years.

content/services/matrix.md

@@ -0,0 +1,7 @@
+---
+title: "matrix"
+link: "https://matrix.inkletblot.com"
+---
+
+I host this because I think matrix is admirable and important, I personally use
+this instance to communicate with my girlfriend, among other means.

content/services/pasty.md

@@ -0,0 +1,6 @@
+---
+title: "pasty"
+link: "https://proxy.inkletblot.com/pasty"
+---
+
+The first service I set up, second to my website, and I will never get rid of it. I have also never used it :D p.s. it's a pastbin.

content/services/pve.md

@@ -0,0 +1,7 @@
+---
+title: "proxmox"
+link: "https://pve.inkletblot.com:8006"
+---
+
+I use proxmox to run my homelab, it's nice and this is a link to it, no you
+can't access it.

content/services/rancher.md

@@ -0,0 +1,8 @@
+---
+title: "rancher"
+link: "https://rancher.inkletblot.com"
+---
+
+I have a small kubernetes cluser made from a set of 5 HP t620s, it works quite
+nicely. I don't have it running most of the time as I don't have a use for it
+but when I do it's managed with rancher.

content/services/tng.md

@@ -0,0 +1,7 @@
+---
+title: "tng"
+link: "https://proxy.inkletblot.com/tng/"
+---
+
+I host this genealogy platform for my father who is somewhat of a family history
+buff. If you wish to know the history of my family, take a peak.

layouts/_default/baseof.html

@@ -1,20 +1,31 @@
 <!DOCTYPE html>
-<html lang="{{ .Site.LanguageCode | default "en-us" }}">
+<html lang="{{ .Site.LanguageCode | default " en-us" }}">
+
 <head>
-	<meta charset="UTF-8">
+    <meta charset="UTF-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
-	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<title>{{ .Title }}</title>
+    <title>{{ .Title }}</title>
-	{{ with .Site.Params.description }}<meta name="description" content="{{ . }}">{{ end }}
+    {{ with .Site.Params.description }}
-	{{ with .Site.Params.author }}<meta name="author" content="{{ . }}">{{ end }}
+    <meta name="description" content="{{ . }}">{{ end }}
-	<link rel="stylesheet" href="{{ "style.css" | relURL }}">
+    {{ with .Site.Params.author }}
-	{{ with .OutputFormats.Get "RSS" -}}
+    <meta name="author" content="{{ . }}">{{ end }}
-		{{ printf `<link rel="%s" type="%s" href="%s" title="%s">` .Rel .MediaType.Type .RelPermalink $.Site.Title | safeHTML }}
+    {{ $sass := resources.Get "style.scss" }}
-	{{- end }}
+    {{ $options := (dict "targetPath" "style.css" "outputStyle" "compressed" "includePaths" (slice "assets/") "transpiler" "dartsass") }}
+    {{ $style := $sass | resources.ToCSS $options }}
+    <link rel="stylesheet" href="{{ $style.Permalink }}" integrity="{{ $style.Data.Integrity }}">
+    {{ with .OutputFormats.Get "RSS" -}}
+    {{ printf `
+    <link rel="%s" type="%s" href="%s" title="%s">` .Rel .MediaType.Type .RelPermalink $.Site.Title | safeHTML }}
+    {{- end }}
 </head>
+
 <body>
-	{{ partial "header" . }}
+    <div class="content-wrapper">
-	{{ block "main" . }}{{ end }}
+        {{ partial "header" . }}
-	{{ partial "footer" . }}
+        {{ block "main" . }}{{ end }}
+        {{ partial "footer" . }}
+    </div>
 </body>
+
 </html>

layouts/_default/list.html

@@ -12,5 +12,4 @@
 		{{ end }}
 		{{ partial "pagination.html" . }}
 	</main>
-{{ partial "sidebar.html" . }}
 {{ end }}

layouts/_default/single.html

@@ -1,26 +1,24 @@
 {{ define "main" }}
-	<main>
+<article class="single">
-		<article>
+    <h1 class="single__title">{{ .Title }}</h1>
-			<h1>{{ .Title }}</h1>
+    <time class="single__date" datetime="{{ .Date.Format " 2006-01-02" }}">{{ .Date.Format "02-01-2006" }}</time>
-			<time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "02-01-2006" }}</time>
+    <div>
-			<div>
+        {{ .Content }}
-				{{ .Content }}
+    </div>
-			</div>
+    {{ with .Params.tags }}
-			{{ with .Params.tags }}
+    <div>
-			<div>
+        <ul id="tags">
-				<ul id="tags">
+            {{ range . }}
-					{{ range . }}
+            <li><a href="{{ " /tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a></li>
-					<li><a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a></li>
+            {{ end }}
-					{{ end }}
+        </ul>
-				</ul>
+    </div>
-			</div>
+    {{ end }}
-			{{ end }}
+    {{ with .Site.DisqusShortname }}
-			{{ with .Site.DisqusShortname }}
+    <div>
-			<div>
+        {{ template "_internal/disqus.html" . }}
-				{{ template "_internal/disqus.html" . }}
+    </div>
-			</div>
+    {{ end }}
-			{{ end }}
+</article>
-		</article>
+{{ partial "others.html" . }}
-	</main>
-{{ partial "sidebar.html" . }}
 {{ end }}

layouts/_default/summary.html

@@ -1,20 +1,28 @@
-<article>
+<article class="summary">
-	<h1><a href="{{ .Permalink }}">{{ .Title }}</a></h1>
+    <h2 class="summary__title"><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
-	<time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "02-01-2006" }}</time>
+    <div class="summary__date">
+        <time class="summary__date__time summary__date__time--created" datetime="{{ .Date.Format " 2006-01-02" }}">
+            {{ .Date.Format "02-01-2006" }}
+        </time>
 
-	{{ $date := .Date.UTC.Format "Jan 2, 2006" }}
+        {{ $date := .Date.UTC.Format "Jan 2, 2006" }}
-	{{ $lastmod := .Lastmod.UTC.Format "Jan 2, 2006" }}
+        {{ $lastmod := .Lastmod.UTC.Format "Jan 2, 2006" }}
 
-	{{ if and (ne $lastmod $date) (gt .Lastmod .Date) }}
+        <span class="summary__date__time summary__date__time--edited">
-		edited <time datetime="{{ .Lastmod.Format "2006-01-02" }}">{{ .Lastmod.Format "02-01-2006" }}</time>
+            {{ if and (ne $lastmod $date) (gt .Lastmod .Date) }}
-	{{ end }}
+            edited <time datetime="{{ .Lastmod.Format " 2006-01-02" }}">
-	{{ range .Params.tags }}
+                {{ .Lastmod.Format "02-01-2006" }}
-	<a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a>
+            </time>
-	{{ end }}
+            {{ end }}
-	<div>
+        </span>
-		{{ .Summary }}
+    </div>
-		{{ if .Truncated }}
+    {{ range .Params.tags }}
-			<a href="{{ .Permalink }}">Read more...</a>
+    <a href="{{ " /tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a>
-		{{ end }}
+    {{ end }}
-	</div>
+    <div class="summary__text">
+        {{ .Summary }}
+        {{ if .Truncated }}
+        <a class="summary__text__read-more" href="{{ .Permalink }}">Read more...</a>
+        {{ end }}
+    </div>
 </article>

layouts/home/single.html

@@ -1,10 +0,0 @@
-{{ define "main" }}
-	<main class="home">
-		<article class="home__content">
-			<h1>{{ .Title }}</h1>
-			<div>
-				{{ .Content }}
-			</div>
-		</article>
-	</main>
-{{ end }}

layouts/index.html

@@ -1,5 +1,6 @@
 {{ define "main" }}
-	<main class="main-content">
+<div class="main">
+	<main class="main__content">
 		{{ $paginator := .Paginate (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) }}
 		{{ range $paginator.Pages }}
 			{{ .Render "summary" }}
@@ -7,4 +8,5 @@
 		{{ partial "pagination.html" . }}
 	</main>
 {{ partial "sidebar.html" . }}
+</div>
 {{ end }}

layouts/links/list.html

@@ -1,14 +0,0 @@
-{{ define "main" }}
-	<main>
-		{{ if or .Title .Content }}
-		<div>
-			{{ with .Title }}<h1>{{ . }}</h1>{{ end }}
-			{{ with .Content }}<div>{{ . }}</div>{{ end }}
-		</div>
-		{{ end }}
-
-		{{ range .Paginator.Pages }}
-			{{ .Render "summary" }}
-		{{ end }}
-	</main>
-{{ end }}

layouts/links/summary.html

@@ -1,4 +0,0 @@
-<article>
-	<p>Click!</p>
-	{{ .Content }}
-</article>

layouts/me/single.html

@@ -0,0 +1,6 @@
+{{ define "main" }}
+<article class="home">
+    <h1>{{ .Title }}</h1>
+    <div class="home__content">{{ .Content }}</div>
+</article>
+{{ end }}

layouts/partials/footer.html

@@ -1,3 +1,3 @@
-<footer>
+<footer class="footer">
-	<p>&copy; {{ now.Year }} <a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a></p>
+	<p>Free for all use and reuse from {{ now.Year }} and forever, <a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>.</p>
 </footer>

layouts/partials/header.html

@@ -1,12 +1,16 @@
 <header class="header">
-	<a class="header__title" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
+    <h1 class="header__title">
-	{{ with .Site.Menus.main }}
+        <a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
-	<nav class="header__nav">
+    </h1>
-		<ul>
+    {{ with .Site.Menus.main }}
-			{{ range . }}
+    <nav class="header__nav">
-			<li class="header__nav__item"><a href="{{ .URL | relURL }}">{{ .Name }}</a></li>
+        <ul>
-			{{ end }}
+            {{ range . }}
-		</ul>
+            <li class="header__nav__item">
-	</nav>
+                <a href="{{ .URL | relURL }}">{{ .Name }}</a>
-	{{ end }}
+            </li>
+            {{ end }}
+        </ul>
+    </nav>
+    {{ end }}
 </header>

layouts/partials/pagination.html

@@ -1,9 +1,13 @@
-<div>
+<div class="pagination">
-{{ if .Paginator.HasPrev }}
+    {{ if .Paginator.HasPrev }}
-	<a href="{{ .Paginator.Prev.URL }}">Previous Page</a>
+    <a class="pagination__next" href="{{ .Paginator.Prev.URL }}"
-{{ end }}
+        >Previous Page</a
-{{ .Paginator.PageNumber }} of {{ .Paginator.TotalPages }}
+    >
-{{ if .Paginator.HasNext }}
+    {{ end }}
-	<a href="{{ .Paginator.Next.URL }}">Next Page</a>
+    <span class="pagination__text">
-{{ end }}
+        {{ .Paginator.PageNumber }} of {{ .Paginator.TotalPages }}
+    </span>
+    {{ if .Paginator.HasNext }}
+    <a class="pagination__prev" href="{{ .Paginator.Next.URL }}">Next Page</a>
+    {{ end }}
 </div>

layouts/partials/sidebar.html

@@ -1,7 +1,7 @@
 <aside class="sidebar">
 	<div>
 		<div>
-			<h3>LATEST POSTS</h3>
+			<h3>Latest Posts</h3>
 		</div>
 		<div>
 			<ul>

layouts/services/list.html

@@ -0,0 +1,17 @@
+{{ define "main" }}
+<main class="links">
+    {{ if or .Title .Content }}
+    <div>
+        {{ with .Title }}
+        <h1>{{ . }}</h1>
+        {{ end }} {{ with .Content }}
+        <div>{{ . }}</div>
+        {{ end }}
+    </div>
+    {{ end }}
+
+    <div class="links__list">
+        {{ range .Paginator.Pages }} {{ .Render "summary" }} {{ end }}
+    </div>
+</main>
+{{ end }}

layouts/services/summary.html

@@ -0,0 +1,4 @@
+<div class="link">
+    <h2><a target="_blank" href="{{ printf "%s" $.Params.link }}"> {{ .Title }}</a></h2>
+    {{ .Content }}
+</div>

static/style.css

@@ -1,13 +0,0 @@
-body {
-	background: #282828;
-    color: #ebdbb2;
-}
-
-a, a:visited, a:hover {
-    text-decoration: none;
-    color: #458488;
-}
-
-a:hover {
-    color: #83a598;
-}

tags

@@ -1,51 +0,0 @@
-!_TAG_FILE_FORMAT	2	/extended format; --format=1 will not append ;" to lines/
-!_TAG_FILE_SORTED	1	/0=unsorted, 1=sorted, 2=foldcase/
-!_TAG_OUTPUT_EXCMD	mixed	/number, pattern, mixed, or combineV2/
-!_TAG_OUTPUT_FILESEP	slash	/slash or backslash/
-!_TAG_OUTPUT_MODE	u-ctags	/u-ctags or e-ctags/
-!_TAG_PATTERN_LENGTH_LIMIT	96	/0 for no limit/
-!_TAG_PROC_CWD	/home/solomon/repos/inkletblot-com-v3/	//
-!_TAG_PROGRAM_AUTHOR	Universal Ctags Team	//
-!_TAG_PROGRAM_NAME	Universal Ctags	/Derived from Exuberant Ctags/
-!_TAG_PROGRAM_URL	https://ctags.io/	/official site/
-!_TAG_PROGRAM_VERSION	5.9.0	/p5.9.20220828.0/
-404: Page not found	layouts/404.html	/^<header><h1>404: Page not found<\/h1><\/header>$/;"	h
-A little timeline	content/posts/this-website.md	/^### A little timeline$/;"	S	chapter:Inkletblot[]().com
-A potential solution	content/posts/icons-svgs-fonts-and-icomoon.md	/^### A potential solution$/;"	S	section:Icomoon for Icon Managament""Icons, SVGs, Fonts, and Icomoon.
-An Old New Upgrade to Kube	content/posts/an-old-new-upgrade-to-my-k8s.md	/^# An Old New Upgrade to Kube$/;"	c
-DISCLAIMER	content/posts/k3s-on-odroid-mc1s-a-guide.md	/^# DISCLAIMER$/;"	c
-Deployment.yaml	content/posts/an-old-new-upgrade-to-my-k8s.md	/^### Deployment.yaml$/;"	S	section:An Old New Upgrade to Kube""Extras
-Extras	content/posts/an-old-new-upgrade-to-my-k8s.md	/^## Extras$/;"	s	chapter:An Old New Upgrade to Kube
-Icomoon	content/posts/icons-svgs-fonts-and-icomoon.md	/^### Icomoon$/;"	S	section:Icomoon for Icon Managament""Icons, SVGs, Fonts, and Icomoon.
-Icomoon for Icon Managament	content/posts/icons-svgs-fonts-and-icomoon.md	/^# Icomoon for Icon Managament$/;"	c
-Icons, SVGs, Fonts, and Icomoon.	content/posts/icons-svgs-fonts-and-icomoon.md	/^## Icons, SVGs, Fonts, and Icomoon.$/;"	s	chapter:Icomoon for Icon Managament
-Initial Setup	content/posts/k3s-on-odroid-mc1s-a-guide.md	/^### Initial Setup$/;"	S	section:Setting up an Odroid MC1/N2 K3S cluster""The Docker Method
-Inkletblot[]().com	content/posts/this-website.md	/^# Inkletblot[]().com$/;"	c
-Intro	content/posts/an-old-new-upgrade-to-my-k8s.md	/^## Intro$/;"	s	chapter:An Old New Upgrade to Kube
-It's Use	content/posts/an-old-new-upgrade-to-my-k8s.md	/^## It's Use$/;"	s	chapter:An Old New Upgrade to Kube
-Kernel Patch for MC1s	content/posts/k3s-on-odroid-mc1s-a-guide.md	/^### Kernel Patch for MC1s$/;"	S	section:Setting up an Odroid MC1/N2 K3S cluster""The Docker Method
-LATEST POSTS	layouts/partials/sidebar.html	/^			<h3>LATEST POSTS<\/h3>$/;"	j
-My personal notes	content/posts/k3s-on-odroid-mc1s-a-guide.md	/^## My personal notes$/;"	s	chapter:Setting up an Odroid MC1/N2 K3S cluster
-Networkchuck	content/posts/k3s-on-odroid-mc1s-a-guide.md	/^## Networkchuck$/;"	s	chapter:Setting up an Odroid MC1/N2 K3S cluster
-Odroid Cluster	content/posts/hardkernel-odroid-kubernetes-cluster.md	/^# Odroid Cluster$/;"	c
-Setting up an Odroid MC1/N2 K3S cluster	content/posts/k3s-on-odroid-mc1s-a-guide.md	/^# Setting up an Odroid MC1\/N2 K3S cluster$/;"	c
-Test Post	content/posts/example.md	/^## Test Post$/;"	s
-The Docker Method	content/posts/k3s-on-odroid-mc1s-a-guide.md	/^## The Docker Method$/;"	s	chapter:Setting up an Odroid MC1/N2 K3S cluster
-The K3S install	content/posts/k3s-on-odroid-mc1s-a-guide.md	/^### The K3S install$/;"	S	section:Setting up an Odroid MC1/N2 K3S cluster""The Docker Method
-The Setup	content/posts/an-old-new-upgrade-to-my-k8s.md	/^## The Setup$/;"	s	chapter:An Old New Upgrade to Kube
-The end	content/posts/icons-svgs-fonts-and-icomoon.md	/^### The end$/;"	S	section:Icomoon for Icon Managament""Icons, SVGs, Fonts, and Icomoon.
-Update 2021-12-21	content/posts/hardkernel-odroid-kubernetes-cluster.md	/^# Update 2021-12-21$/;"	c
-Update Mid 2021	content/posts/hardkernel-odroid-kubernetes-cluster.md	/^# Update Mid 2021$/;"	c
-a	static/style.css	/^a, a:visited, a:hover {$/;"	s
-a:hover	static/style.css	/^a, a:visited, a:hover {$/;"	s
-a:hover	static/style.css	/^a:hover {$/;"	s
-a:visited	static/style.css	/^a, a:visited, a:hover {$/;"	s
-body	static/style.css	/^body {$/;"	s
-gitlab-ci.yml	content/posts/an-old-new-upgrade-to-my-k8s.md	/^### gitlab-ci.yml$/;"	S	section:An Old New Upgrade to Kube""Extras
-tags	layouts/_default/single.html	/^				<ul id="tags">$/;"	I
-{{ . }}	layouts/_default/list.html	/^			{{ with .Title }}<h1>{{ . }}<\/h1>{{ end }}$/;"	h
-{{ . }}	layouts/links/list.html	/^			{{ with .Title }}<h1>{{ . }}<\/h1>{{ end }}$/;"	h
-{{ .Title }}	layouts/_default/baseof.html	/^	<title>{{ .Title }}<\/title>$/;"	j
-{{ .Title }}	layouts/_default/single.html	/^			<h1>{{ .Title }}<\/h1>$/;"	h
-{{ .Title }}	layouts/_default/summary.html	/^	<h1><a href="{{ .Permalink }}">{{ .Title }}<\/a><\/h1>$/;"	h
-{{ .Title }}	layouts/home/single.html	/^			<h1>{{ .Title }}<\/h1>$/;"	h