From 2496db965db4fa48197cb31c7750b2a16523ed32 Mon Sep 17 00:00:00 2001 From: triethyl Date: Mon, 13 Oct 2025 12:00:03 -0400 Subject: renamed theme and added content --- site/content/_index.md | 2 + site/content/about-this-site.md | 2 +- site/content/posts/first.md | 5 + site/hugo.toml | 2 +- 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 ---------- site/themes/sine/README.md | 4 + site/themes/sine/archetypes/default.md | 4 + site/themes/sine/config.toml | 17 ++ site/themes/sine/config/_default/hugo.toml | 0 site/themes/sine/exampleSite/config.toml | 15 ++ site/themes/sine/layouts/404.html | 5 + site/themes/sine/layouts/_default/baseof.html | 30 ++++ site/themes/sine/layouts/_default/list.html | 16 ++ site/themes/sine/layouts/_default/single.html | 7 + site/themes/sine/layouts/index.html | 4 + site/themes/sine/layouts/partials/footer.html | 1 + site/themes/sine/layouts/partials/head.html | 36 ++++ site/themes/sine/layouts/partials/header.html | 0 site/themes/sine/layouts/partials/nav.html | 15 ++ site/themes/sine/static/css/style.css | 186 +++++++++++++++++++++ site/themes/sine/static/css/syntax-old.css | 88 ++++++++++ site/themes/sine/static/css/syntax.css | 146 ++++++++++++++++ .../sine/static/css/themes/oxocarbon-dark.css | 22 +++ .../sine/static/css/themes/oxocarbon-light.css | 22 +++ site/themes/sine/static/js/background.js | 82 +++++++++ site/themes/sine/static/js/switch-theme.js | 88 ++++++++++ site/themes/terminal | 1 - site/themes/tui/assets/css/main.css | 4 - site/themes/tui/assets/js/main.js | 11 -- site/themes/tui/layouts/_default/baseof.html | 14 -- site/themes/tui/layouts/_default/list.html | 7 - site/themes/tui/layouts/_default/single.html | 7 - site/themes/tui/layouts/index.html | 4 - site/themes/tui/layouts/partials/css.html | 4 - site/themes/tui/layouts/partials/footer.html | 1 - site/themes/tui/layouts/partials/head.html | 4 - site/themes/tui/layouts/partials/header.html | 5 - site/themes/tui/layouts/partials/listitem.html | 10 -- site/themes/tui/layouts/partials/scripts.html | 4 - site/themes/tui/layouts/partials/tags.html | 3 - 58 files changed, 797 insertions(+), 626 deletions(-) delete mode 100644 site/themes/hugo-starter/README.md delete mode 100644 site/themes/hugo-starter/archetypes/default.md delete mode 100644 site/themes/hugo-starter/config.toml delete mode 100644 site/themes/hugo-starter/config/_default/hugo.toml delete mode 100644 site/themes/hugo-starter/exampleSite/config.toml delete mode 100644 site/themes/hugo-starter/layouts/404.html delete mode 100644 site/themes/hugo-starter/layouts/_default/baseof.html delete mode 100644 site/themes/hugo-starter/layouts/_default/list.html delete mode 100644 site/themes/hugo-starter/layouts/_default/single.html delete mode 100644 site/themes/hugo-starter/layouts/index.html delete mode 100644 site/themes/hugo-starter/layouts/partials/footer.html delete mode 100644 site/themes/hugo-starter/layouts/partials/head.html delete mode 100644 site/themes/hugo-starter/layouts/partials/header.html delete mode 100644 site/themes/hugo-starter/layouts/partials/nav.html delete mode 100644 site/themes/hugo-starter/static/css/style.css delete mode 100644 site/themes/hugo-starter/static/css/themes/oxocarbon-dark.css delete mode 100644 site/themes/hugo-starter/static/css/themes/oxocarbon-light.css delete mode 100644 site/themes/hugo-starter/static/js/background.js delete mode 100644 site/themes/hugo-starter/static/js/switch-theme.js create mode 100644 site/themes/sine/README.md create mode 100644 site/themes/sine/archetypes/default.md create mode 100644 site/themes/sine/config.toml create mode 100644 site/themes/sine/config/_default/hugo.toml create mode 100644 site/themes/sine/exampleSite/config.toml create mode 100644 site/themes/sine/layouts/404.html create mode 100644 site/themes/sine/layouts/_default/baseof.html create mode 100644 site/themes/sine/layouts/_default/list.html create mode 100644 site/themes/sine/layouts/_default/single.html create mode 100644 site/themes/sine/layouts/index.html create mode 100644 site/themes/sine/layouts/partials/footer.html create mode 100644 site/themes/sine/layouts/partials/head.html create mode 100644 site/themes/sine/layouts/partials/header.html create mode 100644 site/themes/sine/layouts/partials/nav.html create mode 100644 site/themes/sine/static/css/style.css create mode 100644 site/themes/sine/static/css/syntax-old.css create mode 100644 site/themes/sine/static/css/syntax.css create mode 100644 site/themes/sine/static/css/themes/oxocarbon-dark.css create mode 100644 site/themes/sine/static/css/themes/oxocarbon-light.css create mode 100644 site/themes/sine/static/js/background.js create mode 100644 site/themes/sine/static/js/switch-theme.js delete mode 160000 site/themes/terminal delete mode 100644 site/themes/tui/assets/css/main.css delete mode 100644 site/themes/tui/assets/js/main.js delete mode 100644 site/themes/tui/layouts/_default/baseof.html delete mode 100644 site/themes/tui/layouts/_default/list.html delete mode 100644 site/themes/tui/layouts/_default/single.html delete mode 100644 site/themes/tui/layouts/index.html delete mode 100644 site/themes/tui/layouts/partials/css.html delete mode 100644 site/themes/tui/layouts/partials/footer.html delete mode 100644 site/themes/tui/layouts/partials/head.html delete mode 100644 site/themes/tui/layouts/partials/header.html delete mode 100644 site/themes/tui/layouts/partials/listitem.html delete mode 100644 site/themes/tui/layouts/partials/scripts.html delete mode 100644 site/themes/tui/layouts/partials/tags.html diff --git a/site/content/_index.md b/site/content/_index.md index e09c08c..d5dde2e 100644 --- a/site/content/_index.md +++ b/site/content/_index.md @@ -1,5 +1,7 @@ # Welcome to my site! +Sorry that this site is short on content right now. I haven't had much time to work on it recently. + I'm Lucas, but I go by culsans online. I like computer science, FPV drone flying, and scuba diving. [About this site.](./about-this-site) diff --git a/site/content/about-this-site.md b/site/content/about-this-site.md index cc5f77f..9cbd2b6 100644 --- a/site/content/about-this-site.md +++ b/site/content/about-this-site.md @@ -6,4 +6,4 @@ title = 'About this site' This site was made with the Hugo static site generator with my own custom theme. -All CSS and HTML was written by me except the animated background, which was drawn by me and programmed by an AI because I don't have the time or will to learn JS. I generally dislike it but it's definitely useful sometimes. +All CSS and HTML was written by me except the animated background, which was drawn by me and programmed by an AI because I don't have enough free time to learn JavaScript. I generally dislike it but it can be useful sometimes. diff --git a/site/content/posts/first.md b/site/content/posts/first.md index fcfff8e..9e87045 100644 --- a/site/content/posts/first.md +++ b/site/content/posts/first.md @@ -9,6 +9,11 @@ hello this is a post **bold** this is a really long line this is a really long line this is a really long line this is a really long line this is a really long line this is a really long line this is a really long line this is a really long line this is a really long line this is a really long line this is a really long line this is a really long line this is a really long line this is a really long line +```python +def hello(): + print("hello") +``` + - item1 - item2 - item3 diff --git a/site/hugo.toml b/site/hugo.toml index 6c1f596..b21c083 100644 --- a/site/hugo.toml +++ b/site/hugo.toml @@ -1,7 +1,7 @@ baseURL = 'https://culsans.site/' languageCode = 'en-us' title = 'culsans.site' -theme = 'hugo-starter' +theme = 'sine' [menus] [[menus.main]] diff --git a/site/themes/hugo-starter/README.md b/site/themes/hugo-starter/README.md deleted file mode 100644 index 12cbe06..0000000 --- a/site/themes/hugo-starter/README.md +++ /dev/null @@ -1,4 +0,0 @@ -# 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 deleted file mode 100644 index fdccff8..0000000 --- a/site/themes/hugo-starter/archetypes/default.md +++ /dev/null @@ -1,4 +0,0 @@ ---- -title: "{{ replace .Name "-" " " | title }}" -date: {{ .Date }} ---- diff --git a/site/themes/hugo-starter/config.toml b/site/themes/hugo-starter/config.toml deleted file mode 100644 index cbc85dd..0000000 --- a/site/themes/hugo-starter/config.toml +++ /dev/null @@ -1,13 +0,0 @@ -[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 deleted file mode 100644 index e69de29..0000000 diff --git a/site/themes/hugo-starter/exampleSite/config.toml b/site/themes/hugo-starter/exampleSite/config.toml deleted file mode 100644 index ff46f8e..0000000 --- a/site/themes/hugo-starter/exampleSite/config.toml +++ /dev/null @@ -1,15 +0,0 @@ -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 deleted file mode 100644 index 12883f1..0000000 --- a/site/themes/hugo-starter/layouts/404.html +++ /dev/null @@ -1,5 +0,0 @@ -{{ 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 deleted file mode 100644 index 89f10a8..0000000 --- a/site/themes/hugo-starter/layouts/_default/baseof.html +++ /dev/null @@ -1,30 +0,0 @@ - - - - {{- 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 deleted file mode 100644 index c51e7d6..0000000 --- a/site/themes/hugo-starter/layouts/_default/list.html +++ /dev/null @@ -1,16 +0,0 @@ -{{ 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 deleted file mode 100644 index 3ba2777..0000000 --- a/site/themes/hugo-starter/layouts/_default/single.html +++ /dev/null @@ -1,7 +0,0 @@ -{{ define "main" }} - -

