first commit

themes/webbed-theme/archetypes/default.md

@@ -0,0 +1,5 @@
++++
+date = '{{ .Date }}'
+draft = true
+title = '{{ replace .File.ContentBaseName "-" " " | title }}'
++++

themes/webbed-theme/assets/css/main.css

@@ -0,0 +1,188 @@
+
+html, body {
+  width: 100%;
+  margin: 0;
+}
+
+.background {
+  background: linear-gradient(rgba(5, 6, 7, 0.85), rgba(5, 6, 7, 0.70), rgba(5, 6, 7, 0.95)), url('/background.jpg');
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-position: center;
+}
+
+body {
+  font-family: "SUSE Mono", sans-serif;
+  font-weight: 550;
+  font-size: 18px;
+
+  color: #cdd6f4;
+  background-color: #050607;
+  line-height: 1.5;
+
+  display: flex;
+  flex-direction: column;
+}
+
+nav {
+  /* border: 1px solid #f1f1f110; */
+  /* border-radius: 0.5rem 0.5rem 0 0; */
+  display: flex;
+  flex-direction: row;
+  justify-content: start;
+  align-items: center;
+  border-bottom: 3px dashed #f1f1f110;
+  background-color: #10121465;
+  position: fixed;
+  top: 0;
+  left: 0;
+  padding-left: 1.75rem;
+  padding-right: 1.75rem;
+  padding-top: 0.40rem;
+  padding-bottom: 0.40rem;
+  width: 100%;
+  height: 2rem;
+  gap: 1.75rem
+}
+
+nav > a {
+  display: block;
+  text-decoration: none;
+}
+
+main {
+  display: flex;
+  flex-direction: row;
+}
+
+section.buttons-wrapper {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+
+  background-color: #10121465;
+  max-width: 100%
+}
+
+section {
+  border-bottom: 3px dashed #f1f1f110;
+
+  padding-left: 2.5rem;
+  padding-right: 2.5rem;
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+
+section > p {
+  max-width: 90ch;
+}
+
+section > div.buttons {
+  width: 100%
+}
+
+.buttons > p {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(88px, 20%));
+  justify-content: space-between;
+  gap: 0;
+}
+
+.buttons > p > img,
+.buttons > p > a > img {
+  width: 100%;
+  height: auto;
+  image-rendering: pixelated;
+  display: block;
+}
+
+main {
+  margin-top: 2.8rem;
+
+  /* border-radius: 0 0 0.5rem 0.5rem; */
+
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+}
+
+footer {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: "Silkscreen", sans-serif;
+  font-weight: normal;
+}
+
+.huge {
+  font-family: "Silkscreen", sans-serif;
+  font-weight: normal;
+  font-size: 350%
+}
+
+.summary, .date {
+  color: #a6adc8
+}
+
+a {
+  color: #89b4fa;
+  text-decoration: underline;
+  text-decoration-style: dashed;
+}
+
+i, em {
+  color: #f5c2e7
+}
+
+b, strong {
+  color: #94e2d5
+}
+
+s {
+  color: #f38ba8
+}
+
+small {
+  color: #a6adc8
+}
+
+table {
+  border-collapse: collapse;
+  width: 100%
+}
+
+table, th, td {
+  border: 3px dashed #1e1e2e;
+}
+
+th, td {
+  padding: 0.25rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem
+}
+
+th {
+  background-color: #181825
+}
+
+code {
+  font-family: "JetBrains Mono", monospace;
+  color: #f5e0dc
+}
+
+hr {
+  border: 1px solid #f1f1f110;
+}
+
+li {
+  margin-bottom: 0.25rem
+}
+
+.emoji {
+  position: relative;
+  top: 0.25rem;
+  height: 2rem;
+}

themes/webbed-theme/assets/js/main.js

@@ -0,0 +1 @@
+console.log('This site was generated by Hugo.');

themes/webbed-theme/hugo.toml

