From 41924391280f3ab06396dc9f88a2e4117904f853 Mon Sep 17 00:00:00 2001 From: triethyl Date: Mon, 29 Sep 2025 13:53:48 -0400 Subject: made site --- site/themes/hugo-starter/README.md | 4 + site/themes/hugo-starter/archetypes/default.md | 4 + site/themes/hugo-starter/config.toml | 13 ++ site/themes/hugo-starter/config/_default/hugo.toml | 0 site/themes/hugo-starter/exampleSite/config.toml | 15 ++ site/themes/hugo-starter/layouts/404.html | 5 + .../hugo-starter/layouts/_default/baseof.html | 30 ++++ .../themes/hugo-starter/layouts/_default/list.html | 16 ++ .../hugo-starter/layouts/_default/single.html | 7 + site/themes/hugo-starter/layouts/index.html | 4 + .../hugo-starter/layouts/partials/footer.html | 1 + .../themes/hugo-starter/layouts/partials/head.html | 36 +++++ .../hugo-starter/layouts/partials/header.html | 0 site/themes/hugo-starter/layouts/partials/nav.html | 17 ++ site/themes/hugo-starter/static/css/style.css | 179 +++++++++++++++++++++ .../static/css/themes/oxocarbon-dark.css | 22 +++ .../static/css/themes/oxocarbon-light.css | 22 +++ site/themes/hugo-starter/static/js/background.js | 82 ++++++++++ site/themes/hugo-starter/static/js/switch-theme.js | 88 ++++++++++ 19 files changed, 545 insertions(+) create mode 100644 site/themes/hugo-starter/README.md create mode 100644 site/themes/hugo-starter/archetypes/default.md create mode 100644 site/themes/hugo-starter/config.toml create mode 100644 site/themes/hugo-starter/config/_default/hugo.toml create mode 100644 site/themes/hugo-starter/exampleSite/config.toml create mode 100644 site/themes/hugo-starter/layouts/404.html create mode 100644 site/themes/hugo-starter/layouts/_default/baseof.html create mode 100644 site/themes/hugo-starter/layouts/_default/list.html create mode 100644 site/themes/hugo-starter/layouts/_default/single.html create mode 100644 site/themes/hugo-starter/layouts/index.html create mode 100644 site/themes/hugo-starter/layouts/partials/footer.html create mode 100644 site/themes/hugo-starter/layouts/partials/head.html create mode 100644 site/themes/hugo-starter/layouts/partials/header.html create mode 100644 site/themes/hugo-starter/layouts/partials/nav.html create mode 100644 site/themes/hugo-starter/static/css/style.css create mode 100644 site/themes/hugo-starter/static/css/themes/oxocarbon-dark.css create mode 100644 site/themes/hugo-starter/static/css/themes/oxocarbon-light.css create mode 100644 site/themes/hugo-starter/static/js/background.js create mode 100644 site/themes/hugo-starter/static/js/switch-theme.js (limited to 'site/themes/hugo-starter') diff --git a/site/themes/hugo-starter/README.md b/site/themes/hugo-starter/README.md new file mode 100644 index 0000000..12cbe06 --- /dev/null +++ b/site/themes/hugo-starter/README.md @@ -0,0 +1,4 @@ +# Hugo starter +Note: this is a fork of https://github.com/ericmurphyxyz/hugo-starter-theme. + +This is a barebones theme template to get you up and running really fast. If you're interested in creating your own hugo theme, I wrote something about that [here.](https://dev.to/vinliao/create-your-own-hugo-theme-from-scratch-5df9) diff --git a/site/themes/hugo-starter/archetypes/default.md b/site/themes/hugo-starter/archetypes/default.md new file mode 100644 index 0000000..fdccff8 --- /dev/null +++ b/site/themes/hugo-starter/archetypes/default.md @@ -0,0 +1,4 @@ +--- +title: "{{ replace .Name "-" " " | title }}" +date: {{ .Date }} +--- diff --git a/site/themes/hugo-starter/config.toml b/site/themes/hugo-starter/config.toml new file mode 100644 index 0000000..cbc85dd --- /dev/null +++ b/site/themes/hugo-starter/config.toml @@ -0,0 +1,13 @@ +[params.background] + spacing = 24 # distance between dots + maxRadius = 10 # max dot radius + baseOffset = 120 # baseline from bottom + freq = 0.008 # wave frequency (lower = wider waves) + speed = 0.01 # wave speed (lower = slower movement) + + # envelope controls (controls variance) + baseAmp = 100 + envelope1Freq = 0.002 + envelope1Amp = 120 + envelope2Freq = 0.0005 + envelope2Amp = 200 diff --git a/site/themes/hugo-starter/config/_default/hugo.toml b/site/themes/hugo-starter/config/_default/hugo.toml new file mode 100644 index 0000000..e69de29 diff --git a/site/themes/hugo-starter/exampleSite/config.toml b/site/themes/hugo-starter/exampleSite/config.toml new file mode 100644 index 0000000..ff46f8e --- /dev/null +++ b/site/themes/hugo-starter/exampleSite/config.toml @@ -0,0 +1,15 @@ +baseURL = "https://example.com" +title = "Hugo template" + +[menu] + [[menu.main]] + identifier = "posts" + name = "Posts" + url = "/posts" + weight = 10 + + [[menu.main]] + identifier = "about" + name = "About" + url = "/about" + weight = 20 diff --git a/site/themes/hugo-starter/layouts/404.html b/site/themes/hugo-starter/layouts/404.html new file mode 100644 index 0000000..12883f1 --- /dev/null +++ b/site/themes/hugo-starter/layouts/404.html @@ -0,0 +1,5 @@ +{{ define "main" }} +

