Compare commits
4 commits
4d435a23c4
...
fac7e6fac2
| Author | SHA1 | Date | |
|---|---|---|---|
|
fac7e6fac2 | ||
|
|
331a69ea36 | ||
|
|
6f46726e92 | ||
|
|
165efe1d03 |
8 changed files with 48 additions and 35 deletions
|
|
@ -6,6 +6,7 @@
|
|||
"main": "index.js",
|
||||
"scripts": {
|
||||
"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/"
|
||||
},
|
||||
"keywords": [],
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<header>
|
||||
<nav>
|
||||
<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-toggles">
|
||||
<label class="nav-toggle-button" title="Light mode">☀️<input type="radio" name="theme" value="light"/></label>
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@ title: Joshua's Homepage
|
|||
<html lang="en">
|
||||
<head>
|
||||
<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="webmention" href="https://webmention.io/joshua.seigler.net/webmention" />
|
||||
<title>{{ computedTitle }} - {{ site.title }}</title>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-display: block;
|
||||
src: url("ftaurebesh-medium.woff2") format("woff2");
|
||||
src: url("/fonts/ftaurebesh/ftaurebesh-medium.woff2") format("woff2");
|
||||
size-adjust: 125%;
|
||||
}
|
||||
@font-face {
|
||||
|
|
@ -11,6 +11,6 @@
|
|||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: block;
|
||||
src: url("ftaurebesh-bold.woff2") format("woff2");
|
||||
src: url("/fonts/ftaurebesh/ftaurebesh-bold.woff2") format("woff2");
|
||||
size-adjust: 125%;
|
||||
}
|
||||
|
|
@ -3,12 +3,12 @@
|
|||
font-style: normal;
|
||||
font-weight: 100 900;
|
||||
font-display: swap;
|
||||
src: url("InterVariable.woff2") format("woff2");
|
||||
src: url("/fonts/inter/InterVariable.woff2") format("woff2");
|
||||
}
|
||||
@font-face {
|
||||
font-family: Inter;
|
||||
font-style: italic;
|
||||
font-weight: 100 900;
|
||||
font-display: swap;
|
||||
src: url("InterVariable-Italic.woff2") format("woff2");
|
||||
src: url("/fonts/inter/InterVariable-Italic.woff2") format("woff2");
|
||||
}
|
||||
|
|
@ -1,6 +1,3 @@
|
|||
@import url(fonts/inter/inter.css);
|
||||
@import url(fonts/ftaurebesh/ftaurebesh.css);
|
||||
|
||||
:root {
|
||||
font-size: 16px;
|
||||
font-size: clamp(16px, 8px + 1.5vw, 24px);
|
||||
|
|
@ -14,11 +11,13 @@
|
|||
}
|
||||
|
||||
body {
|
||||
--c-highlight: hsl(0 0% 100% / 87.5%);
|
||||
--c-dark: hsl(217 17% 21%);
|
||||
--c-highlight: oklch(100% 0 0 / 0.875);
|
||||
--c-dark: oklch(32.1% 0.022 259.9);
|
||||
--c-accent: white;
|
||||
--c-body-background: hsl(0 0% 85%);
|
||||
--c-text-background-light: hsl(0 0% 95% / 60%);
|
||||
--c-body-background: oklch(85% 0 338);
|
||||
--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-dark: var(--c-dark);
|
||||
|
|
@ -35,7 +34,7 @@ body {
|
|||
--s3: calc(var(--s2) * var(--ratio));
|
||||
--s4: calc(var(--s3) * 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(
|
||||
10rem,
|
||||
calc(0.2 * var(--content-width)),
|
||||
|
|
@ -43,8 +42,8 @@ body {
|
|||
);
|
||||
--inset: calc(50vw - var(--content-width) / 2);
|
||||
background-image:
|
||||
radial-gradient(circle at -20% 20vmin, #0000ff19, transparent 60%),
|
||||
radial-gradient(circle at 120% calc(100% - 20vmin), #0873, transparent 60%),
|
||||
radial-gradient(circle at -20% 20vmin, var(--c-bg1), transparent 60%),
|
||||
radial-gradient(circle at 120% calc(100% - 20vmin), var(--c-bg2), transparent 60%),
|
||||
url(/noise.png);
|
||||
}
|
||||
|
||||
|
|
@ -52,14 +51,15 @@ body[data-theme="dark"] {
|
|||
background-color: var(--c-body-background);
|
||||
}
|
||||
[data-theme="dark"] {
|
||||
--c-highlight: hsl(320 40% 20% / 50%);
|
||||
--c-dark: hsl(217 9% 8%);
|
||||
--c-accent: hsl(320 40% 25% / 80%);
|
||||
--c-body-background: hsl(220 50% 5%);
|
||||
|
||||
--c-text-background-light: hsl(320 40% 20% / 30%);
|
||||
--c-text-light: hsl(60 50% 86.67%);
|
||||
--c-text-dark: hsl(60 50% 86.67%);
|
||||
--c-highlight: oklch(40% 0.088 341.9 / 0.6);
|
||||
--c-accent: oklch(40% 0.088 341.9 / 0.8);
|
||||
--c-body-background: oklch(15% 0.05 262);
|
||||
--c-bg1: oklch(15% 0.05 285);
|
||||
--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-light: oklch(94% 0.045 107.2);
|
||||
--c-text-dark: oklch(94% 0.045 107.2);
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
|
|
@ -67,14 +67,15 @@ body[data-theme="dark"] {
|
|||
background-color: var(--c-body-background);
|
||||
}
|
||||
[data-theme="auto"] {
|
||||
--c-highlight: hsl(320 40% 25% / 50%);
|
||||
--c-dark: hsl(217 9% 8%);
|
||||
--c-accent: hsl(320 40% 25%);
|
||||
--c-body-background: hsl(220 50% 5%);
|
||||
|
||||
--c-text-background-light: hsl(320 40% 20% / 30%);
|
||||
--c-text-light: hsl(60 50% 86.67%);
|
||||
--c-text-dark: hsl(60 50% 86.67%);
|
||||
--c-highlight: oklch(40% 0.088 341.9 / 0.6);
|
||||
--c-accent: oklch(40% 0.088 341.9 / 0.8);
|
||||
--c-body-background: oklch(15% 0.05 262);
|
||||
--c-bg1: oklch(15% 0.05 285);
|
||||
--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-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);
|
||||
padding: 0 var(--inset) 0;
|
||||
border-radius: 0.5rem 0.5rem 0 0;
|
||||
padding-top: env(safe-area-inset-top, 0);
|
||||
}
|
||||
body > header > nav {
|
||||
margin: 0.5rem 0 3rem;
|
||||
|
|
@ -289,16 +291,19 @@ body > header > nav {
|
|||
.nav-row {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-direction: row-reverse;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
.nav-home {
|
||||
flex-grow: 1;
|
||||
order: 2;
|
||||
}
|
||||
.nav-home, .nav-active {
|
||||
font-weight: bold;
|
||||
}
|
||||
.nav-settings {
|
||||
margin-left: auto;
|
||||
display: flex;
|
||||
gap: 0.5em;
|
||||
flex-direction: row;
|
||||
|
|
@ -353,6 +358,7 @@ body > footer {
|
|||
font-size: var(--s-1);
|
||||
margin: auto var(--inset) 0.5rem;
|
||||
padding-top: 4rem;
|
||||
padding-bottom: env(safe-area-inset-bottom, 0);
|
||||
& a {
|
||||
white-space: nowrap;
|
||||
}
|
||||
6
site/css.njk
Normal file
6
site/css.njk
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
---
|
||||
permalink: /site.css
|
||||
---
|
||||
{%include "css/inter.css"%}
|
||||
{%include "css/ftaurebesh.css"%}
|
||||
{%include "css/site.css"%}
|
||||
|
|
@ -4,7 +4,7 @@ layout: "base.njk"
|
|||
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
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue