updated links in footer

src/lib/components/update-entry.svelte

@@ -1,87 +0,0 @@
-<script lang="ts">
-    export interface UpdateEntry {
-        date: string;
-        time: string;
-
-        content: string;
-        link?: string;
-    }
-    
-    let {
-        entry,
-    }: {
-        entry: UpdateEntry;
-    } = $props();
-</script>
-
-<div class="update-entry">
-    <div class="update-entry-timestamp-container">
-        <span>{entry.date}</span>
-        <span class="update-entry-timestamp-comma">,&nbsp;</span>
-        <span>{entry.time}</span>
-    </div>
-    <span class="update-entry-timestamp-divider">::</span>
-    <p>
-        {@html entry.content}
-        {#if entry.link}
-            <a class="update-entry-link" href="{entry.link}">»</a>
-        {/if}
-    </p>
-</div>
-
-<style>
-    .update-entry * {
-        margin: 0;
-    }
-
-    .update-entry {
-        display: flex;
-        flex-direction: row;
-        gap: 8px;
-        margin: 4px 0;
-    }
-
-    .update-entry p {
-        font-size: 1.0rem;
-        line-height: 1.3rem;
-    }
-
-    .update-entry-timestamp-container {
-        display: flex;
-        flex-direction: row;
-    }
-
-    .update-entry-timestamp-container *, .update-entry-timestamp-divider {
-        font-family: var(--font-mono);
-        font-size: 0.8rem;
-        line-height: 1.3rem;
-        font-weight: 500;
-        color: var(--color-highlight);
-        min-width: fit-content;
-    }
-
-    .update-entry-link {
-        font-family: var(--font-mono);
-        font-size: 1.2rem;
-        color: var(--color-highlight);
-        text-decoration: none;
-        line-height: 1.3rem;
-    }
-
-    .update-entry-link:hover {
-        font-weight: 700;
-    }
-
-    @media screen and (max-width: 550px) {
-        /* Align timestamp texts vertically */
-        .update-entry-timestamp-container {
-            flex-direction: column;
-            align-items: end;
-        }
-
-        /* Hide separating comma */
-        .update-entry-timestamp-comma {
-            display: none;
-        }
-    }
-</style>

src/lib/viewport/footer.svelte

@@ -31,10 +31,16 @@
             <div class="content-box">
                 <h6>Meta</h6>
                 <a href="/meta/about">About</a>
-                <a href="/meta/feeds">Feeds</a>
-                <a href="/meta/updates">Updates</a>
+                <a href="/meta/music-rotation">Music Rotation</a>
+                <a href="/meta/now">Now</a>
                 <a href="https://code.natconf.dev/denizk0461/pages">Page Source</a>
-                <a href="/meta/privacy">Privacy & Cookies</a>
+            </div>
+            <div class="content-box">
+                <h6>Other</h6>
+                <a href="https://files.natconf.dev/">copyparty</a>
+                <a href="/meta/feeds">Feeds</a>
+                <a href="https://code.natconf.dev/">Gitea</a>
+                <a href="/other/privacy">Privacy & Cookies</a>
             </div>
         </div>
         <input
@@ -92,8 +98,6 @@
         background-color: var(--color-background-highlight);
         margin-top: 32px;
         border-top: var(--border-style) var(--border-dash-size) var(--color-highlight);
-        /* border-left: var(--border-style) var(--border-dash-size) var(--color-highlight);
-        border-right: var(--border-style) var(--border-dash-size) var(--color-highlight); */
         border-top-left-radius: var(--border-radius);
         border-top-right-radius: var(--border-radius);
     }

src/routes/+page.svelte

@@ -4,8 +4,6 @@
 
     import { posts as devlogPosts } from "./projects/projectn5/devlog/posts";
     import { posts as blogPosts } from "./blog/posts";
-    import { entries as updateEntries } from "./meta/updates/updates";
-    import UpdateEntry from "$lib/components/update-entry.svelte";
     import IndieButton from "$lib/components/indie-button.svelte";
     import { buttons } from "$lib/components/indie-button";
     import { onMount } from "svelte";
@@ -13,8 +11,6 @@
     let latestDevlogDate = devlogPosts[0].post.date;
     let latestBlogDate = blogPosts[0].post.date;
 
-    let updateEntriesTrimmed = updateEntries.slice(0, 5);
-
     let latestStatusContent = $state("fetching status...");
     let latestStatusTimestamp = $state("?");
 

src/routes/feed/+page.svelte

@@ -129,8 +129,7 @@
         filter: brightness(60%) saturate(80%);
         max-height: 320px;
         transition: filter var(--duration-animation) var(--anim-curve),
-                    scale var(--duration-animation) var(--anim-curve),
-                    border-radius var(--duration-animation) var(--anim-curve);
+                    scale var(--duration-animation) var(--anim-curve);
         scale: 1.04;
     }
 
@@ -144,7 +143,6 @@
     }
 
     .image-gallery-link:hover .image-gallery-img {
-        border-radius: var(--border-radius);
         filter: brightness(100%) saturate(100%);
         scale: 1.0;
     }
