joshua/joshua.seigler.net
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: joshua:4d435a23c48d75cdf98798684c15f1cc6a19fe3a
Branches Tags
joshua:main
joshua:gh-pages
...
compare: joshua:fac7e6fac275c39c43dc1170baae73b18ffb0293
Branches Tags
joshua:gh-pages
joshua:main

4 commits
4d435a23c4 ... fac7e6fac2

Author SHA1 Message Date
Joshua Seigler
fac7e6fac2 update /now 2025-06-08 20:44:39 -04:00
Joshua Seigler
331a69ea36 better on mobile 2025-06-08 20:38:53 -04:00
Joshua Seigler
6f46726e92 combine CSS 2025-06-08 19:57:31 -04:00
Joshua Seigler
165efe1d03 better colors 2025-06-08 18:33:42 -04:00
8 changed files with 48 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

1
package.json
View file

@ -6,6 +6,7 @@
"main": "index.js", "main": "index.js",
"scripts": { "scripts": {
"dev": "npx @11ty/eleventy --serve", "dev": "npx @11ty/eleventy --serve",
"build": "npx @11ty/eleventy",
"upload": "npx @11ty/eleventy && rsync -aP --delete dist/ joshua@seigler.net:/srv/www/joshua.seigler.net/public_html/" "upload": "npx @11ty/eleventy && rsync -aP --delete dist/ joshua@seigler.net:/srv/www/joshua.seigler.net/public_html/"
}, },
"keywords": [], "keywords": [],

2
site/_includes/-header.njk
View file

@ -1,7 +1,7 @@
<header> <header>
<nav> <nav>
<div class="nav-row"> <div class="nav-row">
<a class="nav-home" href="{{ "/" | url }}">{{ site.title }}</a> <div class="nav-home"><a href="{{ "/" | url }}">{{ site.title }}</a></div>
<div class="nav-settings"> <div class="nav-settings">
<div class="nav-toggles"> <div class="nav-toggles">
<label class="nav-toggle-button" title="Light mode">☀️<input type="radio" name="theme" value="light"/></label> <label class="nav-toggle-button" title="Light mode">☀️<input type="radio" name="theme" value="light"/></label>

2
site/_includes/base.njk
View file

@ -6,7 +6,7 @@ title: Joshua's Homepage
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<link rel="stylesheet" href="{{ "/site.css" | url }}?modified={{buildTime}}"/> <link rel="stylesheet" href="{{ "/site.css" | url }}?modified={{buildTime}}"/>
<link rel="webmention" href="https://webmention.io/joshua.seigler.net/webmention" /> <link rel="webmention" href="https://webmention.io/joshua.seigler.net/webmention" />
<title>{{ computedTitle }} - {{ site.title }}</title> <title>{{ computedTitle }} - {{ site.title }}</title>

4
assets/fonts/ftaurebesh/ftaurebesh.css → site/_includes/css/ftaurebesh.css
View file

@ -3,7 +3,7 @@
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
font-display: block; font-display: block;
src: url("ftaurebesh-medium.woff2") format("woff2"); src: url("/fonts/ftaurebesh/ftaurebesh-medium.woff2") format("woff2");
size-adjust: 125%; size-adjust: 125%;
} }
@font-face { @font-face {
@ -11,6 +11,6 @@
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
font-display: block; font-display: block;
src: url("ftaurebesh-bold.woff2") format("woff2"); src: url("/fonts/ftaurebesh/ftaurebesh-bold.woff2") format("woff2");
size-adjust: 125%; size-adjust: 125%;
} }

4
assets/fonts/inter/inter.css → site/_includes/css/inter.css
View file