{{ .Title }}

- -{{- .Content -}} - -{{ end }} diff --git a/site/themes/hugo-starter/layouts/index.html b/site/themes/hugo-starter/layouts/index.html deleted file mode 100644 index 2acde8d..0000000 --- a/site/themes/hugo-starter/layouts/index.html +++ /dev/null @@ -1,4 +0,0 @@ -{{ 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 deleted file mode 100644 index 24373ca..0000000 --- a/site/themes/hugo-starter/layouts/partials/footer.html +++ /dev/null @@ -1 +0,0 @@ -

©{{ 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 deleted file mode 100644 index e7c23e5..0000000 --- a/site/themes/hugo-starter/layouts/partials/head.html +++ /dev/null @@ -1,36 +0,0 @@ - - - -{{ 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 deleted file mode 100644 index e69de29..0000000 diff --git a/site/themes/hugo-starter/layouts/partials/nav.html b/site/themes/hugo-starter/layouts/partials/nav.html deleted file mode 100644 index cef3405..0000000 --- a/site/themes/hugo-starter/layouts/partials/nav.html +++ /dev/null @@ -1,17 +0,0 @@ -
- -
diff --git a/site/themes/hugo-starter/static/css/style.css b/site/themes/hugo-starter/static/css/style.css deleted file mode 100644 index 030ba78..0000000 --- a/site/themes/hugo-starter/static/css/style.css +++ /dev/null @@ -1,179 +0,0 @@ -/* 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 2px; -} - -/* 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 deleted file mode 100644 index 3283009..0000000 --- a/site/themes/hugo-starter/static/css/themes/oxocarbon-dark.css +++ /dev/null @@ -1,22 +0,0 @@ -/* 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 deleted file mode 100644 index 7cd48ee..0000000 --- a/site/themes/hugo-starter/static/css/themes/oxocarbon-light.css +++ /dev/null @@ -1,22 +0,0 @@ -/* 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 deleted file mode 100644 index e9b61a2..0000000 --- a/site/themes/hugo-starter/static/js/background.js +++ /dev/null @@ -1,82 +0,0 @@ -document.addEventListener("DOMContentLoaded", () => { - const canvas = document.getElementById("background"); - if (!canvas) return; - const ctx = canvas.getContext("2d"); - - // Grab config from the embedded + + + + + + + diff --git a/site/themes/sine/layouts/_default/list.html b/site/themes/sine/layouts/_default/list.html new file mode 100644 index 0000000..c51e7d6 --- /dev/null +++ b/site/themes/sine/layouts/_default/list.html @@ -0,0 +1,16 @@ +{{ define "main" }} +

{{ .Title }}

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

+ {{ .Title }} +

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

{{ .Title }}

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

{{ .Site.Params.description }}

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

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

diff --git a/site/themes/sine/layouts/partials/head.html b/site/themes/sine/layouts/partials/head.html new file mode 100644 index 0000000..e7c23e5 --- /dev/null +++ b/site/themes/sine/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/sine/layouts/partials/header.html b/site/themes/sine/layouts/partials/header.html new file mode 100644 index 0000000..e69de29 diff --git a/site/themes/sine/layouts/partials/nav.html b/site/themes/sine/layouts/partials/nav.html new file mode 100644 index 0000000..efd7e5b --- /dev/null +++ b/site/themes/sine/layouts/partials/nav.html @@ -0,0 +1,15 @@ +
+ +
diff --git a/site/themes/sine/static/css/style.css b/site/themes/sine/static/css/style.css new file mode 100644 index 0000000..c14e227 --- /dev/null +++ b/site/themes/sine/static/css/style.css @@ -0,0 +1,186 @@ +/* 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 2px; +} + +#logoContainer { + padding-right: 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; +} + +/* SYNTAX HIGHLIGHTING */ +@import url('syntax.css'); diff --git a/site/themes/sine/static/css/syntax-old.css b/site/themes/sine/static/css/syntax-old.css new file mode 100644 index 0000000..5f5478f --- /dev/null +++ b/site/themes/sine/static/css/syntax-old.css @@ -0,0 +1,88 @@ +/* Generated using: hugo gen chromastyles --style=monokai */ + +/* Background */ .bg { color:#f8f8f2;background-color:#272822; } +/* PreWrapper */ .chroma { color:#f8f8f2;background-color:#272822; } +/* Other */ .chroma .x { } +/* Error */ .chroma .err { color:#960050;background-color:#1e0010 } +/* CodeLine */ .chroma .cl { } +/* LineLink */ .chroma .lnlinks { outline:none;text-decoration:none;color:inherit } +/* LineTableTD */ .chroma .lntd { vertical-align:top;padding:0;margin:0;border:0; } +/* LineTable */ .chroma .lntable { border-spacing:0;padding:0;margin:0;border:0; } +/* LineHighlight */ .chroma .hl { background-color:#3c3d38 } +/* LineNumbersTable */ .chroma .lnt { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f } +/* LineNumbers */ .chroma .ln { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f } +/* Line */ .chroma .line { display:flex; } +/* Keyword */ .chroma .k { color:#66d9ef } +/* KeywordConstant */ .chroma .kc { color:#66d9ef } +/* KeywordDeclaration */ .chroma .kd { color:#66d9ef } +/* KeywordNamespace */ .chroma .kn { color:#f92672 } +/* KeywordPseudo */ .chroma .kp { color:#66d9ef } +/* KeywordReserved */ .chroma .kr { color:#66d9ef } +/* KeywordType */ .chroma .kt { color:#66d9ef } +/* Name */ .chroma .n { } +/* NameAttribute */ .chroma .na { color:#a6e22e } +/* NameClass */ .chroma .nc { color:#a6e22e } +/* NameConstant */ .chroma .no { color:#66d9ef } +/* NameDecorator */ .chroma .nd { color:#a6e22e } +/* NameEntity */ .chroma .ni { } +/* NameException */ .chroma .ne { color:#a6e22e } +/* NameLabel */ .chroma .nl { } +/* NameNamespace */ .chroma .nn { } +/* NameOther */ .chroma .nx { color:#a6e22e } +/* NameProperty */ .chroma .py { } +/* NameTag */ .chroma .nt { color:#f92672 } +/* NameBuiltin */ .chroma .nb { } +/* NameBuiltinPseudo */ .chroma .bp { } +/* NameVariable */ .chroma .nv { } +/* NameVariableClass */ .chroma .vc { } +/* NameVariableGlobal */ .chroma .vg { } +/* NameVariableInstance */ .chroma .vi { } +/* NameVariableMagic */ .chroma .vm { } +/* NameFunction */ .chroma .nf { color:#a6e22e } +/* NameFunctionMagic */ .chroma .fm { color:#a6e22e } +/* Literal */ .chroma .l { color:#ae81ff } +/* LiteralDate */ .chroma .ld { color:#e6db74 } +/* LiteralString */ .chroma .s { color:#e6db74 } +/* LiteralStringAffix */ .chroma .sa { color:#e6db74 } +/* LiteralStringBacktick */ .chroma .sb { color:#e6db74 } +/* LiteralStringChar */ .chroma .sc { color:#e6db74 } +/* LiteralStringDelimiter */ .chroma .dl { color:#e6db74 } +/* LiteralStringDoc */ .chroma .sd { color:#e6db74 } +/* LiteralStringDouble */ .chroma .s2 { color:#e6db74 } +/* LiteralStringEscape */ .chroma .se { color:#ae81ff } +/* LiteralStringHeredoc */ .chroma .sh { color:#e6db74 } +/* LiteralStringInterpol */ .chroma .si { color:#e6db74 } +/* LiteralStringOther */ .chroma .sx { color:#e6db74 } +/* LiteralStringRegex */ .chroma .sr { color:#e6db74 } +/* LiteralStringSingle */ .chroma .s1 { color:#e6db74 } +/* LiteralStringSymbol */ .chroma .ss { color:#e6db74 } +/* LiteralNumber */ .chroma .m { color:#ae81ff } +/* LiteralNumberBin */ .chroma .mb { color:#ae81ff } +/* LiteralNumberFloat */ .chroma .mf { color:#ae81ff } +/* LiteralNumberHex */ .chroma .mh { color:#ae81ff } +/* LiteralNumberInteger */ .chroma .mi { color:#ae81ff } +/* LiteralNumberIntegerLong */ .chroma .il { color:#ae81ff } +/* LiteralNumberOct */ .chroma .mo { color:#ae81ff } +/* Operator */ .chroma .o { color:#f92672 } +/* OperatorWord */ .chroma .ow { color:#f92672 } +/* Punctuation */ .chroma .p { } +/* Comment */ .chroma .c { color:#75715e } +/* CommentHashbang */ .chroma .ch { color:#75715e } +/* CommentMultiline */ .chroma .cm { color:#75715e } +/* CommentSingle */ .chroma .c1 { color:#75715e } +/* CommentSpecial */ .chroma .cs { color:#75715e } +/* CommentPreproc */ .chroma .cp { color:#75715e } +/* CommentPreprocFile */ .chroma .cpf { color:#75715e } +/* Generic */ .chroma .g { } +/* GenericDeleted */ .chroma .gd { color:#f92672 } +/* GenericEmph */ .chroma .ge { font-style:italic } +/* GenericError */ .chroma .gr { } +/* GenericHeading */ .chroma .gh { } +/* GenericInserted */ .chroma .gi { color:#a6e22e } +/* GenericOutput */ .chroma .go { } +/* GenericPrompt */ .chroma .gp { } +/* GenericStrong */ .chroma .gs { font-weight:bold } +/* GenericSubheading */ .chroma .gu { color:#75715e } +/* GenericTraceback */ .chroma .gt { } +/* GenericUnderline */ .chroma .gl { } +/* TextWhitespace */ .chroma .w { } diff --git a/site/themes/sine/static/css/syntax.css b/site/themes/sine/static/css/syntax.css new file mode 100644 index 0000000..ceb4317 --- /dev/null +++ b/site/themes/sine/static/css/syntax.css @@ -0,0 +1,146 @@ +/* Converted to Base16 variables */ + +/* Background */ +.bg { color: var(--base05); background-color: var(--base00); } + +/* PreWrapper */ +.chroma { color: var(--base05); background-color: var(--base00); } + +/* Other */ +.chroma .x { } + +/* Error */ +.chroma .err { color: var(--base08); background-color: var(--base0F); } + +/* CodeLine */ +.chroma .cl { } + +/* LineLink */ +.chroma .lnlinks { outline:none; text-decoration:none; color:inherit } + +/* LineTableTD */ +.chroma .lntd { vertical-align:top; padding:0; margin:0; border:0; } + +/* LineTable */ +.chroma .lntable { border-spacing:0; padding:0; margin:0; border:0; } + +/* LineHighlight */ +.chroma .hl { background-color: var(--base02); } + +/* LineNumbersTable */ +.chroma .lnt { + white-space:pre; + -webkit-user-select:none; + user-select:none; + margin-right:0.4em; + padding:0 0.4em 0 0.4em; + color: var(--base03); +} + +/* LineNumbers */ +.chroma .ln { + white-space:pre; + -webkit-user-select:none; + user-select:none; + margin-right:0.4em; + padding:0 0.4em 0 0.4em; + color: var(--base03); +} + +/* Line */ +.chroma .line { display:flex; } + +/* Keyword */ +.chroma .k, +.chroma .kc, +.chroma .kd, +.chroma .kp, +.chroma .kr, +.chroma .kt { color: var(--base0E); } + +/* KeywordNamespace */ +.chroma .kn { color: var(--base08); } + +/* Name */ +.chroma .n { } + +/* NameAttribute */ +.chroma .na, +.chroma .nc, +.chroma .nd, +.chroma .ne, +.chroma .nx, +.chroma .nf, +.chroma .fm { color: var(--base0D); } + +/* NameConstant */ +.chroma .no { color: var(--base09); } + +/* NameTag */ +.chroma .nt { color: var(--base08); } + +/* Literal */ +.chroma .l, +.chroma .m, +.chroma .mb, +.chroma .mf, +.chroma .mh, +.chroma .mi, +.chroma .il, +.chroma .mo { color: var(--base09); } + +/* LiteralDate */ +.chroma .ld, +.chroma .s, +.chroma .sa, +.chroma .sb, +.chroma .sc, +.chroma .dl, +.chroma .sd, +.chroma .s2, +.chroma .sh, +.chroma .si, +.chroma .sx, +.chroma .sr, +.chroma .s1, +.chroma .ss { color: var(--base0B); } + +/* LiteralStringEscape */ +.chroma .se { color: var(--base0C); } + +/* Operator */ +.chroma .o, +.chroma .ow { color: var(--base08); } + +/* Comment */ +.chroma .c, +.chroma .ch, +.chroma .cm, +.chroma .c1, +.chroma .cs, +.chroma .cp, +.chroma .cpf { color: var(--base03); } + +/* GenericDeleted */ +.chroma .gd { color: var(--base08); } + +/* GenericEmph */ +.chroma .ge { font-style:italic } + +/* GenericInserted */ +.chroma .gi { color: var(--base0B); } + +/* GenericStrong */ +.chroma .gs { font-weight:bold } + +/* GenericSubheading */ +.chroma .gu { color: var(--base03); } + +/* GenericHeading, Output, Prompt, Traceback, etc. left unstyled */ +.chroma .gr, +.chroma .gh, +.chroma .go, +.chroma .gp, +.chroma .gt, +.chroma .gl, +.chroma .w { } diff --git a/site/themes/sine/static/css/themes/oxocarbon-dark.css b/site/themes/sine/static/css/themes/oxocarbon-dark.css new file mode 100644 index 0000000..3283009 --- /dev/null +++ b/site/themes/sine/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/sine/static/css/themes/oxocarbon-light.css b/site/themes/sine/static/css/themes/oxocarbon-light.css new file mode 100644 index 0000000..7cd48ee --- /dev/null +++ b/site/themes/sine/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/sine/static/js/background.js b/site/themes/sine/static/js/background.js new file mode 100644 index 0000000..e9b61a2 --- /dev/null +++ b/site/themes/sine/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 diff --git a/site/themes/tui/layouts/partials/tags.html b/site/themes/tui/layouts/partials/tags.html deleted file mode 100644 index dc06ba6..0000000 --- a/site/themes/tui/layouts/partials/tags.html +++ /dev/null @@ -1,3 +0,0 @@ -{{ range .Params.tags }} - {{ . }} -{{ end }} -- cgit v1.2.3