adjusted page width media query for devlog post buttons, and possibly some other things too

This commit is contained in:
2026-01-05 11:20:34 +00:00
parent a20c18f38c
commit 5f6eb147d0
4 changed files with 39 additions and 41 deletions

View File

@@ -7,6 +7,7 @@
import { quotes, type Quote } from "./quotes";
import { posts, type DevlogPost } from "./projects/projectn5/devlog/posts";
import { type GalleryEntry } from "$lib/lists/gallery-entry.svelte";
let meImg: string = $state("common/me/a.webp");
let marqueeQuote: Quote = $state({
@@ -14,6 +15,34 @@
content: "",
source: "",
});
let latestDevlogDate = posts.values().next().value?.date ?? "could not fetch";
const galleryEntries: GalleryEntry[] = [
{
title: "Project N5 devlog",
subtitle: `my active Godot game project about finding yourself in an unfamiliar future.\n<i>latest update: ${latestDevlogDate}</i>`,
fullWidth: true,
img: "projects/projectn5/devlog/2025/0523/birds_eye.webp",
imgAlt: "Project N5 screenshot of Laura looking down at two cuboids",
link: "projects/projectn5/devlog",
},
{
title: "Projects",
subtitle: "an overview of what I do and have done",
fullWidth: false,
img: "projects/project-mix.webp",
imgAlt: "A collage of multiple projects: the Unity default third-person character and CJ from GTA San Andreas in the top left; purple protagonist from Project N5 holding a massive rocket launcher in the top right; two wizards in the bottom left; a breadboard with a microcontroller and input components in the bottom right",
link: "projects",
},
{
title: "Files",
subtitle: "find things I've put for download on my <a href='https://github.com/9001/copyparty'>copyparty</a> instance",
fullWidth: false,
img: "common/hypertext.webp",
imgAlt: "Screenshot of Hypertext Unity level. Crates are strewn across the floor, Waluigi is flying in front of the camera, and text such as 'COME AND TRY OUR ALL-NEW BLENDER' and 'omg! it's the brandenburg er tor!' is displayed",
link: "//files.denizk0461.dev/",
},
];
onMount(() => {
setPicture();
@@ -33,8 +62,6 @@
let setMarqueeText = function() {
marqueeQuote = quotes[getRandom(quotes.length)];
};
let latestDevlogDate = posts.values().next().value?.date ?? "could not fetch";
</script>
<svelte:head>
@@ -47,32 +74,7 @@
<div class="container">
<div class="subcontainer">
<Gallery entries={[
{
title: "Project N5 devlog",
subtitle: "my active Godot game project about finding yourself in an unfamiliar future.\n<i>latest update: " + latestDevlogDate + "</i>",
fullWidth: true,
img: "projects/projectn5/devlog/2025/0523/birds_eye.webp",
imgAlt: "Project N5 screenshot of Laura looking down at two cuboids",
link: "projects/projectn5/devlog",
},
{
title: "Projects",
subtitle: "an overview of what I do and have done",
fullWidth: false,
img: "projects/project-mix.webp",
imgAlt: "A collage of multiple projects: the Unity default third-person character and CJ from GTA San Andreas in the top left; purple protagonist from Project N5 holding a massive rocket launcher in the top right; two wizards in the bottom left; a breadboard with a microcontroller and input components in the bottom right",
link: "projects",
},
{
title: "Files",
subtitle: "find things I've put for download on my <a href='https://github.com/9001/copyparty'>copyparty</a> instance",
fullWidth: false,
img: "common/hypertext.webp",
imgAlt: "Screenshot of Hypertext Unity level. Crates are strewn across the floor, Waluigi is flying in front of the camera, and text such as 'COME AND TRY OUR ALL-NEW BLENDER' and 'omg! it's the brandenburg er tor!' is displayed",
link: "//files.denizk0461.dev/",
},
]}/>
<Gallery entries={galleryEntries}/>
</div>
<div class="subcontainer">
<div class="quote-marquee-container">