Page Not Found

+ +

Sorry, this page doesn't exist.

+{{ end }} diff --git a/site/themes/hugo-starter/layouts/_default/baseof.html b/site/themes/hugo-starter/layouts/_default/baseof.html new file mode 100644 index 0000000..89f10a8 --- /dev/null +++ b/site/themes/hugo-starter/layouts/_default/baseof.html @@ -0,0 +1,30 @@ + + + + {{- partial "head.html" . -}} + + + + + +
+ {{- partial "nav.html" . -}} +
+ {{- block "main" . }}{{- end }} +
+ {{- partial "footer.html" . -}} +
+
+
+ + + + + + + + + + diff --git a/site/themes/hugo-starter/layouts/_default/list.html b/site/themes/hugo-starter/layouts/_default/list.html new file mode 100644 index 0000000..c51e7d6 --- /dev/null +++ b/site/themes/hugo-starter/layouts/_default/list.html @@ -0,0 +1,16 @@ +{{ define "main" }} +

{{ .Title }}

+ +{{- .Content -}} + +{{ range.Data.Pages }} +
+

+ {{ .Title }} +

+ +
+{{ end }} +{{ end }} diff --git a/site/themes/hugo-starter/layouts/_default/single.html b/site/themes/hugo-starter/layouts/_default/single.html new file mode 100644 index 0000000..3ba2777 --- /dev/null +++ b/site/themes/hugo-starter/layouts/_default/single.html @@ -0,0 +1,7 @@ +{{ define "main" }} + +

{{ .Title }}

+ +{{- .Content -}} + +{{ end }} diff --git a/site/themes/hugo-starter/layouts/index.html b/site/themes/hugo-starter/layouts/index.html new file mode 100644 index 0000000..2acde8d --- /dev/null +++ b/site/themes/hugo-starter/layouts/index.html @@ -0,0 +1,4 @@ +{{ define "main" }} + {{- .Content -}} +

{{ .Site.Params.description }}

+{{ end }} diff --git a/site/themes/hugo-starter/layouts/partials/footer.html b/site/themes/hugo-starter/layouts/partials/footer.html new file mode 100644 index 0000000..24373ca --- /dev/null +++ b/site/themes/hugo-starter/layouts/partials/footer.html @@ -0,0 +1 @@ +

©{{ dateFormat "2006" now }} {{ .Site.Title }}

