Anotha lil dump

Think I'm finally finished fiddling with the devops stuff and ready to
finally focus on the content! 😁

.github/workflows/gh-pages.yml

@@ -8,10 +8,13 @@ jobs:
   deploy:
     runs-on: ubuntu-20.04
     steps:
-      - uses: actions/checkout@v2
+      - name: Git Checkout
+        uses: actions/checkout@v2
         with:
           # submodules: true
           fetch-depth: 0
+      - name: npm install
+        uses: bahmutov/npm-install@v1
       - name: Setup Hugo
         uses: peaceiris/actions-hugo@v2
         with:

.gitignore

@@ -1,3 +1,5 @@
 .hugo_build.lock
+hugo_stats.json
+node_modules/
 resources/
 public/

Makefile

@@ -12,10 +12,10 @@ HUGO := hugo --printI18nWarnings --printPathWarnings --printUnusedTemplates --te
 SERV := server --bind 0.0.0.0 --liveReloadPort 80 --appendPort=false --disableFastRender --printMemoryUsage --noHTTPCache --renderToDisk --navigateToChanged
 DEV := $(HUGO) -e dev $(SERV)
 
-build: # clean
+build: clean_pub
 	$(HUGO) -e prod
 
-check:
+check: clean_pub
 	$(HUGO) -e prod $(SERV)
 
 create:
@@ -24,5 +24,8 @@ create:
 debug:
 	$(DEV) --debug
 
-clean:
+clean: clean_pub
-	rm -fr public/ resources/
+	rm -fr resources/ hugo_stats.json
+
+clean_pub:
+	rm -fr public/

archetypes/blog.md

@@ -1,5 +1,4 @@
 ---
-publishdate: {{ .Date }}
 date: {{ .Date }}
 draft: true
 aliases: []

archetypes/default.md

@@ -1,5 +1,4 @@
 ---
-publishdate: {{ .Date }}
 date: {{ .Date }}
 draft: true
 aliases: []

assets/chroma.css

