farewell!

delete unused css vars

.gitignore

@@ -88,6 +88,6 @@ typings/
 .dynamodb/
 
 # End of https://www.gitignore.io/api/node
-
 public
+resources
 .hugo_build.lock

.stylelintrc.json

@@ -0,0 +1,10 @@
+{
+  "extends": [
+    "stylelint-config-standard-scss",
+    "stylelint-config-prettier-scss"
+  ],
+  "rules": {
+    "max-empty-lines": 1 
+  }
+}
+

README.md

@@ -1,9 +1,20 @@
 # Terminal
 
+## The theme is no longer maintained, but can still be used
+
+Even if the repository is archived you can still use the theme, fork it, download it, expand it, etc. Remember that each Hugo theme is a module that can be modified to match your needs. The theme is fully "open" and it depends only on the internal engines implemented in Hugo.
+
+The theme brings many useful features thanks to [all people that contributed to it](https://github.com/panr/hugo-theme-terminal/graphs/contributors) (I want to thank you all!). At the time of archiving the theme has reached 9th place on the [official Hugo Themes list](https://themes.gohugo.io/). This is huge! Thanks to you!
+
+----
+
 ![Terminal](https://github.com/panr/hugo-theme-terminal/blob/master/images/screenshot.png?raw=true)
 
+
 ### DEMO - https://hugo-terminal.now.sh/
 
+### ⚠️ The theme needs at least Hugo **Extended** v0.90.x.
+
 ---
 
 - [Features](#features)
@@ -18,7 +29,7 @@
 - [Found a bug?](#bug)
 - [New cool idea or feature](#feature)
 - [Terminal theme user?](#terminal-theme-user)
-- [Licence](#licence)
+- [License](#license)
 
 ## Features
 
@@ -98,7 +109,7 @@ You can also choose **one of the 3 possibilities** to install the theme:
 # you fetch the theme module.
 #
 # hugo mod init [your website/module name]
-hugo mod get github.com/panr/hugo-theme-terminal
+hugo mod get github.com/panr/hugo-theme-terminal/v3
 ```
 
 and in your config file add:
@@ -108,7 +119,7 @@ and in your config file add:
   # this is needed when you fetch the theme as a submodule to your repo.
   # replacements = "github.com/panr/hugo-theme-terminal -> themes/terminal"
 [[module.imports]]
-  path = 'github.com/panr/hugo-theme-terminal'
+  path = 'github.com/panr/hugo-theme-terminal/v3'
 ```
 
 Keep in mind that the theme by default won't show up in the `themes` directory. This means that you are using the theme as it was on the repository at the moment you fetched it. Your local `go.sum` file keeps all the references. Read more about Hugo Modules in the [official documentation](https://gohugo.io/hugo-modules/).
@@ -229,6 +240,8 @@ paginate = 5
     olderPosts = "Older posts"
     missingContentMessage = "Page not found..."
     missingBackButtonLabel = "Back to home page"
+    minuteReadingTime = "min read"
+    words = "words"
 
     [languages.en.params.logo]
       logoText = "Terminal"

USERS.md

@@ -1,27 +1,20 @@
 # Meet the users of Terminal theme!
+
 - https://xicode.se **magistern** (Teacher)
 - https://devmaster64.com **devmaster64** (Software Developer)
-- https://mickie1.gitlab.io/blog/ **mickie** (Engineer)
 - https://calloc.net **Vaibhav Yenamandra** (Software Engineer)
 - https://potatofrom.space **Kevin Liu** (Software)
 - https://horochx.org **horochx** (Software Developer)
 - https://feng.si **Si Feng** (Software Engineer)
 - https://ben-on-vms.com **Benedikt Frenzel** (Technical Support Engineer)
 - https://johngazzini.com **John Gazzini** (Software Engineer)
-- https://geekx.tech/ **Sagar Ladla** (Student Developer & Cyber Security Specialist)
 - https://tears.io/ **Alex** (SRE)
 - https://ayushkarn.me/ **Ayush Karn** (Student Developer)
-- https://ssgram.dev **Ramaseshan Parthasarathy** (Software Developer)
 - https://zaine.me **Amine Zaine** (Cloud Engineer)
 - https://notes.dmaitre.phyip3.dur.ac.uk/computing-club/ **Ryan Moodie** (Physics PhD student)
-- https://thecodecousins.com **Stanley Nguyen** (Software Engineer) & **Hoang Do** (Software & IoT Engineer)
-- https://schacherbauer.dev **Markus Schacherbauer** (Student Developer)
-- https://rinma.dev **Marvin Dalheimer** (Software Developer)
 - https://lunar.computer **Lunar Computer** (DevOps Engineer)
 - https://naxxfish.net **Chris Roberts** (Broadcast Systems Engineer)
-- https://security.jtang.dev **Jonathan Tang** (Student & Software Engineer)
 - https://andreacaravano.net **Andrea Caravano** (Student)
-- https://dawsonverboven.com/ **Dawson Verboven** (Student & Software Developer)
 - https://qbunt.com **Jeremy Bunting** (Software Engineer)
 - https://smeik.org **Smeik** (Embedded Developer)
 - https://code.willstocks.co.uk **Will Stocks** (Blogger & Developer)
@@ -30,13 +23,9 @@
 - https://bgameiro.me/ **Bernardo Gameiro** (Engineer Physicist student)
 - https://return-to-libc.com/ **elraro** (Cyber Security Specialist)
 - https://pablart.com/ **Pablo Diaz-Gutierrez** (Software Engineer, General Tinkerer)
-- https://waterloos.niflheimr.blue/ **cindrmon** (Student and Aspiring Software Engineer)
 - https://monocle.rpod.club/ **classx** (DevOps Engineer)
-- https://wjdevschool.com/ **Wojciech Bogócki** (Making Things & Teaching / W&J Dev School)
 - https://erisianrite.com/ **ErisianRite** (Coding, Engineering, Tools for Thought)
-- https://dongzhi.me **Joe** (Software Developer)
 - https://isaes.com.tr/ **Isa Es** (Software Engineer)
-- https://conight.com **Conight Wang** (Software Engineer)
 - https://blog.m5e.de/ **Christoph Miksche** (Software Developer)
 - https://mpostument.com/ **Maksym Postument** (DevOps Engineer)
 - https://mathiejosh.xyz **Josh Mathie** (Electrical Engineering Technology Student/Sales and Engineering Tech)
@@ -44,8 +33,6 @@
 - https://blog.puvvadi.me **KD Puvvadi** (Software Dev & Cloud Orchestrator)
 - https://hidden.land/ **Louisload** (Game Developer & Musician)
 - https://linuxbase.nl **Michael Trip** (DevOps Engineer)
-- https://markopolo123.github.io **Markopolo** (DevOps Engineer)
-- https://openfoxblog.leven.dev/ **Damon Leven** (Student & Software Developer)
 - https://blog.sethforprivacy.com **Seth For Privacy** (Security, privacy, and cryptocurrency writer, podcaster)
 - https://thesprawl.city **crish** (Software and stuff)
 - https://justinnuwin.com **Justin Nguyen** (Software & Hardware Developer)
@@ -55,16 +42,20 @@
 - https://biplav.xyz **Biplav's Blog** (Student)
 - https://santiago.wtf **Nicholas Santiago** (DevOps Engineer)
 - https://2200g.github.io/ **2200g** (Blogger/Student)
-- https://cristiioan.me **Cristian Margine** (Student)
 - https://they.mint.lgbt **Joey Aliaga** (Software Developer & Student)
 - https://tatewilhelm.me **Tate Wilhelm** (Student, Programmer & Tinkerer)
 - https://mikefoden.com **Mike Foden** (Software Developer)
 - https://undemalum.github.io/portfolio/ **Mateusz Konat** (Student)
 - https://ku0hn.radio **Ben Kuhn** (Ham Radio Operator, InfoSec Engineer, Tinkerer)
-- https://bg117.xyz/projects **bg117** (Student and Hobby Programmer)
 - https://www.grumpymetalguy.com **GrumpyMetalGuy** (General Grumper and Developer)
 - https://blog.jontes.page **Jonte** (general tech geek)
 - https://nazdarthegame.com/ **Michal Skoula** (Software Developer)
+- https://1mup.myorange.house **Antonio Garosi** (Street art gallery)
+- https://kitchvx.github.io **Nathan Kitching** (IT Student)
+- https://dgood.win **Dom Goodwin** (Platform Engineer)
+- https://sir-photch.xyz **Sir-Photch** (ComSci-student. German Blog)
+- https://drewmorris.info **Drew Morris** (Mathematician && Computer Scientist)
+- https://blog.darkiiiiiice.com **MarioMang** (Software Developer)
 
 <!--
  TEMPLATE:
@@ -72,3 +63,4 @@
  - https://radoslawkoziel.pl **Radek Kozieł** (Software Designer and Developer)
 
  -->
+

assets/css/buttons.scss

@@ -12,12 +12,13 @@ a.button {
   align-items: center;
   justify-content: center;
   padding: 8px 18px;
-  margin-bottom: 5px;
+  margin: 5px 0;
   text-decoration: none;
   text-align: center;
-  border-radius: 0;
+  border-radius: 8;
   border: 1px solid $accent;
   background: $accent;
+  color: $background;
   font: inherit;
   font-weight: bold;
   appearance: none;
@@ -25,7 +26,7 @@ a.button {
   outline: none;
 
   &:hover {
-    background: opacify($accent, .9);
+    background: transparentize($accent, .1);
   }
 
   /* variants */

assets/css/font.scss

@@ -4,7 +4,6 @@
   font-style:  normal;
   font-weight: 400;
   src: url("../fonts/FiraCode-Regular.woff") format("woff");
-  font-display: swap;
 }
 
 @font-face {
@@ -13,5 +12,4 @@
   font-style:  normal;
   font-weight: 800;
   src: url("../fonts/FiraCode-Bold.woff") format("woff");
-  font-display: swap;
 }

assets/css/footer.scss

@@ -22,9 +22,11 @@
 
   .copyright {
     display: flex;
-    flex-direction: row;
+    flex-flow: row wrap;
+    flex: 1;
     align-items: center;
     font-size: 1rem;
+    justify-content: center;
 
     &--user {
       margin: auto;
@@ -33,17 +35,10 @@
 
     & > *:first-child:not(:only-child) {
       margin-right: 10px;
-
-       @media ($tablet) {
-        border: none;
-        padding: 0;
-        margin: 0;
-      }
     }
 
-    @media ($tablet) {
-      flex-direction: column;
-      margin-top: 10px;
+    span {
+      white-space: nowrap;
     }
   }
 }

assets/css/form.scss

@@ -4,6 +4,7 @@ input, textarea, select {
   border: 1px solid $accent;
   border-radius: 0;
   padding: 10px;
+  margin: 5px 0;
   font: inherit;
   appearance: none;
 
@@ -26,5 +27,17 @@ select {
 }
 
 ::placeholder {
-  color: color-mod($accent) a(50%);
+  color: transparentize($accent, .5);
+}
+
+input {
+  &[type="checkbox"] {
+    vertical-align: middle;
+    padding: 10px;
+    box-shadow: inset 0 0 0 3px $background;
+
+    &:checked {
+      background: $accent;
+    }
+  }
 }

assets/css/main.scss

@@ -130,7 +130,7 @@ figure {
 code, kbd {
   font-family: 'Fira Code', Monaco, Consolas, Ubuntu Mono, monospace !important;
   font-feature-settings: normal;
-  background: color-mod($accent) a(20%);
+  background: transparentize($accent, .8);
   color: $accent;
   padding: 1px 6px;
   margin: 0 2px;
@@ -203,7 +203,7 @@ blockquote {
 
   &.twitter-tweet {
     position: relative;
-    background: color-mod($accent) a(10%);
+    background: transparentize($accent, .9);
     font: inherit;
     color: inherit;
     border: 1px solid $accent;
@@ -263,28 +263,28 @@ ol {
   list-style: none;
   counter-reset: li;
 
-  li {
+  > li {
     counter-increment: li;
-  }
 
-  li:before {
-    content: counter(li);
-    position: absolute;
-    right: calc(100% + 10px);
-    color: $accent;
-    display: inline-block;
-    text-align: right;
-  }
-
-  ol {
-    margin-left: 38px;
-
-    li {
-      counter-increment: li;
+    &:before {
+      content: counter(li);
+      position: absolute;
+      right: calc(100% + 10px);
+      color: $accent;
+      display: inline-block;
+      text-align: right;
     }
 
-    li:before {
-      content: counters(li, ".") " ";
+    > ol {
+      margin-left: 38px;
+
+      > li {
+        counter-increment: li;
+
+        &:before {
+          content: counters(li, ".") " ";
+        }
+      }
     }
   }
 }

assets/css/menu.scss

@@ -1,7 +1,7 @@
 @mixin menu {
   display: none;
   flex-direction: column;
-  $shadow-color: opacify($background, .8);
+  $shadow-color: transparentize($background, .2);
   $shadow: 0 10px $shadow-color, -10px 10px $shadow-color, 10px 10px $shadow-color;
   position: absolute;
   background: $background;
@@ -48,6 +48,7 @@
     > li {
       flex: 0 0 auto;
       margin-bottom: 10px;
+      white-space: nowrap;
 
       &:not(:last-of-type) {
         margin-right: 20px;

assets/css/pagination.scss

@@ -15,7 +15,8 @@
       text-align: center;
       margin: 0 auto;
       padding: 5px 10px;
-      background: mix($accent, #1D1E28, 98%);
+      background: $background;
+      color: transparentize($color, .7);
       font-size: .8rem;
       text-transform: uppercase;
       text-decoration: none;
@@ -37,6 +38,8 @@
     display: flex;
     align-items: center;
     justify-content: center;
+    flex-flow: row wrap;
+    gap: 10px;
 
     a {
       text-decoration: none;
@@ -47,22 +50,20 @@
 .button {
   position: relative;
   display: inline-flex;
-  flex: 1;
   align-items: center;
   justify-content: center;
   font-size: 1rem;
-  border-radius: 8px;
   padding: 0;
-  cursor: pointer;
   appearance: none;
-  overflow: hidden;
 
-  + .button {
-    margin-left: 10px;
+  @media($phone) {
+    flex: 1;
   }
 
   a {
     display: flex;
+    justify-content: center;
+    flex: 1;
     padding: 8px 16px;
     text-decoration: none;
     text-overflow: ellipsis;

assets/css/post.scss

@@ -32,7 +32,15 @@
   &-meta {
     font-size: 1rem;
     margin-bottom: 10px;
-    color: opcift($accent, 70%);
+    color: transparentize($accent, .3);
+
+    & > *:not(:first-child) {
+      &::before {
+        content: "::";
+        display: inline-block;
+        margin: 0 8px;
+      }
+    }
   }
 
   &-title {
@@ -113,7 +121,7 @@
 }
 
 .hanchor {
-  color: opacify($accent, .9);
+  color: transparentize($accent, .1);
   text-decoration: none;
   margin-left: 10px;
   visibility: hidden;
@@ -124,5 +132,5 @@ h1:hover a, h2:hover a, h3:hover a, h4:hover a {
 }
 
 .footnotes {
-  color: opacify($color, .5);
+  color: transparentize($color, .5);
 }

assets/css/syntax.scss

@@ -34,7 +34,7 @@ code.language-scss,
 .token.class-name,
 .token.constant,
 .token.symbol {
-  color: opacify($accent, .7) !important;
+  color: transparentize($accent, .3) !important;
 }
 
 .token.property,
@@ -80,7 +80,7 @@ pre[class*="language-"] {
   right: 0;
   padding: 0;
   margin: 0;
-  background: opacify(mix($accent, #999, 90%), .08);
+  background: transparentize(mix($accent, #999, 90%), .92);
   pointer-events: none;
   line-height: inherit;
   white-space: pre;

assets/css/terms.scss

@@ -1,9 +1,22 @@
 .terms {
-  h1 {
-    color: $accent;
-  }
-
   h3 {
     font-size: initial;
   }
+
+  ul {
+    list-style: none;
+
+    li {
+      a {
+        color: $accent;
+      }
+    }
+
+    li:not(:empty):before {
+      content: '-';
+      position: absolute;
+      left: -20px;
+      color: $accent;
+    }
+  }
 }

assets/css/variables.scss

@@ -6,9 +6,3 @@ $border-color: rgba(255, 255, 255, .1);
 /* MEDIA QUERIES */
 $phone: "max-width: 684px";
 $tablet: "max-width: 900px";
-
-/* variables for js, must be the same as these in @custom-media queries */
-:root {
-  --phoneWidth: (max-width: 684px);
-  --tabletWidth: (max-width: 900px);
-}

config.toml

@@ -0,0 +1,4 @@
+[module]
+  [module.hugoVersion]
+    extended = true
+    min = '0.90.0'

go.mod

@@ -1,3 +1,3 @@
-module github.com/panr/hugo-theme-terminal
+module github.com/panr/hugo-theme-terminal/v3
 
 go 1.19

layouts/_default/index.html

@@ -21,14 +21,14 @@
         </h1>
 
         <div class="post-meta">
-          {{ if .Date }}
+          {{- if .Date -}}
             <time class="post-date">
-              {{ .Date.Format "2006-01-02" }} ::
+              {{- .Date.Format "2006-01-02" -}}
             </time>
-          {{ end }}
-          {{ with .Params.Author }}
+          {{- end -}}
+          {{- with .Params.Author -}}
             <span class="post-author">{{ . }}</span>
-          {{ end }}
+          {{- end -}}
         </div>
 
         {{ if .Params.tags }}
@@ -49,7 +49,7 @@
           {{ else if .Description }}
             {{ .Description | markdownify }}
           {{ else }}
-            {{ .Summary | markdownify }}
+            {{ .Summary }}
           {{ end }}
         </div>
 

layouts/_default/list.html

@@ -11,14 +11,14 @@
           <a href="{{ .Permalink }}">{{ .Title | markdownify }}</a>
         </h1>
         <div class="post-meta">
-          {{ if .Date }}
+          {{- if .Date -}}
             <time class="post-date">
-              {{ .Date.Format "2006-01-02" }} ::
+              {{- .Date.Format "2006-01-02" -}}
             </time>
-          {{ end }}
-          {{ with .Params.Author }}
-            <span class="post-author">{{ . }}</span>
-          {{ end }}
+          {{- end -}}
+          {{- with .Params.Author -}}
+            <span class="post-author">{{- . -}}</span>
+          {{- end -}}
         </div>
 
         {{ if .Params.tags }}
@@ -39,7 +39,7 @@
           {{ else if .Description }}
             {{ .Description | markdownify }}
           {{ else }}
-            {{ .Summary | markdownify }}
+            {{ .Summary }}
           {{ end }}
         </div>
 

layouts/_default/single.html

@@ -4,20 +4,20 @@
     <a href="{{ .Permalink }}">{{ .Title | markdownify }}</a>
   </h1>
   <div class="post-meta">
-    {{ if .Date }}
+    {{- if .Date -}}
       <time class="post-date">
-        {{ .Date.Format "2006-01-02" }} ::
-        {{ if $.Site.Params.showLastUpdated }}
-          [{{or $.Site.Params.updatedDatePrefix "Updated"}} :: {{ .Lastmod.Format "2006-01-02" }}]
-        {{ end }}
+        {{- .Date.Format "2006-01-02" -}}
+        {{- if $.Site.Params.showLastUpdated -}}
+          [{{- or $.Site.Params.updatedDatePrefix "Updated" -}} :: {{- .Lastmod.Format "2006-01-02" -}}]
+        {{- end -}}
       </time>
-    {{ end }}
-    {{ with .Params.Author }}
+    {{- end -}}
+    {{- with .Params.Author -}}
       <span class="post-author">{{ . }}</span>
-    {{ end }}
-    {{ if and (.Param "readingTime") (eq (.Param "readingTime") true) }}
-      <span class="post-reading-time">:: {{ .ReadingTime }} min read ({{ .WordCount }} words)</span>
-    {{ end }}
+    {{- end -}}
+    {{- if and (.Param "readingTime") (eq (.Param "readingTime") true) -}}
+      <span class="post-reading-time">{{ .ReadingTime }} {{ $.Site.Params.minuteReadingTime | default "min read" }} ({{ .WordCount }} {{ $.Site.Params.words | default "words" }})</span>
+    {{- end -}}
   </div>
 
   {{ if .Params.tags }}

layouts/_default/term.html

@@ -0,0 +1,57 @@
+{{ define "main" }}
+  <h1>Posts for: #{{ .Title }}</h1>
+  {{ with .Content }}
+    <div class="index-content">
+      {{ . }}
+    </div>
+  {{ end }}
+  <div class="posts">
+    {{ range .Paginator.Pages }}
+      <article class="post on-list">
+        <h1 class="post-title">
+          <a href="{{ .Permalink }}">{{ .Title | markdownify }}</a>
+        </h1>
+        <div class="post-meta">
+          {{- if .Date -}}
+            <time class="post-date">
+              {{- .Date.Format "2006-01-02" -}}
+            </time>
+          {{- end -}}
+          {{- with .Params.Author -}}
+            <span class="post-author">{{- . -}}</span>
+          {{- end -}}
+        </div>
+
+        {{ if .Params.tags }}
+          <span class="post-tags">
+            {{ range .Params.tags }}
+            #<a href="{{ (urlize (printf "tags/%s/" . )) | absLangURL }}">
+              {{- . -}}
+            </a>&nbsp;
+            {{ end }}
+          </span>
+        {{ end }}
+
+        {{ partial "cover.html" . }}
+
+        <div class="post-content">
+          {{ if .Params.showFullContent }}
+            {{ .Content }}
+          {{ else if .Description }}
+            {{ .Description | markdownify }}
+          {{ else }}
+            {{ .Summary }}
+          {{ end }}
+        </div>
+
+        {{ if not .Params.showFullContent }}
+          <div>
+            <a class="read-more button" href="{{.RelPermalink}}">{{ $.Site.Params.ReadMore }} →</a>
+          </div>
+        {{ end }}
+      </article>
+    {{ end }}
+
+    {{ partial "pagination.html" . }}
+  </div>
+{{ end }}

layouts/_default/terms.html

@@ -1,6 +1,11 @@
 {{ define "main" }}
   <div class="terms">
     <h1>{{ .Title }}</h1>
+    {{ with .Content }}
+      <div class="index-content">
+        {{ . }}
+      </div>
+    {{ end }}
     <ul>
       {{ $type := .Type }}
       {{ range $key, $value := .Data.Terms.Alphabetical }}
@@ -8,7 +13,7 @@
       {{ $count := .Count }}
       {{ with $.Site.GetPage (printf "/%s/%s" $type $name) }}
         <li>
-          <a class="terms-title" href="{{ .Permalink }}">{{ .Name }} ({{ $count }})</a>
+          <a class="terms-title" href="{{ .Permalink }}">{{ .Name }} [{{ $count }}]</a>
         </li>
       {{ end }}
       {{ end }}

layouts/partials/footer.html

@@ -5,9 +5,9 @@
         <span>{{ $.Site.Copyright | safeHTML }}</span>
     {{ else }}
       <div class="copyright">
-        <span>© {{ now.Year }} Powered by <a href="http://gohugo.io">Hugo</a></span>
+        <span>© {{ now.Year }} Powered by <a href="https://gohugo.io">Hugo</a></span>
     {{ end }}
-        <span>:: Theme made by <a href="https://twitter.com/panr">panr</a></span>
+      <span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> made by <a href="https://github.com/panr" target="_blank">panr</a></span>
       </div>
   </div>
 </footer>

layouts/partials/head.html

@@ -2,30 +2,36 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta name="description" content="{{ if .IsHome }}{{ $.Site.Params.Subtitle }}{{ else if .Description}}{{ .Description | plainify }}{{ else }}{{ .Summary | plainify }}{{ end }}" />
 <meta name="keywords" content="{{ with .Params.Keywords }}{{ delimit . ", " }}{{ else }}{{ $.Site.Params.Keywords }}{{ end }}" />
-<meta name="robots" content="noodp" />
+{{ if .Params.noindex }}
+  {{ if or (eq (.Param "noindex") true) (eq (.Param "noindex") "true") }}
+    <meta name="robots" content="noindex" /> 
+  {{ end }}
+{{ else }}
+  <meta name="robots" content="noodp" />
+{{ end }}
 <link rel="canonical" href="{{ .Permalink }}" />
 
 {{ template "_internal/google_analytics.html" . }}
 
 {{ $defaultStyles := resources.Get "css/style.scss" }}
 <!-- Local Theme Variables -->
-{{ if (isset .Params "color") }}
+{{ if and (isset .Params "color") (not (eq .Params.color "")) }}
   {{ $localColorCss := resources.Get (printf "css/color/%s.scss" .Params.color) }}
   {{ $localCss := slice $localColorCss $defaultStyles | resources.Concat (printf "css/%s-local.scss" .Params.color) }}
   {{ $localColorStyles := $localCss | resources.ToCSS }}
-  <link rel="stylesheet" href="{{ $localColorStyles.RelPermalink }}">
+  <link rel="stylesheet" href="{{ $localColorStyles.Permalink }}">
 {{ else }}
   <!-- Theme Variables -->
   {{ $colorCss := resources.Get (printf "css/color/%s.scss" ($.Site.Params.ThemeColor | default "orange")) }}
   {{ $css := slice $colorCss $defaultStyles | resources.Concat "css/base.scss" }}
-  {{ $options := (dict "targetPath" "style.css" "outputStyle" "compressed" "enableSourceMap" true "precision" 6 "includePaths" (slice "node_modules")) }}
+  {{ $options := (dict "targetPath" "styles.css" "outputStyle" "compressed" "enableSourceMap" true "precision" 6 "includePaths" (slice "node_modules")) }}
   {{ $styles := $css | resources.ToCSS $options }}
-  <link rel="stylesheet" href="{{ $styles.RelPermalink }}">
+  <link rel="stylesheet" href="{{ $styles.Permalink }}">
 {{ end }}
 
-<!-- Custom CSS to override theme properties (/static/style.scss) -->
-{{ if (fileExists "static/style.scss") -}}
-  <link rel="stylesheet" href="{{ "style.scss" | absURL }}">
+<!-- Custom CSS to override theme properties (/static/style.css) -->
+{{ if (fileExists "static/style.css") -}}
+  <link rel="stylesheet" href="{{ "style.css" | absURL }}">
 {{- end }}
 
 <!-- Icons -->

layouts/partials/menu.html

@@ -3,7 +3,7 @@
     {{ if or $.Site.Params.showMenuItems ( eq .Site.Params.showMenuItems 0 ) }}
       {{ range first $.Site.Params.showMenuItems $.Site.Menus.main }}
         {{ if not .HasChildren }}
-          <li><a href="{{ .URL }}">{{ .Name }}</a></li>
+          <li><a href="{{ .URL }}" {{ if .Params.NewTab -}} target="_blank" {{- end }}>{{ .Name }}</a></li>
         {{ end }}
       {{ end }}
       {{ if gt (len $.Site.Menus.main) $.Site.Params.showMenuItems }}
@@ -14,7 +14,7 @@
               <ul class="menu__dropdown">
                 {{ range last (sub (len $.Site.Menus.main) $.Site.Params.showMenuItems) $.Site.Menus.main }}
                   {{ if not .HasChildren }}
-                    <li><a href="{{ .URL }}">{{ .Name }}</a></li>
+                    <li><a href="{{ .URL }}" {{ if .Params.NewTab -}} target="_blank" {{- end }}>{{ .Name }}</a></li>
                   {{ end }}
                 {{ end }}
               </ul>
@@ -25,7 +25,7 @@
     {{ else }}
       {{ range $.Site.Menus.main }}
         {{ if not .HasChildren }}
-          <li><a href="{{ .URL }}">{{ .Name }}</a></li>
+          <li><a href="{{ .URL }}" {{ if .Params.NewTab -}} target="_blank" {{- end }}>{{ .Name }}</a></li>
         {{ end }}
       {{ end }}
     {{ end }}

layouts/partials/pagination.html

@@ -1,20 +1,16 @@
 <div class="pagination">
   <div class="pagination__buttons">
     {{ if .Paginator.HasPrev }}
-      <span class="button previous">
-        <a href="{{ .Paginator.Prev.URL }}">
-          <span class="button__icon">←</span>
-          <span class="button__text">{{ $.Site.Params.newerPosts | default "Newer posts" }}</span>
-        </a>
-      </span>
+      <a href="{{ .Paginator.Prev.URL }}" class="button previous">
+        <span class="button__icon">←</span>
+        <span class="button__text">{{ $.Site.Params.newerPosts | default "Newer posts" }}</span>
+      </a>
     {{ end }}
     {{ if .Paginator.HasNext }}
-      <span class="button next">
-        <a href="{{ .Paginator.Next.URL }}">
-          <span class="button__text">{{ $.Site.Params.olderPosts | default "Older posts" }}</span>
-          <span class="button__icon">→</span>
-        </a>
-      </span>
+      <a href="{{ .Paginator.Next.URL }}" class="button next">
+        <span class="button__text">{{ $.Site.Params.olderPosts | default "Older posts" }}</span>
+        <span class="button__icon">→</span>
+      </a>
     {{ end }}
   </div>
 </div>

layouts/shortcodes/image.html

@@ -1,3 +1,3 @@
 {{ if .Get "src" }}
-  <img src="{{ .Get "src" | safeURL }}" {{ with .Get "alt" }} alt="{{ . | plainify }}" {{ end }} class="{{ with .Get "position"}}{{ . }}{{ else -}} left {{- end }}" {{ with .Get "style" }} style="{{ . | safeCSS }}" {{ end }} />
+<img src="{{ .Get "src" | safeURL }}" {{ with .Get "alt" }} alt="{{ . | plainify }}" {{ end }} class="{{ with .Get "position"}}{{ . }}{{ else -}} left {{- end }}" {{ with .Get "style" }} style="{{ . | safeCSS }}" {{ end }} {{ with .Get "width" }} width="{{ . | plainify }}" {{ end }} {{ with .Get "height" }} height="{{ . | plainify }}" {{ end }} />
 {{ end }}

layouts/shortcodes/prismjs.html

@@ -20,6 +20,7 @@
       >{{ $inner }}</code></pre>
   {{ else }}
     <pre class="language-{{ .Get 0 }}">
-      <code class="language-{{ .Get 0 }}">{{ $inner }}</code></pre>
+      <code class="language-{{ .Get 0 }}">{{ $inner }}</code>
+    </pre>
   {{ end }}
 {{ end }}

package.json

@@ -35,6 +35,9 @@
     "eslint-config-airbnb": "^18.2.0",
     "eslint-config-prettier": "^8.1.0",
     "eslint-plugin-jsx-a11y": "^6.2.1",
-    "husky": "^5.1.3"
+    "husky": "^5.1.3",
+    "stylelint": "^14.14.1",
+    "stylelint-config-prettier-scss": "^0.0.1",
+    "stylelint-config-standard-scss": "^6.1.0"
   }
 }

postcss.config.js

@@ -1,21 +0,0 @@
-const url = require("postcss-url");
-const imports = require("postcss-import");
-const nested = require("postcss-nested");
-const postcssCustomMedia = require("postcss-custom-media");
-const cssnano = require("cssnano");
-const color = require("postcss-color-mod-function");
-const mixins = require("postcss-mixins");
-
-module.exports = () => ({
-  plugins: [
-    url,
-    imports,
-    mixins,
-    nested,
-    postcssCustomMedia,
-    cssnano({
-      preset: "default",
-    }),
-    color,
-  ],
-});

resources/_gen/assets/scss/css/base.scss_06c91705bc48efa09403e08ed1e70fce.json

@@ -1 +0,0 @@
-{"Target":"style.css","MediaType":"text/css","Data":{}}