diff --git a/about/index.html b/about/index.html index 47872b3..68a8fab 100644 --- a/about/index.html +++ b/about/index.html @@ -6,7 +6,17 @@ name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" /> - + + + + + + + - -
- I currently work for a risk analysis startup called QI Path. My - professional focus is on front-end development for web and mobile. See - /about for more detail. + I currently work for a risk analysis startup called + QI Path. My professional focus is on front-end development for web and mobile. + See /about for more detail.
- If you’d like to connect, + I would love to connect: send me electronic mail - or schedule a video chat. + or drop in my unoffice hours.
/etc/caddy/Caddyfile
# Global options block
+ class="language-caddy"
+ ># Global options block
{
email you@example.com # <<<< CHANGE THIS <<<<
on_demand_tls {
@@ -388,30 +392,31 @@ https:// {
It works!
- This repo is in my Forgejo instance:
+ Here is
https://git.apps.seigler.net/joshua/marklink.pages.seigler.net
- And its contents are visible here on my Caddy server:
+ >the marklink repo in my Forgejo instance
+ and
https://marklink.pages.seigler.net/
+ >its contents on my Caddy server.
- For repos with npm build scripts, I use
+ That repo is just HTML and JS with only a gh-pages branch, but for repos
+ with npm build scripts, I use
gh-pages @ npm
- to push the build to the gh-pages branch and up to the server.
+ to push the build to a gh-pages branch and up to the server.
I’m putting off rolling my own CI server, but I imagine that’s the next
diff --git a/posts/needs-based-communication/index.html b/posts/needs-based-communication/index.html
index 171f253..6242d4e 100644
--- a/posts/needs-based-communication/index.html
+++ b/posts/needs-based-communication/index.html
@@ -6,7 +6,17 @@
name="viewport"
content="width=device-width, initial-scale=1.0, viewport-fit=cover"
/>
-
+
+
+
+
+
+
+
-
-
diff --git a/posts/site-design-updated/index.html b/posts/site-design-updated/index.html
index 330b5c6..41e3185 100644
--- a/posts/site-design-updated/index.html
+++ b/posts/site-design-updated/index.html
@@ -6,7 +6,17 @@
name="viewport"
content="width=device-width, initial-scale=1.0, viewport-fit=cover"
/>
-
+
+
+
+
+
+
+
-
-
diff --git a/posts/the-trivium-a-tool-for-learning-anything/index.html b/posts/the-trivium-a-tool-for-learning-anything/index.html
index d355d35..0e14758 100644
--- a/posts/the-trivium-a-tool-for-learning-anything/index.html
+++ b/posts/the-trivium-a-tool-for-learning-anything/index.html
@@ -6,7 +6,17 @@
name="viewport"
content="width=device-width, initial-scale=1.0, viewport-fit=cover"
/>
-
+
+
+
+
+
+
+
-
-
-
+
+
+
+
+
+
+
-
-
diff --git a/posts/tools-of-the-trade/index.html b/posts/tools-of-the-trade/index.html
index 1ca2e9d..1073d86 100644
--- a/posts/tools-of-the-trade/index.html
+++ b/posts/tools-of-the-trade/index.html
@@ -6,7 +6,17 @@
name="viewport"
content="width=device-width, initial-scale=1.0, viewport-fit=cover"
/>
-
+
+
+
+
+
+
+
-
-
diff --git a/recipes/amish-egg-noodles/index.html b/recipes/amish-egg-noodles/index.html
index 5f8e113..99ef958 100644
--- a/recipes/amish-egg-noodles/index.html
+++ b/recipes/amish-egg-noodles/index.html
@@ -6,7 +6,17 @@
name="viewport"
content="width=device-width, initial-scale=1.0, viewport-fit=cover"
/>
-
+
+
+
+
+
+
+
-
-
diff --git a/recipes/corn-casserole/index.html b/recipes/corn-casserole/index.html
index 5935ecc..0a0c42d 100644
--- a/recipes/corn-casserole/index.html
+++ b/recipes/corn-casserole/index.html
@@ -6,7 +6,17 @@
name="viewport"
content="width=device-width, initial-scale=1.0, viewport-fit=cover"
/>
-
+
+
+
+
+
+
+
-
-
diff --git a/recipes/creamy-chicken-orzo/index.html b/recipes/creamy-chicken-orzo/index.html
index a10c571..72c75ea 100644
--- a/recipes/creamy-chicken-orzo/index.html
+++ b/recipes/creamy-chicken-orzo/index.html
@@ -6,7 +6,17 @@
name="viewport"
content="width=device-width, initial-scale=1.0, viewport-fit=cover"
/>
-
+
+
+
+
+
+
+
-
-
diff --git a/recipes/index.html b/recipes/index.html
index ce0015b..3c04b38 100644
--- a/recipes/index.html
+++ b/recipes/index.html
@@ -6,7 +6,17 @@
name="viewport"
content="width=device-width, initial-scale=1.0, viewport-fit=cover"
/>
-
+
+
+
+
+
+
+
-
-
diff --git a/recipes/luther-salad/index.html b/recipes/luther-salad/index.html
index 6a9b7a7..1461576 100644
--- a/recipes/luther-salad/index.html
+++ b/recipes/luther-salad/index.html
@@ -6,7 +6,17 @@
name="viewport"
content="width=device-width, initial-scale=1.0, viewport-fit=cover"
/>
-
+
+
+
+
+
+
+
-
-
diff --git a/recipes/pasta-rosatella/index.html b/recipes/pasta-rosatella/index.html
index 6d1154c..b38bf12 100644
--- a/recipes/pasta-rosatella/index.html
+++ b/recipes/pasta-rosatella/index.html
@@ -6,7 +6,17 @@
name="viewport"
content="width=device-width, initial-scale=1.0, viewport-fit=cover"
/>
-
+
+
+
+
+
+
+
-
-
diff --git a/recipes/perfect-homemade-brownies/index.html b/recipes/perfect-homemade-brownies/index.html
index 4c72cd1..69a6ba9 100644
--- a/recipes/perfect-homemade-brownies/index.html
+++ b/recipes/perfect-homemade-brownies/index.html
@@ -6,7 +6,17 @@
name="viewport"
content="width=device-width, initial-scale=1.0, viewport-fit=cover"
/>
-
+
+
+
+
+
+
+
-
-
diff --git a/recipes/sloppy-joes/index.html b/recipes/sloppy-joes/index.html
index 8a152d4..64b599b 100644
--- a/recipes/sloppy-joes/index.html
+++ b/recipes/sloppy-joes/index.html
@@ -6,7 +6,17 @@
name="viewport"
content="width=device-width, initial-scale=1.0, viewport-fit=cover"
/>
-
+
+
+
+
+
+
+
-
-
diff --git a/recipes/spanish-style-rice/index.html b/recipes/spanish-style-rice/index.html
index 76e0dbb..b8130b1 100644
--- a/recipes/spanish-style-rice/index.html
+++ b/recipes/spanish-style-rice/index.html
@@ -6,7 +6,17 @@
name="viewport"
content="width=device-width, initial-scale=1.0, viewport-fit=cover"
/>
-
+
+
+
+
+
+
+
-
-
diff --git a/search/index.html b/search/index.html
index d36e234..45c16ff 100644
--- a/search/index.html
+++ b/search/index.html
@@ -6,7 +6,17 @@
name="viewport"
content="width=device-width, initial-scale=1.0, viewport-fit=cover"
/>
-
+
+
+
+
+
+
+
-
-
diff --git a/site.css b/site.css
index c1b8807..98ccb00 100644
--- a/site.css
+++ b/site.css
@@ -23,15 +23,16 @@
flex-grow: 1;
padding: 0;
line-height: 1.5;
+ font-display: swap;
}
body {
--c-highlight: oklch(100% 0 0 / 0.875);
- --c-dark: oklch(32.1% 0.022 259.9);
--c-accent: white;
- --c-body-background: oklch(85% 0 338);
- --c-bg1: oklch(85% 0.04 285);
- --c-bg2: oklch(85% 0.04 188);
+ --c-dark: oklch(32.1% 0.022 259.9);
+ --c-body-background: oklch(87.5% 0 338);
+ --c-bg1: oklch(87.5% 0.04 285);
+ --c-bg2: oklch(87.5% 0.04 160);
--c-text-background-light: oklch(96.2% 0 0 / 0.6);
--c-text-light: var(--c-highlight);
@@ -59,11 +60,11 @@ body {
--inset: calc(50vw - var(--content-width) / 2);
background-image:
url(/noise.png?v=4d90f5eca162),
- radial-gradient(circle at -20% 20vmin, var(--c-bg1), transparent 60%),
+ radial-gradient(circle at -20% 20vmin, var(--c-bg1), transparent 150vmin),
radial-gradient(
circle at 120% calc(100% - 20vmin),
var(--c-bg2),
- transparent 60%
+ transparent 150vmin
);
}
@@ -71,13 +72,13 @@ body[data-theme="dark"] {
background-color: var(--c-body-background);
}
[data-theme="dark"] {
- --c-highlight: oklch(40% 0.088 341.9 / 0.6);
- --c-accent: oklch(40% 0.088 341.9 / 0.8);
+ --c-highlight: oklch(45% 0.135 280 / 0.7);
+ --c-accent: oklch(45% 0.135 280 / 0.8);
--c-body-background: oklch(15% 0.05 262);
- --c-bg1: oklch(15% 0.05 285);
+ --c-bg1: oklch(15% 0.05 290);
--c-bg2: oklch(15% 0.05 188);
--c-dark: oklch(19.1% 0.005 259.9);
- --c-text-background-light: oklch(30.6% 0.073 341.7 / 0.3);
+ --c-text-background-light: oklch(45% 0.135 280 / 0.3);
--c-text-light: oklch(94% 0.045 107.2);
--c-text-dark: oklch(94% 0.045 107.2);
}
@@ -87,13 +88,13 @@ body[data-theme="dark"] {
background-color: var(--c-body-background);
}
[data-theme="auto"] {
- --c-highlight: oklch(40% 0.088 341.9 / 0.6);
- --c-accent: oklch(40% 0.088 341.9 / 0.8);
+ --c-highlight: oklch(45% 0.135 280 / 0.7);
+ --c-accent: oklch(45% 0.135 280 / 0.8);
--c-body-background: oklch(15% 0.05 262);
- --c-bg1: oklch(15% 0.05 285);
+ --c-bg1: oklch(15% 0.05 290);
--c-bg2: oklch(15% 0.05 188);
--c-dark: oklch(19.1% 0.005 259.9);
- --c-text-background-light: oklch(30.6% 0.073 341.7 / 0.3);
+ --c-text-background-light: oklch(45% 0.135 280 / 0.3);
--c-text-light: oklch(94% 0.045 107.2);
--c-text-dark: oklch(94% 0.045 107.2);
}
@@ -121,7 +122,9 @@ body {
flex-grow: 1;
padding: 0;
margin: 0;
- font-family: Inter, sans-serif;
+ font-family:
+ Inter, Ubuntu, "Noto Sans", "Fira Sans", Roboto, "Helvetica Neue",
+ "Arial Nova", "Nimbus Sans", Arial, sans-serif;
background-color: var(--c-body-background);
color: var(--c-text-dark);
}
@@ -452,8 +455,8 @@ h4 {
position: relative;
font-weight: 700;
text-shadow: 0 0 0.5em var(--c-highlight);
- margin-top: 0.75em;
- margin-bottom: 0.75em;
+ margin-top: 1.5rem;
+ margin-bottom: 0.5rem;
&:hover .header-anchor {
opacity: 1;
}
@@ -731,7 +734,7 @@ body .isso-post-action {
margin: 0.5rem 0;
}
-/* Prism Material */
+/* Prism Material with some adjustments */
code[class*="language-"],
pre[class*="language-"] {
text-align: left;
@@ -757,11 +760,16 @@ pre[class*="language-"] {
padding: 0.1em;
}
pre[class*="language-"] {
- background: var(--c-text-background-light);
+ background: color-mix(
+ in lch,
+ var(--c-text-background-light) 20%,
+ transparent
+ );
overflow: auto;
position: relative;
margin: 0.5em 0;
padding: 1.25em 1em;
+ box-shadow: inset 0 0 6rem -2rem var(--c-highlight);
}
p:has(+ pre[class*="language-"]) > code {
margin: 0;
@@ -781,120 +789,119 @@ p:has(> code) + pre[class*="language-"] {
.token.important {
font-weight: bold;
}
-/* Prism Material Light */
-.language-css > code,
-.language-sass > code,
+/* Prism Material Light, darkened in LCH by 50% */
.language-scss > code {
- color: #f76d47;
+ color: oklch(0.349 0.178 36.3);
}
.token.atrule {
- color: #7c4dff;
+ color: oklch(0.29 0.247 288.2);
}
.token.attr-name {
- color: #39adb5;
+ color: oklch(0.344 0.101 201.7);
}
.token.attr-value {
- color: #f6a434;
+ color: oklch(0.391 0.153 69.5);
}
.token.attribute {
- color: #f6a434;
+ color: oklch(0.391 0.153 69.5);
}
.token.boolean {
- color: #7c4dff;
+ color: oklch(0.29 0.247 288.2);
}
.token.builtin {
- color: #39adb5;
+ color: oklch(0.344 0.101 201.7);
}
.token.cdata {
- color: #39adb5;
+ color: oklch(0.344 0.101 201.7);
}
.token.char {
- color: #39adb5;
+ color: oklch(0.344 0.101 201.7);
}
.token.class {
- color: #39adb5;
+ color: oklch(0.344 0.101 201.7);
}
.token.class-name {
- color: #6182b8;
+ color: oklch(0.302 0.091 260);
}
.token.comment {
- color: #aabfc9;
+ color: oklch(0.396 0.027 228);
}
.token.constant {
- color: #7c4dff;
+ color: oklch(0.29 0.247 288.2);
}
.token.deleted {
- color: #e53935;
+ color: oklch(0.304 0.209 27);
}
.token.doctype {
- color: #aabfc9;
+ color: oklch(0.396 0.027 228);
}
.token.entity {
- color: #e53935;
+ color: oklch(0.304 0.209 27);
}
.token.function {
- color: #7c4dff;
+ color: oklch(0.29 0.247 288.2);
}
.token.hexcode {
- color: #f76d47;
+ color: oklch(0.349 0.178 36.3);
}
.token.id {
- color: #7c4dff;
+ color: oklch(0.29 0.247 288.2);
}
.token.important {
- color: #7c4dff;
+ color: oklch(0.29 0.247 288.2);
}
.token.inserted {
- color: #39adb5;
+ color: oklch(0.344 0.101 201.7);
}
.token.keyword {
- color: #7c4dff;
+ color: oklch(0.29 0.247 288.2);
}
.token.number {
- color: #f76d47;
+ color: oklch(0.349 0.178 36.3);
}
.token.operator {
- color: #39adb5;
+ color: oklch(0.344 0.101 201.7);
}
.token.prolog {
- color: #aabfc9;
+ color: oklch(0.396 0.027 228);
}
.token.property {
- color: #39adb5;
+ color: oklch(0.344 0.101 201.7);
}
.token.pseudo-class {
- color: #f6a434;
+ color: oklch(0.391 0.153 69.5);
}
.token.pseudo-element {
- color: #f6a434;
+ color: oklch(0.391 0.153 69.5);
}
.token.punctuation {
- color: #39adb5;
+ color: oklch(0.344 0.101 201.7);
}
.token.regex {
- color: #6182b8;
+ color: oklch(0.302 0.091 260);
}
.token.selector {
- color: #e53935;
+ color: oklch(0.304 0.209 27);
}
.token.string {
- color: #f6a434;
+ color: oklch(0.391 0.153 69.5);
}
.token.symbol {
- color: #7c4dff;
+ color: oklch(0.29 0.247 288.2);
}
.token.tag {
- color: #e53935;
+ color: oklch(0.304 0.209 27);
}
.token.unit {
- color: #f76d47;
+ color: oklch(0.349 0.178 36.3);
}
.token.url {
- color: #e53935;
+ color: oklch(0.304 0.209 27);
}
.token.variable {
- color: #e53935;
+ color: oklch(0.304 0.209 27);
}
+
/* Prism Material Dark */
[data-theme="dark"] {
.language-css > code,
diff --git a/sitemap.xml b/sitemap.xml
index 424e26c..0cd1016 100644
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -176,7 +176,7 @@
- /site.css?v=6f83c390ed9e
+ /site.css?v=449ddd80f1bb
2025-06-06T04:44:47.546Z
@@ -228,7 +228,7 @@
/feed.xml
- 2025-06-15T21:01:36.982Z
+ 2025-06-16T04:46:18.765Z
diff --git a/unoffice-hours/index.html b/unoffice-hours/index.html
index 0229f77..1a1b991 100644
--- a/unoffice-hours/index.html
+++ b/unoffice-hours/index.html
@@ -6,7 +6,17 @@
name="viewport"
content="width=device-width, initial-scale=1.0, viewport-fit=cover"
/>
-
+
+
+
+
+
+
+
-
-
diff --git a/uses/index.html b/uses/index.html
index b88ef67..d1164e2 100644
--- a/uses/index.html
+++ b/uses/index.html
@@ -6,7 +6,17 @@
name="viewport"
content="width=device-width, initial-scale=1.0, viewport-fit=cover"
/>
-
+
+
+
+
+
+
+
-
-