diff --git a/.claude/settings.local.json b/.claude/settings.local.json deleted file mode 100644 index 00888a6..0000000 --- a/.claude/settings.local.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "permissions": { - "allow": [ - "Read(//volumes/projects/vault-link/**)" - ] - } -} diff --git a/screenshots/homepage-1440.png b/screenshots/homepage-1440.png deleted file mode 100644 index 33e8708..0000000 Binary files a/screenshots/homepage-1440.png and /dev/null differ diff --git a/screenshots/timeline-crop-right-origin.png b/screenshots/timeline-crop-right-origin.png deleted file mode 100644 index a1815f7..0000000 Binary files a/screenshots/timeline-crop-right-origin.png and /dev/null differ diff --git a/screenshots/timeline-crop.png b/screenshots/timeline-crop.png deleted file mode 100644 index d354809..0000000 Binary files a/screenshots/timeline-crop.png and /dev/null differ diff --git a/src/styles/global.css b/src/styles/global.css index e3cc542..5263e49 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -1,7 +1,3 @@ -/* ========================================================================= - Fonts - ========================================================================= */ - @font-face { font-family: 'Source Sans 3'; src: url('/fonts/source-sans-3-latin-variable.woff2') format('woff2-variations'); @@ -20,10 +16,6 @@ @layer reset, base, layout, components, utilities, overrides; -/* ========================================================================= - Tokens: colors, type, space, radius, weights, layout widths - ========================================================================= */ - :root { color-scheme: light dark; @@ -119,10 +111,6 @@ } } -/* ========================================================================= - Reset - ========================================================================= */ - @layer reset { *, *::before, @@ -168,10 +156,6 @@ } } -/* ========================================================================= - Base - ========================================================================= */ - @layer base { html { background: var(--color-bg); @@ -229,10 +213,6 @@ } } -/* ========================================================================= - Utilities - ========================================================================= */ - @layer utilities { .sr-only { position: absolute; @@ -247,10 +227,6 @@ } } -/* ========================================================================= - Layout: site shell, header, footer, skip link - ========================================================================= */ - @layer layout { :where(.site-header, .site-footer, .home-intro, .home-section, .page-shell, .post) { width: min(100% - 2 * var(--gutter), var(--page)); @@ -447,13 +423,7 @@ } } -/* ========================================================================= - Components - ========================================================================= */ - @layer components { - /* -- Eyebrow ---------------------------------------------------------- */ - .eyebrow { margin: 0 0 var(--space-3); color: var(--color-muted); @@ -464,8 +434,6 @@ text-transform: uppercase; } - /* -- Section heading -------------------------------------------------- */ - .section-heading { width: 100%; display: flex; @@ -511,8 +479,6 @@ line-height: 1.4; } - /* -- Breadcrumbs ------------------------------------------------------ */ - .breadcrumbs { margin: 0 0 var(--space-3); padding: 0; @@ -552,8 +518,6 @@ color: var(--color-fg); } - /* -- Tag list + filter ------------------------------------------------ */ - .tag-cloud { margin-top: var(--space-2); } @@ -618,8 +582,6 @@ font-size: var(--fs-caption); } - /* -- Lists: article + project ---------------------------------------- */ - .article-list, .project-list { list-style: none; @@ -691,8 +653,6 @@ line-height: var(--leading-snug); } - /* -- Thumbnail -------------------------------------------------------- */ - .entry-thumbnail { display: block; overflow: hidden; @@ -815,8 +775,6 @@ transform-origin: right center; } - /* -- Project card ----------------------------------------------------- */ - .project-card { display: grid; grid-template-columns: 1fr; @@ -891,8 +849,6 @@ vertical-align: 0.15em; } - /* -- Project links ---------------------------------------------------- */ - .project-links { display: flex; flex-wrap: wrap; @@ -931,8 +887,6 @@ min-height: 44px; } - /* -- Post layout ------------------------------------------------------ */ - .post > .post-media, .facts { max-width: var(--measure); @@ -1163,8 +1117,6 @@ font-size: var(--fs-caption); } - /* -- Prose ------------------------------------------------------------ */ - .prose { max-inline-size: var(--measure); line-height: var(--leading-prose); @@ -1360,8 +1312,6 @@ ); } - /* -- At-a-glance + facts --------------------------------------------- */ - .at-a-glance { margin-top: var(--space-8); padding-block: var(--space-5); @@ -1414,8 +1364,6 @@ } } - /* -- Post media ------------------------------------------------------- */ - .post-media { max-inline-size: min(100%, var(--measure-wide)); margin: var(--space-8) 0 0; @@ -1443,8 +1391,6 @@ font-weight: var(--weight-semibold); } - /* -- Post nav --------------------------------------------------------- */ - .post-nav { margin-top: var(--space-12); padding-top: var(--space-6); @@ -1496,8 +1442,6 @@ font-weight: var(--weight-semibold); } - /* -- Post TOC --------------------------------------------------------- */ - .post-toc { margin-top: var(--space-6); padding: var(--space-3) var(--space-4); @@ -1543,8 +1487,6 @@ color: var(--color-fg); } - /* -- Post media gallery ----------------------------------------------- */ - .post-gallery { list-style: none; padding: 0; @@ -1562,8 +1504,6 @@ margin: 0; } - /* -- External link affordance ----------------------------------------- */ - .external-link-icon { display: inline-block; margin-inline-start: 0.25em; @@ -1571,8 +1511,6 @@ opacity: 0.85; } - /* -- Related ---------------------------------------------------------- */ - .related-posts { margin-top: var(--space-12); padding-top: var(--space-6); @@ -1585,15 +1523,11 @@ margin-bottom: var(--space-4); } - /* -- Empty state (e.g. 404) ----------------------------------------- */ - .empty-state { max-width: var(--measure); padding-block: var(--space-6); } - /* -- Theme switcher --------------------------------------------------- */ - .theme-switcher { --switcher-w: 2.75rem; --switcher-h: 1.5rem; @@ -1711,10 +1645,6 @@ } } -/* ========================================================================= - Responsive: tablet + mobile breakpoints - ========================================================================= */ - @layer overrides { /* Tablet */ @media (max-width: 960px) {