@ -3,12 +3,12 @@
font-style: normal; font-style: normal;
font-weight: 100 900; font-weight: 100 900;
font-display: swap; font-display: swap;
src: url("InterVariable.woff2") format("woff2"); src: url("/fonts/inter/InterVariable.woff2") format("woff2");
} }
@font-face { @font-face {
font-family: Inter; font-family: Inter;
font-style: italic; font-style: italic;
font-weight: 100 900; font-weight: 100 900;
font-display: swap; font-display: swap;
src: url("InterVariable-Italic.woff2") format("woff2"); src: url("/fonts/inter/InterVariable-Italic.woff2") format("woff2");
} }

62
assets/site.css → site/_includes/css/site.css
View file

@ -1,6 +1,3 @@
@import url(fonts/inter/inter.css);
@import url(fonts/ftaurebesh/ftaurebesh.css);
:root { :root {
font-size: 16px; font-size: 16px;
font-size: clamp(16px, 8px + 1.5vw, 24px); font-size: clamp(16px, 8px + 1.5vw, 24px);
@ -14,11 +11,13 @@
} }
body { body {
--c-highlight: hsl(0 0% 100% / 87.5%); --c-highlight: oklch(100% 0 0 / 0.875);
--c-dark: hsl(217 17% 21%); --c-dark: oklch(32.1% 0.022 259.9);
--c-accent: white; --c-accent: white;
--c-body-background: hsl(0 0% 85%); --c-body-background: oklch(85% 0 338);
--c-text-background-light: hsl(0 0% 95% / 60%); --c-bg1: oklch(85% 0.04 285);
--c-bg2: oklch(85% 0.04 188);
--c-text-background-light: oklch(96.2% 0 0 / 0.6);
--c-text-light: var(--c-highlight); --c-text-light: var(--c-highlight);
--c-text-dark: var(--c-dark); --c-text-dark: var(--c-dark);
@ -35,7 +34,7 @@ body {
--s3: calc(var(--s2) * var(--ratio)); --s3: calc(var(--s2) * var(--ratio));
--s4: calc(var(--s3) * var(--ratio)); --s4: calc(var(--s3) * var(--ratio));
--s5: calc(var(--s4) * var(--ratio)); --s5: calc(var(--s4) * var(--ratio));
--content-width: clamp(75vw, 40rem, 100vw - 3rem); --content-width: clamp(75vw, 40rem, 100vw - 1rem);
--sidebar-width: clamp( --sidebar-width: clamp(
10rem, 10rem,
calc(0.2 * var(--content-width)), calc(0.2 * var(--content-width)),
@ -43,8 +42,8 @@ body {
); );
--inset: calc(50vw - var(--content-width) / 2); --inset: calc(50vw - var(--content-width) / 2);
background-image: background-image:
radial-gradient(circle at -20% 20vmin, #0000ff19, transparent 60%), radial-gradient(circle at -20% 20vmin, var(--c-bg1), transparent 60%),
radial-gradient(circle at 120% calc(100% - 20vmin), #0873, transparent 60%), radial-gradient(circle at 120% calc(100% - 20vmin), var(--c-bg2), transparent 60%),
url(/noise.png); url(/noise.png);
} }
@ -52,14 +51,15 @@ body[data-theme="dark"] {
background-color: var(--c-body-background); background-color: var(--c-body-background);
} }
[data-theme="dark"] { [data-theme="dark"] {
--c-highlight: hsl(320 40% 20% / 50%); --c-highlight: oklch(40% 0.088 341.9 / 0.6);
--c-dark: hsl(217 9% 8%); --c-accent: oklch(40% 0.088 341.9 / 0.8);
--c-accent: hsl(320 40% 25% / 80%); --c-body-background: oklch(15% 0.05 262);
--c-body-background: hsl(220 50% 5%); --c-bg1: oklch(15% 0.05 285);
--c-bg2: oklch(15% 0.05 188);
--c-text-background-light: hsl(320 40% 20% / 30%); --c-dark: oklch(19.1% 0.005 259.9);
--c-text-light: hsl(60 50% 86.67%); --c-text-background-light: oklch(30.6% 0.073 341.7 / 0.3);
--c-text-dark: hsl(60 50% 86.67%); --c-text-light: oklch(94% 0.045 107.2);
--c-text-dark: oklch(94% 0.045 107.2);
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
@ -67,14 +67,15 @@ body[data-theme="dark"] {
background-color: var(--c-body-background); background-color: var(--c-body-background);
} }
[data-theme="auto"] { [data-theme="auto"] {
--c-highlight: hsl(320 40% 25% / 50%); --c-highlight: oklch(40% 0.088 341.9 / 0.6);
--c-dark: hsl(217 9% 8%); --c-accent: oklch(40% 0.088 341.9 / 0.8);
--c-accent: hsl(320 40% 25%); --c-body-background: oklch(15% 0.05 262);
--c-body-background: hsl(220 50% 5%); --c-bg1: oklch(15% 0.05 285);
--c-bg2: oklch(15% 0.05 188);
--c-text-background-light: hsl(320 40% 20% / 30%); --c-dark: oklch(19.1% 0.005 259.9);
--c-text-light: hsl(60 50% 86.67%); --c-text-background-light: oklch(30.6% 0.073 341.7 / 0.3);
--c-text-dark: hsl(60 50% 86.67%); --c-text-light: oklch(94% 0.045 107.2);
--c-text-dark: oklch(94% 0.045 107.2);
} }
} }
@ -271,6 +272,7 @@ body > header {
color: var(--c-text-dark); color: var(--c-text-dark);
padding: 0 var(--inset) 0; padding: 0 var(--inset) 0;
border-radius: 0.5rem 0.5rem 0 0; border-radius: 0.5rem 0.5rem 0 0;
padding-top: env(safe-area-inset-top, 0);
} }
body > header > nav { body > header > nav {
margin: 0.5rem 0 3rem; margin: 0.5rem 0 3rem;
@ -289,16 +291,19 @@ body > header > nav {
.nav-row { .nav-row {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row-reverse;
flex-wrap: wrap; flex-wrap: wrap;
gap: 0.5rem; gap: 0.5rem;
margin-bottom: 0.25rem; margin-bottom: 0.25rem;
} }
.nav-home {
flex-grow: 1;
order: 2;
}
.nav-home, .nav-active { .nav-home, .nav-active {
font-weight: bold; font-weight: bold;
} }
.nav-settings { .nav-settings {
margin-left: auto;
display: flex; display: flex;
gap: 0.5em; gap: 0.5em;
flex-direction: row; flex-direction: row;
@ -353,6 +358,7 @@ body > footer {
font-size: var(--s-1); font-size: var(--s-1);
margin: auto var(--inset) 0.5rem; margin: auto var(--inset) 0.5rem;
padding-top: 4rem; padding-top: 4rem;
padding-bottom: env(safe-area-inset-bottom, 0);
& a { & a {
white-space: nowrap; white-space: nowrap;
} }

6
site/css.njk Normal file
View file

@ -0,0 +1,6 @@
---
permalink: /site.css
---
{%include "css/inter.css"%}
{%include "css/ftaurebesh.css"%}
{%include "css/site.css"%}

2
site/pages/now.md
View file

@ -4,7 +4,7 @@ layout: "base.njk"
date: 2025-06-07 date: 2025-06-07
--- ---
I live in Southbridge, Massachusetts since 2022, with my wife Sara and our three cats. We're starting to get more integrated here. I'm about to start a new role, my third or fourth startup depending on how you count it. I'm active in [a local church](https://www.stmichaelorthodox.com/). I enjoy spicy food, board games, and peace. I live in Southbridge, Massachusetts since 2022, with my wife Sara and our three cats. We're starting to get more integrated here. I'm about to start a new role, my third or fourth startup depending on how you count it. I'm active in [a local church](https://www.stmichaelorthodox.com/). I recently changed my mind about olives (I like them now).
## Goals ## Goals