@@ -172,9 +170,9 @@
     }
 
     @media screen and (max-width: 800px) {
-        .image-gallery-link, .image-gallery-link:hover .image-gallery-img {
+        /* .image-gallery-link, .image-gallery-link:hover .image-gallery-img {
             border-radius: 0;
-        }
+        } */
 
         .image-gallery-link:hover {
             outline-color: transparent;

src/routes/feed/electronics/trans-phone.md

@@ -18,4 +18,4 @@ Inspired by Nothing phones and cool dbrand skins from way back, I gave my phone
 
 This was arduous and took a lot of time too (5 hours). I used a metal spudger, bamboo toothpicks, and cottons swabs and pads soaked in acetone-free nail polish remover to remove the two paint layers slowly but surely, being careful not to scratch the back too much. It revealed a slightly cloudly but actually decently transparent back that still preserved its slightly pearlescent purple glow!
 
-Only contra is that the back can't hold on anymore because I removed all the glue, but since I'm keeping the phone in a case at all times, this isn't really an issue. Oh and, the exposure to alcohol made the back develop plenty of hairline cracks around the top and bottom, but it's still in one piece!
+Only contra is that the back can't hold on anymore because I removed all the glue, but since I'm keeping the phone in a case at all times, this isn't really an issue. Oh and, the exposure to alcohol made the back develop plenty of hairline cracks around the top and bottom edges, but it's still in one piece!

src/routes/meta/music-rotation/+page.svelte

@@ -0,0 +1 @@
+musicrot

src/routes/meta/now/+page.svelte

@@ -0,0 +1 @@
+now

src/routes/meta/updates/+page.svelte

@@ -1,21 +0,0 @@
-<script lang="ts">
-    import Banner2 from "$lib/banner2.svelte";
-    import Content from "$lib/viewport/content.svelte";
-    import { entries } from "./updates";
-    import ChangelogEntry from "$lib/components/update-entry.svelte";
-</script>
-
-<svelte:head>
-    <title>Website Updates | denizk0461</title> 
-</svelte:head>
-
-<Content>
-    <Banner2
-        title="Website Updates" />
-    
-        <div>
-            {#each entries as entry}
-                <ChangelogEntry {entry} />
-            {/each}
-        </div>
-</Content>

src/routes/meta/updates/updates.ts

@@ -1,86 +0,0 @@
-import { type UpdateEntry } from "$lib/components/update-entry.svelte";
-
-export const entries: UpdateEntry[] = [
-    {
-        date: "2026-03-26",
-        time: "20:50",
-        content: "<b>Important</b>: my website is changing domains.",
-        link: "/blog/2026/0326",
-    },
-    {
-        date: "2026-03-25",
-        time: "22:22",
-        content: "I made a LIGHTYEARS font!",
-        link: "/blog/2026/0325",
-    },
-    {
-        date: "2026-03-17",
-        time: "17:10",
-        content: "a bit uncharacteristic, but I wrote a guide on setting up a SvelteKit app + backend because I found NOTHING of the sort online.",
-        link: "/blog/2026/0317",
-    },
-    {
-        date: "2026-03-11",
-        time: "19:21",
-        content: "new page: my drawings!",
-        link: "/art/drawings",
-    },
-    {
-        date: "2026-03-07",
-        time: "14:12",
-        content: "I fancied up some element animations, especially on the devlog and blog pages! The main page also got some love.",
-    },
-    {
-        date: "2026-03-05",
-        time: "23:59",
-        content: "My drawing challenge is complete – I learned to draw!",
-        link: "/blog/2026/0205",
-    },
-    {
-        date: "2026-02-26",
-        time: "20:21",
-        content: "There's now a new Small Projects page where I gradually add some of my smaller projects.",
-        link: "/projects/small",
-    },
-    {
-        date: "2026-02-25",
-        time: "19:33",
-        content: "Added cool status markers to the projects page that show whether a project is currently active.",
-        link: "/projects",
-    },
-    {
-        date: "2026-02-21",
-        time: "16:25",
-        content: "My website is now also part of the no AI webring!",
-        link: "https://baccyflap.com/noai",
-    },
-    {
-        date: "2026-02-16",
-        time: "18:44",
-        content: "My website is now part of the bucket webring!",
-        link: "https://webring.bucketfish.me/",
-    },
-    {
-        date: "2026-02-06",
-        time: "18:47",
-        content: "Started a 28-day drawing challenge for myself! Updating the blog post every day with my new drawings.",
-        link: "/blog/2026/0205",
-    },
-    {
-        date: "2026-02-03",
-        time: "22:46",
-        content: "Created a new gallery widget for the main page and added a link to the new Gitea instance.",
-    },
-    {
-        date: "2026-02-03",
-        time: "15:48",
-        content: "Now running my own Gitea instance! It now also hosts my website repository.",
-        link: "https://code.natconf.dev/denizk0461/pages",
-    },
-    {
-        date: "2026-02-02",
-        time: "19:30",
-        content: "Updated some texts and moved my contact info to the about page. Also created this changelog!",
-        link: "/meta/about",
-    },
-];