From dcf75ddc55612118e15ab5a8d8a018b45ceee727 Mon Sep 17 00:00:00 2001 From: denizk0461 Date: Fri, 5 Dec 2025 18:34:18 +0000 Subject: [PATCH] shrunk devlog overview text sizes; changed media queries; removed redundant CSS classes --- .../projects/projectn5/devlog/+page.svelte | 70 ++------- .../projects/projectn5/devlog/devlog-posts.ts | 141 ------------------ 2 files changed, 15 insertions(+), 196 deletions(-) delete mode 100644 src/routes/projects/projectn5/devlog/devlog-posts.ts diff --git a/src/routes/projects/projectn5/devlog/+page.svelte b/src/routes/projects/projectn5/devlog/+page.svelte index 2706de8..1b269eb 100644 --- a/src/routes/projects/projectn5/devlog/+page.svelte +++ b/src/routes/projects/projectn5/devlog/+page.svelte @@ -64,41 +64,10 @@ --color-laura: #C76668CC; --color-laura-darker: #A55051CC; } - /* Live update list */ - .live-devlog-panel { - margin: 16px; - } - .live-devlog-container { - display: flex; - gap: 4px; - margin: 0 16px; - flex-direction: column; - } - - .live-devlog-entry { - background-color: var(--color-background-highlight-hover); - } - - .live-devlog-entry-time { - font-family: var(--font-mono); - font-size: 0.8rem; - font-weight: 700; - width: 100%; - background-color: #00000066; - } - - .live-devlog-entry-content, .live-devlog-entry-time { - padding: 8px 16px; - margin: 0; - } - - .live-devlog-entry-content { - font-size: 1.0rem; - } /* Post list */ .post-supercontainer { - width: 30%; + width: 32%; } .post-container { @@ -121,8 +90,8 @@ transition: background-color 0.16s ease-in-out; margin: 4px; - --notch-size-devlog: 42px; - --notch-size-devlog-img: 36px; + --notch-size-devlog: 30px; + --notch-size-devlog-img: 24px; clip-path: polygon( 0% var(--notch-size-devlog), var(--notch-size-devlog) 0%, @@ -138,7 +107,7 @@ background-color: var(--color-background-highlight-hover); } - .post:hover .post-title, .post:hover .post-date, .post-number { + .post:hover .post-title, .post:hover .post-date { color: var(--color-text-dark); } @@ -166,8 +135,8 @@ } .post-img { - width: 150px; - height: 120px; + width: 125px; + height: 100px; margin: 0; object-fit: cover; @@ -190,40 +159,31 @@ justify-content: center; } - .post-date, .post-title, .post-number { + .post-date, .post-title { font-family: 'Space Mono', monospace; margin: 4px 0; transition: color 0.16s ease-in-out; } .post-date { - font-size: 1.1rem; + font-size: 0.8rem; + line-height: 0.7rem; font-weight: 500; } .post-title { - font-size: 1.3rem; + font-size: 1.1rem; + line-height: 1.4rem; font-weight: 700; } - .post-number { - font-size: 0.77rem; - font-weight: 700; - position: absolute; - right: 2px; - bottom: 1px; - margin: 0; - padding: 0; - line-height: 1rem; - } - - @media screen and (max-width: 1700px) { + @media screen and (max-width: 1250px) { .post-supercontainer { width: 50% !important; } } - @media screen and (max-width: 1200px) { + @media screen and (max-width: 900px) { .post-supercontainer { width: 100% !important; } @@ -231,8 +191,8 @@ @media screen and (max-width: 800px) { .post { - --notch-size-devlog: 24px; - --notch-size-devlog-img: 18px; + --notch-size-devlog: 18px; + --notch-size-devlog-img: 12px; } .post-img { width: 100px; diff --git a/src/routes/projects/projectn5/devlog/devlog-posts.ts b/src/routes/projects/projectn5/devlog/devlog-posts.ts deleted file mode 100644 index 59d13db..0000000 --- a/src/routes/projects/projectn5/devlog/devlog-posts.ts +++ /dev/null @@ -1,141 +0,0 @@ -export interface DevlogPost { - title: string; - subtitle: string; - date: string; - previewAlt: string; -}; - -export const posts: DevlogPost[] = [ - { - title: "Growing Pains", - subtitle: "2025-10-22", - date: "2025/1022", - previewAlt: "Close-up of Laura blinking", - }, - { - title: "She's Here", - subtitle: "2025-10-11", - date: "2025/1011", - previewAlt: "Laura idle posing", - }, - { - title: "Freeing the Past", - subtitle: "2025-08-16", - date: "2025/0816", - previewAlt: "Bottom-up view at Laura v1 in front of a blue sky", - }, - { - title: "Remeshing and Recolouring", - subtitle: "2025-07-13", - date: "2025/0713", - previewAlt: "Close-up of Laura at face height", - }, - { - title: "Reboot", - subtitle: "2025-05-23", - date: "2025/0523", - previewAlt: "Untextured Laura in a new purple level looking at two cubes", - }, - { - title: "The Making of a Protagonist, Part IV", - subtitle: "2025-04-27", - date: "2025/0427", - previewAlt: "Sketches of Laura's new clothes", - }, - { - title: "Refactoring", - subtitle: "2025-03-16", - date: "2025/0316", - previewAlt: "Laura t-posing in front of a smiling water tower", - }, - { - title: "The Making of a Protagonist, Part III", - subtitle: "2025-02-03", - date: "2025/0203", - previewAlt: "Three t-posing untextured Lauras", - }, - { - title: "The Making of a Protagonist, Part II", - subtitle: "2024-12-22", - date: "2024/1222", - previewAlt: "Laura a-posing and wearing green and brown clothes", - }, - { - title: "The Making of a Protagonist, Part I", - subtitle: "2024-11-27", - date: "2024/1127", - previewAlt: "Multiple iterations of untextured hand 3D models", - }, - { - title: "Visual Update", - subtitle: "2024-11-03", - date: "2024/1103", - previewAlt: "Two N5 Blaster side-to-side", - }, - { - title: "Returnal Update", - subtitle: "2024-10-12", - date: "2024/1012", - previewAlt: "Protagonist aiming at two monkeys", - }, - { - title: "WHERE HAVE I BEEN?? Update", - subtitle: "2024-07-13", - date: "2024/0713", - previewAlt: "Protagonist staring longingly into the distance, pointing the N5 Blaster thereto", - }, - { - title: "Behind-The-Scenes Update", - subtitle: "2024-04-01", - date: "2024/0401", - previewAlt: "N5 Blaster with its lights turned off", - }, - { - title: "Arena Update", - subtitle: "2024-03-24", - date: "2024/0324", - previewAlt: "Protagonist being swamped by many monkey enemies", - }, - { - title: "2024-03-23", - subtitle: "", - date: "2024/0323", - previewAlt: "A red enemy being blown up by an incoming rocket", - }, - { - title: "2024-03-12", - subtitle: "", - date: "2024/0312", - previewAlt: "Protagonist pointing the N5 Blaster into the sky", - }, - { - title: "2024-02-10", - subtitle: "", - date: "2024/0210", - previewAlt: "Panorama of the environment", - }, - { - title: "December 2023", - subtitle: "", - date: "2023/12", - previewAlt: "White protagonist holding the N5 Blaster", - }, - { - title: "November 2023", - subtitle: "", - date: "2023/11", - previewAlt: "A side view of the N5 Blaster", - }, - { - title: "October 2023", - subtitle: "", - date: "2023/10", - previewAlt: "Red protagonist lying on the floor, holding a purple blaster", - }, - { - title: "September 2023", - subtitle: "", - date: "2023/09", - previewAlt: "Ratchet from Ratchet: Gladiator and Sans from Undertale t-posing", - }, -]; \ No newline at end of file