{title}

{description}

{ updatedDate && ( diff --git a/src/pages/about.astro b/src/pages/about.astro index 2bed978..68483fd 100644 --- a/src/pages/about.astro +++ b/src/pages/about.astro @@ -3,61 +3,30 @@ import Layout from '../layouts/BlogPost.astro'; ---

- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut - labore et dolore magna aliqua. Vitae ultricies leo integer malesuada nunc vel risus commodo - viverra. Adipiscing enim eu turpis egestas pretium. Euismod elementum nisi quis eleifend quam - adipiscing. In hac habitasse platea dictumst vestibulum. Sagittis purus sit amet volutpat. Netus - et malesuada fames ac turpis egestas. Eget magna fermentum iaculis eu non diam phasellus - vestibulum lorem. Varius sit amet mattis vulputate enim. Habitasse platea dictumst quisque - sagittis. Integer quis auctor elit sed vulputate mi. Dictumst quisque sagittis purus sit amet. + Hey! Welcome to the About page. I'm Pinapelz, a second-year Software Engineering student at the University of California, Irvine. + I'm a pretty avid virtual youtuber (vtuber) enjoyer so you may have seen me around or noticed a strange trend in the types of projects on my GitHub. + Outside of that though I spend pretty much the remainder of my spare time programming random little doodads and playing a bunch of JRPGs and MMOs (it's uhh mostly just FFXIV and PSO2 though...)

- -

- Morbi tristique senectus et netus. Id semper risus in hendrerit gravida rutrum quisque non - tellus. Habitasse platea dictumst quisque sagittis purus sit amet. Tellus molestie nunc non - blandit massa. Cursus vitae congue mauris rhoncus. Accumsan tortor posuere ac ut. Fringilla urna - porttitor rhoncus dolor. Elit ullamcorper dignissim cras tincidunt lobortis. In cursus turpis - massa tincidunt dui ut ornare lectus. Integer feugiat scelerisque varius morbi enim nunc. - Bibendum neque egestas congue quisque egestas diam. Cras ornare arcu dui vivamus arcu felis - bibendum. Dignissim suspendisse in est ante in nibh mauris. Sed tempus urna et pharetra pharetra - massa massa ultricies mi. -

- +

why this?

- Mollis nunc sed id semper risus in. Convallis a cras semper auctor neque. Diam sit amet nisl - suscipit. Lacus viverra vitae congue eu consequat ac felis donec. Egestas integer eget aliquet - nibh praesent tristique magna sit amet. Eget magna fermentum iaculis eu non diam. In vitae - turpis massa sed elementum. Tristique et egestas quis ipsum suspendisse ultrices. Eget lorem - dolor sed viverra ipsum. Vel turpis nunc eget lorem dolor sed viverra. Posuere ac ut consequat - semper viverra nam. Laoreet suspendisse interdum consectetur libero id faucibus. Diam phasellus - vestibulum lorem sed risus ultricies tristique. Rhoncus dolor purus non enim praesent elementum - facilisis. Ultrices tincidunt arcu non sodales neque. Tempus egestas sed sed risus pretium quam - vulputate. Viverra suspendisse potenti nullam ac tortor vitae purus faucibus ornare. Fringilla - urna porttitor rhoncus dolor purus non. Amet dictum sit amet justo donec enim. + I thought it would probably be a good idea to have a place that documents some of my thought processes and the things I've learned over time since + I have this fantastic habit of forgetting things, leaving braindead or no comments in my code, and generally just writing boilerplate code (plus I gotta work on my writing skills)

- +

what's this made with?

- Mattis ullamcorper velit sed ullamcorper morbi tincidunt. Tortor posuere ac ut consequat semper - viverra. Tellus mauris a diam maecenas sed enim ut sem viverra. Venenatis urna cursus eget nunc - scelerisque viverra mauris in. Arcu ac tortor dignissim convallis aenean et tortor at. Curabitur - gravida arcu ac tortor dignissim convallis aenean et tortor. Egestas tellus rutrum tellus - pellentesque eu. Fusce ut placerat orci nulla pellentesque dignissim enim sit amet. Ut enim - blandit volutpat maecenas volutpat blandit aliquam etiam. Id donec ultrices tincidunt arcu. Id - cursus metus aliquam eleifend mi. + I was deliberating quite a bit about how I wanted to make the site. My web development experience is still fairly limited so I wasn't even too sure on what my options were. + I ended up settling on Astro since it seems like it's pretty flexible with all the different frameworks you can integrate. I also like the idea of being able + to write in markdown since it'll certainly make things easier on my fingers. Plus the idea of being able to run JSX in markdown seems pretty cool.

- +

stuff

- Tempus quam pellentesque nec nam aliquam sem. Risus at ultrices mi tempus imperdiet. Id porta - nibh venenatis cras sed felis eget velit. Ipsum a arcu cursus vitae. Facilisis magna etiam - tempor orci eu lobortis elementum. Tincidunt dui ut ornare lectus sit. Quisque non tellus orci - ac. Blandit libero volutpat sed cras. Nec tincidunt praesent semper feugiat nibh sed pulvinar - proin gravida. Egestas integer eget aliquet nibh praesent tristique magna. + A lot of the things I've experimented with or made are on my GitHub, I've also got a LittleLink that I try and regularly update with some of the stuff I've deployed + as well as some ways of contacting me. You can also get to either at any time through the hub and github links at the footer of each page.

diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro index 0d656a1..12436c2 100644 --- a/src/pages/blog/[...slug].astro +++ b/src/pages/blog/[...slug].astro @@ -16,6 +16,5 @@ const { Content } = await post.render(); --- -

{post.data.title}

diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro index 47126e7..11201b1 100644 --- a/src/pages/blog/index.astro +++ b/src/pages/blog/index.astro @@ -26,7 +26,7 @@ const posts = (await getCollection('blog')).sort( ul li :global(time) { flex: 0 0 130px; font-style: italic; - color: #595959; + color: #646464; } ul li a:visited { color: #8e32dc; diff --git a/src/pages/index.astro b/src/pages/index.astro index 26f070d..a1d2259 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -3,6 +3,12 @@ import BaseHead from '../components/BaseHead.astro'; import Header from '../components/Header.astro'; import Footer from '../components/Footer.astro'; import { SITE_TITLE, SITE_DESCRIPTION } from '../consts'; +import { getCollection } from 'astro:content'; +import FormattedDate from '../components/FormattedDate.astro'; + +const posts = (await getCollection('blog')).sort( + (a, b) => a.data.pubDate.valueOf() - b.data.pubDate.valueOf() +); --- @@ -12,38 +18,144 @@ import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';

🧑‍🚀 Hello, Astronaut!

- Welcome to the official Astro blog starter template. This - template serves as a lightweight, minimally-styled starting point for anyone looking to build - a personal website, blog, or portfolio with Astro. -

- This template comes with a few integrations already configured in your - astro.config.mjs file. You can customize your setup with - Astro Integrations to add tools like Tailwind, - React, or Vue to your project. -

Here are a few ideas on how to get started with the template:

Edit this page in src/pages/index.astro
Edit the site header items in src/components/Header.astro
Add your name to the footer in src/components/Footer.astro
Check out the included blog posts in src/pages/blog/
Customize the blog post page layout in src/layouts/BlogPost.astro

- Have fun! If you get stuck, remember to read the docs - or join us on Discord to ask questions. -

+ +

👋 Greetings, Adventurer!

- Looking for a blog template with a bit more personality? Check out astro-blog-template - by Maxi Ferreira. + Welcome to my site/blog! This place will serve as a corner where I can document the progress and process with some of things I've experimented with or made. + I guess its like programming documentation, but uhh more of a mess?

I did a thing..

Here are some of the things I've done/experimented with and found pretty cool! (you can also find more stuff here and on GitHub)

+ +

NijiTrack

+ Record and track historical subscriber data for a set of YouTube channels. + Currently mine is set up to record data for Nijisanji Virtual YouTubers (Nijitracker link on repo). +

+ +

Video Archive Web (Patchwork Archive)

+ A Python Flask web app that can host archived YouTube videos, currently used as the + front end for Patchwork Archive (link on repo). +

+ +

JHolodex

+ A Java object oriented wrapper for the Holodex API +

+ +

Project Sapphire

+ My fork of Sapphire, a C++ Final Fantasy XIV Server Emulator. Most of the work I've done + is pretaining to scripting content +

+ +

Yet Another Lavaplayer Bot

+ A Discord music bot written in Java using JDA and Lavaplayer +

+ +

YTMP3 Auto Tag

+ A Java Swing application that uses yt-dlp to download and then automatically tag + mp3 files with metadata from the video. Supports downloading parts of a video as well +