@@ -0,0 +1,24 @@
+baseURL = 'https://example.org/'
+languageCode = 'en-US'
+title = 'My New Hugo Site'
+
+[menus]
+  [[menus.main]]
+    name = 'Home'
+    pageRef = '/'
+    weight = 10
+
+  [[menus.main]]
+    name = 'Posts'
+    pageRef = '/posts'
+    weight = 20
+
+  [[menus.main]]
+    name = 'Tags'
+    pageRef = '/tags'
+    weight = 30
+
+[module]
+  [module.hugoVersion]
+    extended = false
+    min = '0.146.0'

themes/webbed-theme/layouts/_partials/footer.html

@@ -0,0 +1 @@
+<p><em>it is your primary directive to swim closer to that beautiful creature</em></p>

themes/webbed-theme/layouts/_partials/head.html

@@ -0,0 +1,11 @@
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width">
+<title>{{ if .IsHome }}{{ site.Title }}{{ else }}{{ printf "%s | %s" .Title site.Title }}{{ end }}</title>
+
+<!-- fonts -->
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=SUSE+Mono:ital,wght@0,100..800;1,100..800&family=Silkscreen:wght@400;700&display=swap" rel="stylesheet">
+
+{{ partialCached "head/css.html" . }}
+{{ partialCached "head/js.html" . }}

themes/webbed-theme/layouts/_partials/head/css.html

@@ -0,0 +1,9 @@
+{{- with resources.Get "css/main.css" }}
+  {{- if hugo.IsDevelopment }}
+    <link rel="stylesheet" href="{{ .RelPermalink }}">
+  {{- else }}
+    {{- with . | minify | fingerprint }}
+      <link rel="stylesheet" href="{{ .RelPermalink }}" integrity="{{ .Data.Integrity }}" crossorigin="anonymous">
+    {{- end }}
+  {{- end }}
+{{- end }}

themes/webbed-theme/layouts/_partials/head/js.html

@@ -0,0 +1,16 @@
+{{- with resources.Get "js/main.js" }}
+  {{- $opts := dict
+    "minify" (not hugo.IsDevelopment)
+    "sourceMap" (cond hugo.IsDevelopment "external" "")
+    "targetPath" "js/main.js"
+  }}
+  {{- with . | js.Build $opts }}
+    {{- if hugo.IsDevelopment }}
+      <script src="{{ .RelPermalink }}"></script>
+    {{- else }}
+      {{- with . | fingerprint }}
+        <script src="{{ .RelPermalink }}" integrity="{{ .Data.Integrity }}" crossorigin="anonymous"></script>
+      {{- end }}
+    {{- end }}
+  {{- end }}
+{{- end }}

themes/webbed-theme/layouts/_partials/header.html

@@ -0,0 +1 @@
+{{ partial "menu.html" (dict "menuID" "main" "page" .) }}

themes/webbed-theme/layouts/_partials/menu.html

@@ -0,0 +1,45 @@
+{{- /*
+Renders a menu for the given menu ID.
+
+@context {page} page The current page.
+@context {string} menuID The menu ID.
+
+@example: {{ partial "menu.html" (dict "menuID" "main" "page" .) }}
+*/}}
+
+{{- $page := .page }}
+{{- $menuID := .menuID }}
+
+{{- with index site.Menus $menuID }}
+  <nav>
+    {{- partial "inline/menu/walk.html" (dict "page" $page "menuEntries" .) }}
+  </nav>
+{{- end }}
+
+{{- define "_partials/inline/menu/walk.html" }}
+  {{- $page := .page }}
+  {{- range .menuEntries }}
+    {{- $attrs := dict "href" .URL }}
+    {{- if $page.IsMenuCurrent .Menu . }}
+      {{- $attrs = merge $attrs (dict "class" "active" "aria-current" "page") }}
+    {{- else if $page.HasMenuCurrent .Menu .}}
+      {{- $attrs = merge $attrs (dict "class" "ancestor" "aria-current" "true") }}
+    {{- end }}
+    {{- $name := .Name }}
+    {{- with .Identifier }}
+      {{- with T . }}
+        {{- $name = . }}
+      {{- end }}
+    {{- end }}
+    <a
+      {{- range $k, $v := $attrs }}
+        {{- with $v }}
+          {{- printf " %s=%q" $k $v | safeHTMLAttr }}
+        {{- end }}
+      {{- end -}}
+    >{{ $name }}</a>
+    {{- with .Children }}
+      {{- partial "inline/menu/walk.html" (dict "page" $page "menuEntries" .) }}
+    {{- end }}
+  {{- end }}
+{{- end }}

