added functional pagination to feed

This commit is contained in:
2026-04-07 17:33:25 +02:00
parent 692d9d8aff
commit 830b5163cb
6 changed files with 73 additions and 116 deletions

View File

@@ -2,12 +2,10 @@
import Content from "$lib/viewport/content.svelte";
import Banner2 from "$lib/banner2.svelte";
import TableOfContents from "$lib/components/table-of-contents.svelte";
import SubtitledImage from "$lib/components/subtitled-image.svelte";
import ImageGallery from "$lib/lists/image-gallery.svelte";
export let data;
// let a = load(0);
</script>
<svelte:head>
@@ -16,18 +14,16 @@
<Content>
<Banner2
title="Art Feed"
title="Art & Project Feed"
banner="banner.webp"
bannerAlt="Mirror picture of me, pixelated beyond recognition"
subtitle="subtitle missing"
date="2026-04-06"
pixelated
/>
{#each data.contents as post}
<svelte:component this={post} />
{/each}
<button style="background-color: aqua; padding: 8px;">{data.currentPage - 1}</button>
<p>{data.currentPage}</p>
<button style="background-color: aqua; padding: 8px;">{data.currentPage + 1}</button>
<p>Welcome to my (new) art feed! It is heavily inspired by <a href="https://deathsurplus.com/">DeathSurplus' art blog</a> definitely go check out his page!</p>
@@ -38,63 +34,11 @@
<p>I <b>MAY</b> merge this with the <a href="/projects">Projects</a> page, I've not yet decided.</p>
<TableOfContents />
{#each data.contents as post}
<svelte:component this={post} />
{/each}
<h2>3DS USB-C mod</h2>
<p class="subtitle">DIY charging port mod</p>
<p class="subtitle">October 2024</p>
<SubtitledImage
image="electronics/3ds-usb-c/showcase.mp4"
subtitle="it charges via USB-C! also do you like my A Hat in Time theme?"
video
/>
<p>
I modded my New 3DS XL (SNES Edition) to give it a USB-C port to charge!
</p>
<ImageGallery
images={[
{
src: "electronics/3ds-usb-c/finished.webp",
alt: "A back view at a New Nintendo 3DS XL with a USB-C port added between the charging port and the right shoulder buttons.",
desc: ["the USB-C port in all its glory"],
},
{
src: "electronics/3ds-usb-c/hole.webp",
alt: "At the top is a view at a USB-C-shaped hole cut into the back half of a New 3DS XL. At the bottom is a look at the same hole from the inside of the case. There are rough cutouts where the stylus slides in.",
desc: [
"a closer look at the holes I cut, and how they affect the stylus slot",
],
},
]}
/>
<p>
I used a small USB-C breakout I had lying around that is wired straight
into the charging pads of the original charging port, which is left
completely intact. The breakout board also has a 5.1kΩ resistor between
ground and one of the CC pins (which I had to manually find because it's
unlabelled) to allow for using C-to-C cables.
</p>
<p>
What I wrecked in turn was the wrist strap loop, which I completely cut
out to create the hole for the port. The stylus port also got cut down
to make space, but my stylus is kind of broken and doesn't stay put when
I put it into the system, so I didn't really care about that.
</p>
<p>
It works well! The hole isn't the prettiest but it was pretty simple to
pull off, and extremely cheap as well. In turn I got a 3DS that I can
charge using any USB-C cable and I no longer need to lug around the
proprietary 3DS charger!
</p>
</Content>
<style>