diff --git a/site/themes/hugo-starter/layouts/partials/head.html b/site/themes/hugo-starter/layouts/partials/head.html new file mode 100644 index 0000000..e7c23e5 --- /dev/null +++ b/site/themes/hugo-starter/layouts/partials/head.html @@ -0,0 +1,36 @@ + + + +{{ if not .IsHome }}{{ .Title }} | {{ end }}{{ .Site.Title }} + + + + + + + +{{ with .OutputFormats.Get "rss" -}} + {{ printf `` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }} +{{ end -}} diff --git a/site/themes/hugo-starter/layouts/partials/header.html b/site/themes/hugo-starter/layouts/partials/header.html new file mode 100644 index 0000000..e69de29 diff --git a/site/themes/hugo-starter/layouts/partials/nav.html b/site/themes/hugo-starter/layouts/partials/nav.html new file mode 100644 index 0000000..cef3405 --- /dev/null +++ b/site/themes/hugo-starter/layouts/partials/nav.html @@ -0,0 +1,17 @@ +
+ +
diff --git a/site/themes/hugo-starter/static/css/style.css b/site/themes/hugo-starter/static/css/style.css new file mode 100644 index 0000000..f88f30b --- /dev/null +++ b/site/themes/hugo-starter/static/css/style.css @@ -0,0 +1,179 @@ +/* COLORS */ +@import url('themes/oxocarbon-light.css'); +@import url('themes/oxocarbon-dark.css'); + +#toggleTheme { + font-family: "kirsch"; + font-size: 2rem; + color: var(--fg); + border: none; + background: none; + cursor: pointer; + position: relative; + top: 2px; + margin: -4px; +} + +/* FONT */ + +@font-face { + font-family: "kirsch"; + src: + local("kirsch"), + url("https://cdn.jsdelivr.net/npm/kirsch@latest/out/kirsch.woff2") format("woff2"), + url("https://cdn.jsdelivr.net/npm/kirsch@latest/out/kirsch.ttf") format("truetype"); + font-display: block; +} + +/* LAYOUT */ + +body { + color: var(--fg); + background-color: transparent; + font-size: 175%; + line-height: 1.2; + max-width: 45rem; + padding: 1rem; + margin: 0 auto; + font-family: "kirsch"; + font-display: block; +} + +#main { + margin: 2% auto; + display: flex; + flex-direction: column; + justify-content: center; +} + +#content { + border-style: solid; + border-color: var(--fg); + background-color: var(--bg); + + padding: 3% 5%; + overflow: auto; +} + +/* NAVIGATION */ + +.navbar { + background-color: var(--bg); + border-style: dashed; + border-color: var(--fg); + + font-size: 110%; + + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; + max-width: 1200px; + margin: 0 auto; + padding: 10px 20px; + box-sizing: border-box; + + margin-bottom: 2%; +} + +.logo { + flex-shrink: 0; + /* margin: 0 0%; */ +} + +.nav-links { + list-style-type: none; + display: flex; + gap: 20px; + flex-shrink: 0; + /* overflow-x: auto; */ + overflow: visible; + margin: 0; + padding: 0; +} + +.navbar a { + display: inline-block; + white-space: nowrap; + flex-shrink: 0; + + color: var(--fg); + font-weight: bold; + text-decoration: none; +} + +@media (max-width: 768px) { + .nav-links { + gap: 10px; + } +} + +@media (max-width: 480px) { + .nav-links a { + font-size: 14px; + } +} +.main-menu { + display: flex; + list-style: none; + margin: 0; + padding: 0; +} + +@media screen and (max-width: 48rem) { + .site-nav, + .main-menu { + flex-direction: column; + } + + .site-nav a { + padding: 0.5rem; + padding-left: 0; + } +} + +/* Canvas Background */ +#background { + position: fixed; + inset: 0; /* stretch full screen */ + z-index: -1; /* behind content */ + pointer-events: none; /* don’t block clicks */ + display: block; /* remove inline-gap issues */ + + background-color: var(--bg); +} + +/* SINGLES */ +#content * { + margin: 14px 0; +} + +#content h1 { + margin: 0; + text-align: center; +} + +#content ul { + list-style-type: square; +} + +#content li { + margin: 0; +} + +#content a { + color: var(--base0B); +} + +#content a:visited { + color: var(--base0E); +} + +#content footer { + margin-bottom: 0; + text-align: center; +} + +#content footer p { + margin-bottom: 0; +} diff --git a/site/themes/hugo-starter/static/css/themes/oxocarbon-dark.css b/site/themes/hugo-starter/static/css/themes/oxocarbon-dark.css new file mode 100644 index 0000000..3283009 --- /dev/null +++ b/site/themes/hugo-starter/static/css/themes/oxocarbon-dark.css @@ -0,0 +1,22 @@ +/* COLORS */ +[data-theme="dark"] { + --base00: #161616; + --base01: #262626; + --base02: #393939; + --base03: #525252; + --base04: #dde1e6; + --base05: #f2f4f8; + --base06: #ffffff; + --base07: #08bdba; + --base08: #3ddbd9; + --base09: #78a9ff; + --base0A: #ee5396; + --base0B: #33b1ff; + --base0C: #ff7eb6; + --base0D: #42be65; + --base0E: #be95ff; + --base0F: #82cfff; + + --fg: var(--base06); + --bg: var(--base00); +} diff --git a/site/themes/hugo-starter/static/css/themes/oxocarbon-light.css b/site/themes/hugo-starter/static/css/themes/oxocarbon-light.css new file mode 100644 index 0000000..7cd48ee --- /dev/null +++ b/site/themes/hugo-starter/static/css/themes/oxocarbon-light.css @@ -0,0 +1,22 @@ +/* COLORS */ +[data-theme="light"] { + --base00: #ffffff; + --base01: #f2f2f2; + --base02: #d0d0d0; + --base03: #161616; + --base04: #37474f; + --base05: #90a4ae; + --base06: #525252; + --base07: #08bdba; + --base08: #ff7eb6; + --base09: #ee5396; + --base0A: #FF6F00; + --base0B: #0f62fe; + --base0C: #673ab7; + --base0D: #42be65; + --base0E: #be95ff; + --base0F: #ffab91; + + --fg: var(--base03); + --bg: var(--base00); +} diff --git a/site/themes/hugo-starter/static/js/background.js b/site/themes/hugo-starter/static/js/background.js new file mode 100644 index 0000000..e9b61a2 --- /dev/null +++ b/site/themes/hugo-starter/static/js/background.js @@ -0,0 +1,82 @@ +document.addEventListener("DOMContentLoaded", () => { + const canvas = document.getElementById("background"); + if (!canvas) return; + const ctx = canvas.getContext("2d"); + + // Grab config from the embedded