From 5f7d8d03df0d6d56c94a97fc0873261fc939aee7 Mon Sep 17 00:00:00 2001 From: Jaron Date: Sat, 22 Aug 2026 10:55:10 -0500 Subject: [PATCH 1/9] style tweaks n shit --- app/layouts/main.vue | 21 ++++++++++++++++++++- app/pages/index.vue | 4 ++++ 2 files changed, 24 insertions(+), 1 deletion(-) diff --git a/app/layouts/main.vue b/app/layouts/main.vue index e68e63e..a7a5b28 100644 --- a/app/layouts/main.vue +++ b/app/layouts/main.vue @@ -203,6 +203,7 @@ svg[height='0'] { .header-upper { height: 8vh; + min-height: 3.5rem; } .header-upper-nav { @@ -263,8 +264,9 @@ svg[height='0'] { } .footer-lower { - padding: 2rem; + padding: 0 2rem; height: 8vh; + min-height: 3.5rem; font-size: small; gap: 1rem; } @@ -295,6 +297,18 @@ svg[height='0'] { } @media (max-width: 768px) { + .header-upper-nav { + padding: 0 1.5rem; + } + + .name { + font-size: 2rem; + } + + .title { + font-size: 1rem; + } + .page-wrapper { --main-width: 100vw; padding: 0 1rem; @@ -302,9 +316,14 @@ svg[height='0'] { .header-lower, .footer-upper { + padding: 1.5rem 1.5rem; border-radius: 12px; } + .footer-lower { + padding: 1.5rem 1.5rem; + } + .header-lower::before, .footer-upper::before { border-radius: 12px; diff --git a/app/pages/index.vue b/app/pages/index.vue index a0e6e65..45c3f94 100644 --- a/app/pages/index.vue +++ b/app/pages/index.vue @@ -652,6 +652,10 @@ section:last-of-type { } @media (max-width: 768px) { + section > .section__content { + padding: 0 var(--gap); + } + .photo-grid { grid-template-columns: 1fr; } From ce7ed0fd37795fd7af8ac5352ae25e333a45641a Mon Sep 17 00:00:00 2001 From: Jaron Date: Sat, 22 Aug 2026 11:59:33 -0500 Subject: [PATCH 2/9] rework to 2000's-ish style site --- app/app.vue | 3 - app/assets/css/fonts.css | 231 ++++---- app/assets/css/main.css | 405 ++++++++++---- .../fonts/Space Mono/SpaceMono-Bold.ttf | Bin 0 -> 98232 bytes .../fonts/Space Mono/SpaceMono-Italic.ttf | Bin 0 -> 121396 bytes .../fonts/Space Mono/SpaceMono-Regular.ttf | Bin 0 -> 99356 bytes app/components/content/MarginNote.vue | 24 + app/components/content/Notice.vue | 50 ++ app/composables/useBgTheme.ts | 41 ++ app/composables/useBodyFont.ts | 35 ++ app/error.vue | 75 +-- app/layouts/main.vue | 527 +++++++++--------- app/pages/index.vue | 503 +++-------------- app/pages/writing/[...slug].vue | 75 +-- app/pages/writing/index.vue | 161 ++---- app/plugins/gsap.client.ts | 13 - app/utils/fonts.ts | 22 + app/utils/themes.ts | 22 + content/writing/notes-in-the-margin.md | 23 + nuxt.config.ts | 17 +- 20 files changed, 1052 insertions(+), 1175 deletions(-) create mode 100644 app/assets/fonts/Space Mono/SpaceMono-Bold.ttf create mode 100644 app/assets/fonts/Space Mono/SpaceMono-Italic.ttf create mode 100644 app/assets/fonts/Space Mono/SpaceMono-Regular.ttf create mode 100644 app/components/content/MarginNote.vue create mode 100644 app/components/content/Notice.vue create mode 100644 app/composables/useBgTheme.ts create mode 100644 app/composables/useBodyFont.ts delete mode 100644 app/plugins/gsap.client.ts create mode 100644 app/utils/fonts.ts create mode 100644 app/utils/themes.ts create mode 100644 content/writing/notes-in-the-margin.md diff --git a/app/app.vue b/app/app.vue index 33eac10..97cc961 100644 --- a/app/app.vue +++ b/app/app.vue @@ -1,5 +1,4 @@