@@ -1,35 +0,0 @@
-.chroma { background-color: #ffffff }
-.chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
-.chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; }
-.chroma .hl { display: block; width: 100%;background-color: #ffffcc }
-.chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
-.chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
-.chroma .k { color: #0000ff }
-.chroma .kc { color: #0000ff }
-.chroma .kd { color: #0000ff }
-.chroma .kn { color: #0000ff }
-.chroma .kp { color: #0000ff }
-.chroma .kr { color: #0000ff }
-.chroma .kt { color: #0000ff }
-.chroma .s { color: #009c00 }
-.chroma .sa { color: #009c00 }
-.chroma .sb { color: #009c00 }
-.chroma .sc { color: #009c00 }
-.chroma .dl { color: #009c00 }
-.chroma .sd { color: #009c00 }
-.chroma .s2 { color: #009c00 }
-.chroma .se { color: #009c00 }
-.chroma .sh { color: #009c00 }
-.chroma .si { color: #009c00 }
-.chroma .sx { color: #009c00 }
-.chroma .sr { color: #009c00 }
-.chroma .s1 { color: #009c00 }
-.chroma .ss { color: #009c00 }
-.chroma .c { color: #ff0000; font-style: italic }
-.chroma .ch { color: #ff0000; font-style: italic }
-.chroma .cm { color: #ff0000; font-style: italic }
-.chroma .c1 { color: #ff0000; font-style: italic }
-.chroma .cs { color: #ff0000; font-style: italic }
-.chroma .cp { color: #ff0000; font-style: italic }
-.chroma .cpf { color: #ff0000; font-style: italic }
-.highlight pre { padding: 1rem; max-width: 75%; }

assets/chroma.scss

@@ -0,0 +1,37 @@
+.highlight pre { padding: 1rem; max-width: 75%; }
+.chroma {
+  background-color: #ffffff;
+  .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
+  .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; }
+  .hl { display: block; width: 100%;background-color: #ffffcc }
+  .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
+  .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
+  .k { color: #0000ff }
+  .kc { color: #0000ff }
+  .kd { color: #0000ff }
+  .kn { color: #0000ff }
+  .kp { color: #0000ff }
+  .kr { color: #0000ff }
+  .kt { color: #0000ff }
+  .s { color: #009c00 }
+  .sa { color: #009c00 }
+  .sb { color: #009c00 }
+  .sc { color: #009c00 }
+  .dl { color: #009c00 }
+  .sd { color: #009c00 }
+  .s2 { color: #009c00 }
+  .se { color: #009c00 }
+  .sh { color: #009c00 }
+  .si { color: #009c00 }
+  .sx { color: #009c00 }
+  .sr { color: #009c00 }
+  .s1 { color: #009c00 }
+  .ss { color: #009c00 }
+  .c { color: #ff0000; font-style: italic }
+  .ch { color: #ff0000; font-style: italic }
+  .cm { color: #ff0000; font-style: italic }
+  .c1 { color: #ff0000; font-style: italic }
+  .cs { color: #ff0000; font-style: italic }
+  .cp { color: #ff0000; font-style: italic }
+  .cpf { color: #ff0000; font-style: italic }
+}

config/_default/config.yml

@@ -1,8 +1,12 @@
 defaultContentLanguage: en
+# enableInlineShortcodes: true
 enableRobotsTXT: true
 enableGitInfo: true
+enableEmoji: true
 frontmatter:
   lastmod: ["lastmod", ":git", "date", "publishDate"]
+build:
+  writeStats: true
 author:
   name: Sivert V. Sæther
   email: gmail@sivert.pw
@@ -11,3 +15,8 @@ taxonomies:
   category: categories
   series: series
   tag: tags
+module:
+  hugoVersion:
+    extended: true
+    max: "0.95"
+    min: "0.69"

content/_index.en.md

@@ -1,5 +1,4 @@
 ---
-publishdate: 2022-03-27T18:08:24Z
 date: 2022-03-27T18:08:24Z
 draft: false
 aliases: []
@@ -11,4 +10,4 @@ title: Welcome!
 description: Landing page for Siverts GitHub Pages blog and portfolio.
 ---
 
-So I guess I've finally got to updating my github.io site. Nice!
+So I guess I've finally got to updating my github.io site. Nice! :grin:

content/_index.nl.md

@@ -1,5 +1,4 @@
 ---
-publishdate: 2022-03-27T18:08:24Z
 date: 2022-03-27T18:08:24Z
 draft: false
 aliases: []
@@ -11,6 +10,6 @@ title: Welkom!
 description: Bestemmingspagina voor Siverts GitHub Pages blog en portfolio.
 ---
 
-Dus ik denk dat ik eindelijk mijn github.io-site moet bijwerken. Mooi hoor!
+Dus ik denk dat ik eindelijk mijn github.io-site moet bijwerken. Mooi hoor! :grin:
 
-Ik ben aan nederlands studeren en ik zal in de loop van de tijd dingen vertalen.
+Ik ben aan nederlands studeren en ik zal in de loop van de tijd dingen vertalen. :blush:

content/_index.no.md

@@ -1,5 +1,4 @@
 ---
-publishdate: 2022-03-27T18:08:24Z
 date: 2022-03-27T18:08:24Z
 draft: false
 aliases: []
@@ -11,4 +10,4 @@ title: Velkommen!
 description: Landings side for Siverts GitHub Pages blog og portefølje.
 ---
 
-Så jeg har visst endelig kommet runt til å oppdatere min github.io side. Kult!
+Så jeg har visst endelig kommet runt til å oppdatere min github.io side. Kult! :grin:

content/about.en.md

@@ -1,5 +1,4 @@
 ---
-publishdate: 2022-03-27T18:08:24Z
 date: 2022-03-27T18:08:24Z
 draft: false
 aliases: []
@@ -11,6 +10,6 @@ title: About
 description: About page for the website!
 ---
 
-This webpage is my portfolio webpage and blog.
+This webpage is my portfolio webpage and blog. :cyclone:
 
-It's build with hugo and hosted on github.io with GitHub Pages!
+It's build with hugo and hosted on github.io with GitHub Pages! :sunglasses:

content/about.no.md

@@ -1,5 +1,4 @@
 ---
-publishdate: 2022-03-29T21:10:24Z
 date: 2022-03-29T21:10:24Z
 draft: false
 aliases: []
@@ -11,6 +10,6 @@ title: Om websiden
 description: Denne delen av websiden forteller om hva du finner på den.
 ---
 
-Denne websiden er mitt portefølje og blog.
+Denne websiden er mitt portefølje og blog. :cyclone:
 
-Den er laget med hugo og servert på github.io med GitHub Pages!
+Den er laget med hugo og servert på github.io med GitHub Pages! :sunglasses:

content/blog/_index.en.md

@@ -1,5 +1,4 @@
 ---
-publishdate: 2022-03-27T18:08:24Z
 date: 2022-03-27T18:08:24Z
 draft: false
 aliases: []
@@ -11,6 +10,6 @@ title: Siverts Tech Adventure Blog
 description: Landing page for Sivers Tech Adventure Blog!
 ---
 
-Here you are welcome to take a look at all my blog posts!
+Here you are welcome to take a look at all my blog posts! :cyclone:
 
-And be sure to add the RSS feed to your news reader! ;)
+And be sure to add the RSS feed to your news reader! :wink:

content/blog/_index.nl.md

@@ -1,5 +1,4 @@
 ---
-publishdate: 2022-03-30T12:04:24Z
 date: 2022-03-30T12:04:24Z
 draft: true
 aliases: []

content/blog/_index.no.md

@@ -1,5 +1,4 @@
 ---
-publishdate: 2022-03-29T21:00:24Z
 date: 2022-03-29T21:00:24Z
 draft: false
 aliases: []
@@ -11,4 +10,4 @@ title: Siverts Teknologi Evenetyr Blog
 description: Landingsside for Siverts Teknologi Evenetyr Blog!
 ---
 
-Her er du velkommen til å ta en titt på alle mine blog innlegg!
+Her er du velkommen til å ta en titt på alle mine blog innlegg! :cyclone:

content/blog/apprentice/_index.en.md

@@ -1,13 +0,0 @@
----
-publishdate: 2022-04-05T18:33:08Z
-date: 2022-04-05T18:33:08Z
-draft: true
-aliases: []
-categories: ["apprentice"]
-series: []
-tags: ["apprentice"]
-toc: false
-title: Apprentice
-description: This part of my blog is a collection of things I've learned as an apprentice working in IT.
----
-

content/blog/matrix.en.md

@@ -0,0 +1,14 @@
+---
+date: 2022-04-07T22:00:52Z
+draft: true
+aliases: []
+categories: ["tech", "docker"]
+series: ["opsec", "docker"]
+tags: ["tech", "social", "chat", "docker"]
+toc: true
+tit: Matrix.org
+title: Matrix, secure and decentralized communications
+description: Matrix is an open communications system using HTTPS APIs, it's fully federated. So anyone can host their own server and join any public matrix chat room!
+---
+
+Matrix is in my opinion super cool. It's a community driven chat system that supports end to end encryption and it's even possible to run it peer to peer if all parties host their own matrix "homeserver".

layouts/404.html

@@ -0,0 +1,10 @@
+{{ define "main" }}
+<a href='{{ "/" | relURL }}'>
+<article>
+  <header>
+    <h1>Ooops 404 Not Found!</h1>
+  </header>
+  <p>Click to go to the front page!</p>
+</article>
+</a>
+{{ end }}

layouts/_default/baseof.html

@@ -1,21 +1,21 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang='en'>
 <head>
-  <meta charset="UTF-8">
+  <meta charset='UTF-8'>
-  <meta name=”robots” content="index,follow">
+  <meta name='robots' content='index,follow'>
   {{ with resources.Get "favicon.ico" | resources.Fingerprint }}
-    <link rel="icon" href="{{ .RelPermalink }}" integrity="{{ .Data.Integrity }}" />
+    <link rel='icon' href='{{ .RelPermalink }}' integrity='{{ .Data.Integrity }}' />
   {{ end }}
   {{ block "meta" . }}
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <meta name='viewport' content='width=device-width,initial-scale=1.0'>
   {{ end }}
-  <meta name="twitter:card" content="summary">
+  <meta name='twitter:card' content='summary'>
-  <meta property="og:title" content="{{ site.Title }}" />
+  <meta property='og:title' content='{{ site.Title }}' />
-  <meta property="og:url" content="{{ site.BaseURL }}" />
+  <meta property='og:url' content='{{ site.BaseURL }}' />
-  <meta property="og:site_name" content="{{ site.Title }}" />
+  <meta property='og:site_name' content='{{ site.Title }}' />
-  <!-- <meta property="og:image" content=""> -->
+  <!-- <meta property='og:image' content=''> -->
   {{ range .AlternativeOutputFormats -}}
-    {{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
+    {{ printf `<link rel='%s' type='%s' href='%s' title='%s' />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
   {{ end -}}
   <link rel='stylesheet' href='https://stackpath.bootstrapcdn.com/bootstrap/4.5.1/css/bootstrap.min.css' crossorigin='anonymous'>
   {{ if isset .Params "title" }}
@@ -28,19 +28,19 @@
   {{ end }}
   {{ block "head" . }}{{ end }}
   {{ if .Param "chroma" }}
-    {{ with resources.Get "chroma.css" | resources.Minify | resources.Fingerprint }}
+    {{ with resources.Get "chroma.scss" | toCSS | postCSS | minify | fingerprint | resources.PostProcess }}
-      <link href='{{ .Rel }}' integrity="{{ .Data.Integrity }}" rel='stylesheet'>
+      <link href='{{ .RelPermalink }}' integrity="{{ .Data.Integrity }}" rel='stylesheet'>
     {{ end }}
   {{ end }}
-  {{ with resources.Get "main.scss" | resources.ToCSS (dict "outputStyle" "expanded" "enableSourceMap" false) | resources.Fingerprint }}
+  {{ with resources.Get "main.scss" | toCSS | postCSS | minify | fingerprint | resources.PostProcess }}
-    <link href="{{ .RelPermalink }}" integrity="{{ .Data.Integrity }}" rel="stylesheet">
+    <link href='{{ .RelPermalink }}' integrity="{{ .Data.Integrity }}" rel='stylesheet'>
   {{ end }}
 </head>
 <body>
   <header>
     {{ partial "nav.html" . }}
   </header>
-  <div id="content">
+  <div id='content'>
     <main>
       {{ if .Param "toc" }}
       <div class='row'>
@@ -56,7 +56,6 @@
       {{ end }}
     </main>
   </div>
-  <!-- {{ partial "i18n/list.html" . }} -->
   <footer>
   {{ partial "footer.html" . }}
   </footer>

layouts/_default/list.html

@@ -4,7 +4,7 @@
     <h1>{{ .Title }}</h1>
   </header>
   {{ .Content }}
-  <ul class="contents">
+  <ul class='contents'>
   {{ range .Pages }}
     <br />
     <a href='{{ .RelPermalink }}'>

layouts/index.html

@@ -4,7 +4,7 @@
     <h1>{{ .Title }}</h1>
   </header>
   {{ .Content }}
-  <ul class="contents">
+  <ul class='contents'>
   {{ range .Pages }}
     <br />
     <a href='{{ .RelPermalink }}'>

layouts/partials/breadcrumb.html

@@ -1,4 +1,4 @@
-<ol class="nav navbar-nav">
+<ol class='nav navbar-nav'>
 {{ template "breadcrumbnav" (dict "p1" . "p2" .) }}
 </ol>
 {{ define "breadcrumbnav" }}
@@ -7,7 +7,7 @@
 {{ else if not .p1.IsHome }}
 {{ template "breadcrumbnav" (dict "p1" .p1.Site.Home "p2" .p2 )  }}
 {{ end }}
-<li{{ if eq .p1 .p2 }} class="active"{{ end }}>
+<li{{ if eq .p1 .p2 }} class='active'{{ end }}>
-  <a href="{{ .p1.RelPermalink }}">{{ .p1.Title }}</a>
+  <a href='{{ .p1.RelPermalink }}'>{{ .p1.Title }}</a>
 </li>
 {{ end }}

layouts/partials/footer.html

@@ -1,13 +1,11 @@
 <center>
   <div class='footer-content'>
-    <p>{{ now.Format "2006" }} &copy; Sivert V. Sæther</p>
+    <p>2020 - {{ now.Format "2006" }} &copy;{{ with .Site.Author }} {{ .name }}{{ end }}</p>
-  </div>
-  <div class='footer-social'>
-  <!--
-    <a href="#" class="icons"><img src="/facebook-icon.svg"></a>
-    <a href="#" class="icons"><img src="/linkedin-icon.svg"></a>
-    <a href="#" class="icons"><img src="/twitter-icon.svg"></a>
-    <a href="#" class="icons"><img src="/youtube-icon.svg"></a>
-  -->
   </div>
+  <!-- <div class='footer-social'>
+    <a href='#' class='icons'><img src='/facebook-icon.svg'></a>
+    <a href='#' class='icons'><img src='/linkedin-icon.svg'></a>
+    <a href='#' class='icons'><img src='/twitter-icon.svg'></a>
+    <a href='#' class='icons'><img src='/youtube-icon.svg'></a>
+  </div> -->
 </center>

layouts/partials/nav.html

@@ -1,8 +1,8 @@
-<nav id="navbar">
+<nav id='navbar'>
-  <ul class="top-nav">
+  <ul class='top-nav'>
-    <li class=""><a href="/{{ .Language.Lang }}">{{ site.Title }}</a></li>
+    <li><a href='/{{ .Language.Lang }}'>{{ site.Title }}</a></li>
     {{ partial "i18n/nav.html" . }}
-    <div class="link-group">
+    <div class='link-group'>
     {{ $currentPage := . }}
     {{ range .Site.Menus.main }}
       {{ if .HasChildren }}
@@ -25,8 +25,8 @@
       </li>
       {{ end }}
     {{ end }}
-      <!-- <li class="top-nav__link"><a href="#">
+      <!-- <li class='top-nav'><a href='#'>
-          <img class="icons" src="/search-icon.svg">
+          <img class='icons' src='/search-icon.svg'>
         </a>
       </li> -->
     </div>

layouts/partials/toc.html

@@ -1,8 +1,9 @@
 <aside id='meta'>
   <header>
-    <h4>{{ .Title }}</h4>
+    <h4>{{ or (.Param "tit") .Title }}</h4>
     {{ i18n "wordCount" .WordCount }}.
     {{ i18n "readingTime" .ReadingTime }}.
   </header>
   {{ .TableOfContents }}
+  {{ partial "i18n/list.html" . }}
 </aside>

package.json

@@ -0,0 +1,6 @@
+{
+  "dependencies": {
+    "@fullhuman/postcss-purgecss": "^4.1.3",
+    "postcss-cli": "^9.1.0"
+  }
+}

postcss.config.js

@@ -0,0 +1,13 @@
+const purgecss = require('@fullhuman/postcss-purgecss')({
+  content: [ './hugo_stats.json' ],
+  defaultExtractor: (content) => {
+      let els = JSON.parse(content).htmlElements
+      return els.tags.concat(els.classes, els.ids)
+  }
+})
+module.exports = {
+  plugins: [
+    purgecss,
+    // ...(process.env.NODE_ENV === 'production' ? [  ] : [])
+  ]
+}