added functional pagination to feed
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user