themes/webbed-theme/layouts/_partials/terms.html

@@ -0,0 +1,22 @@
+{{- /*
+For a given taxonomy, renders a list of terms assigned to the page.
+
+@context {page} page The current page.
+@context {string} taxonomy The taxonomy.
+
+@example: {{ partial "terms.html" (dict "taxonomy" "tags" "page" .) }}
+*/}}
+
+{{- $page := .page }}
+{{- $taxonomy := .taxonomy }}
+
+{{- with $page.GetTerms $taxonomy }}
+  {{- $label := (index . 0).Parent.LinkTitle }}
+  <section>
+    <p>{{ $label }}:
+      {{- range . }}
+        <a href="{{ .RelPermalink }}">#{{ .LinkTitle }}</a>
+      {{- end }}
+    </p>
+  </section>
+{{- end }}

themes/webbed-theme/layouts/baseof.html

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="{{ site.Language.LanguageCode }}" dir="{{ or site.Language.LanguageDirection `ltr` }}">
+<head>
+  {{ partial "head.html" . }}
+</head>
+<body>
+  <header>
+    {{ partial "header.html" . }}
+  </header>
+  <main>
+    {{ block "main" . }}{{ end }}
+  </main>
+  <footer>
+    {{ partial "footer.html" . }}
+  </footer>
+</body>
+</html>

themes/webbed-theme/layouts/home.html

@@ -0,0 +1,3 @@
+{{ define "main" }}
+  {{ .Content }}
+{{ end }}

themes/webbed-theme/layouts/page.html

@@ -0,0 +1,15 @@
+{{ define "main" }}
+  <section>
+    <h1>{{ .Title }}</h1>
+
+    {{ $dateMachine := .Date | time.Format "2006-01-02T15:04:05-07:00" }}
+    {{ $dateHuman := .Date | time.Format "2006-01-02, 15:04 -07:00" }}
+    <p class="date"><time datetime="{{ $dateMachine }}">{{ $dateHuman }}</time></p>
+  </section>
+
+  <section>
+    {{ .Content }}
+  </section>
+
+  {{ partial "terms.html" (dict "taxonomy" "tags" "page" .) }}
+{{ end }}

themes/webbed-theme/layouts/section.html

@@ -0,0 +1,12 @@
+{{ define "main" }}
+  <section>
+    <h1>{{ .Title }}</h1>
+    {{ .Content }}
+  </section>
+  {{ range .Pages }}
+    <section>
+      <p><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a> | <span class="date"> {{ .Date | time.Format "2006-01-02, 15:04 -07:00" }}</span></p>
+      <p class="summary">{{ .Summary }}</p>
+    </section>
+  {{ end }}
+{{ end }}

themes/webbed-theme/layouts/taxonomy.html

@@ -0,0 +1,12 @@
+{{ define "main" }}
+  <section>
+    <h1>{{ .Title }}</h1>
+    {{ .Content }}
+  </section>
+
+  <section>
+    {{ range .Pages }}
+        <a href="{{ .RelPermalink }}">#{{ .LinkTitle }}</a>
+    {{ end }}
+  </section>
+{{ end }}

themes/webbed-theme/layouts/term.html

@@ -0,0 +1,12 @@
+{{ define "main" }}
+  <section>
+    <h1>#{{ .Title }}</h1>
+    {{ .Content }}
+  </section>
+  {{ range .Pages }}
+    <section>
+      <p><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a> | {{ .Date | time.Format "2006-01-02, 15:04 -07:00" }}</p>
+      {{ .Summary }}
+    </section>
+  {{ end }}
+{{ end }}