365 Days of Code - Day 054

1
2
3

<a href='{{ "/" | relLangURL }}' class="text-lg font-bold">
  {{ $brand }}
</a>

1
2
3

<a href="{{ "/" | relLangURL }}" class="text-lg font-bold">
  {{ $brand }}
</a>

1
2

{{- $home := "/" | relLangURL -}}
<a href="{{ $home }}" class="text-lg font-bold"> {{ $brand }} </a>

1
2

{{- $privacy := "/privacy/" | relLangURL -}}
<a class="underline" href="{{ $privacy }}">Privacy Policy</a>

1
2
3
4
5
6
7

+++
date = '2026-03-15T00:00:01-05:00'
draft = false
title = '365 Days of Code - Day 054'
summary = ''
tags = ['365-days-of-code-2026', 'hugo', 'personal-website']
+++

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

{{ with .Params.tags }}
  <ul class="flex flex-wrap gap-2 mb-2 justify-center" aria-label="Tags">
    {{ range . }}
      <li>
        <a
          class="rounded-full border border-white/10 bg-white/90 px-2 py-0.5 text-xs text-slate-800 hover:bg-white/80"
          href="{{ (printf "/tags/%s/" (. | urlize)) | relURL }}"
        >
          {{ . }}
        </a>
      </li>
    {{ end }}
  </ul>
{{ end }}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69

{{ with site.RegularPages.Related . | first 5 }}
  <div class="border-b border-slate-100"></div>
  <p class="flex justify-center text-2xl font-bold">Related content</p>
  <ul>
    {{ range . }}
      <li class="mb-2">
        <article
          class="rounded-xl border border-white/10 bg-white/5 p-5 sm:p-6 transition hover:bg-white/10 focus-within:ring-2 focus-within:ring-blue-500/60"
        >
          <header
            class="flex flex-col gap-1 sm:flex-row sm:items-baseline sm:justify-between"
          >
            <h2 class="text-lg sm:text-xl font-semibold leading-snug">
              <a
                class="text-white underline-offset-4 hover:underline focus:outline-none"
                href="{{ .RelPermalink }}"
              >
                {{ .LinkTitle }}
              </a>
            </h2>

            <p class="text-sm text-slate-300">
              <time datetime="{{ .Date.Format " 2006-01-02T15:04:05Z07:00" }}">
                {{ .Date.Format "Jan 2, 2006" }}
              </time>
            </p>
          </header>

          {{/* Prefer explicit summary, fall back to auto-summary */}}
          {{ $summary := "" }}
          {{ with .Params.summary }}
            {{ $summary = . }}
          {{ else }}
            {{ $summary = (.Summary | plainify) }}
          {{ end }}

          {{ with $summary }}
            <p class="mt-3 text-slate-200 leading-relaxed">
              {{ . | htmlUnescape | truncate 200 }}
            </p>
          {{ end }}


          <footer
            class="mt-4 flex flex-wrap items-center gap-x-3 gap-y-2 text-sm text-slate-300"
          >
            <span>{{ .ReadingTime }} min read</span>

            {{ with .Params.tags }}
              <span class="text-slate-500">•</span>
              <ul class="flex flex-wrap gap-2" aria-label="Tags">
                {{ range . }}
                  <li>
                    <a
                      class="rounded-full border border-white/10 bg-black/30 px-2 py-0.5 text-xs text-slate-200 hover:bg-white/10"
                      href="{{ (printf "/tags/%s/" (. | urlize)) | relURL }}"
                    >
                      {{ . }}
                    </a>
                  </li>
                {{ end }}
              </ul>
            {{ end }}
          </footer>
        </article>
      </li>
    {{ end }}
  </ul>
{{ end }}