My hugo static site, for software development related thoughts, published at https://www.bencode.net

Can never remember this.

1. First read this
2. Upload high resolution PNG you want to use into https://realfavicongenerator.net/
3. Generate emoji based favicon using favicon.io
4. Combine the outputs, first with the higher resolution versions for large formats, replacing low resolution formats (32x32 and lower) with the emoji based versions
5. Inject the below head section into the hugo theme partial (i.e. ~/bencode.net/themes/terminal/layouts/partials/head.html)
6. Rebuild the theme with npm/yarn (also described below)

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />
<meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#ffffff" />

Uses the mint terminal theme by Radek Kozieł.

Edit layouts/_default/index.html sort posts by lastmod descending with $paginator := .Paginate (where $PageContext.RegularPages.ByLastmod.Reverse "Type" $contentTypeName)

Rip out all content in layouts/_default/index.html except the title, and the last modified date of the post in January 2021 format.

Should end up with something similar to:

{{ define "main" }}
  {{ if .Content }}
    <div class="index-content {{ if .Params.framed -}}framed{{- end -}}">
      {{ .Content }}
    </div>
  {{ end }}
  <div class="posts">
    {{ $isntDefault := not (or (eq (trim $.Site.Params.contentTypeName " ") "posts") (eq (trim $.Site.Params.contentTypeName " ") "")) }}
    {{ $contentTypeName := cond $isntDefault (string $.Site.Params.contentTypeName) "posts" }}

    {{ $PageContext := . }}
    {{ if .IsHome }}
      {{ $PageContext = .Site }}
    {{ end }}
    {{ $paginator := .Paginate (where $PageContext.RegularPages.ByLastmod.Reverse "Type" $contentTypeName) }}

    {{ range $paginator.Pages }}
      <div class="post on-list">
        <h1 class="post-title">
          <a href="{{ .Permalink }}">{{ .Title | markdownify }}</a>
        </h1>
        <div class="post-meta">
          <span class="post-date">
            {{- .Lastmod | time.Format "January 2006" -}}
          </span>
        </div>
      </div>
    {{ end }}
    {{ partial "pagination.html" . }}
  </div>
{{ end }}

In assets/css/main.css patch ..headings--one-size setting the margin-top to 0.

In assets/css/posts.scss jump down to line 47, remove these lines:

• 47: $border: 3px dotted $accent
• 52: border-bottom: $border
• 60: border-bottom: $border

Edit layouts/partials/footer.html

A node toolchain is needed to proceed. Install dependencies and build:

cd themes/terminal
npm install
npm install yarn
yarn build