feat: journal 01-22-25 + misc. fixes

This commit is contained in:
Kebo 2025-01-24 11:25:02 -06:00
parent 39077eac0b
commit 2b1a0fe04d
5 changed files with 74 additions and 65 deletions

View file

@ -5,7 +5,8 @@ import { parse } from 'node-html-parser';
// https://ellodave.dev/blog/article/using-svgs-as-astro-components-and-inline-css/
export interface Props {
icon: string
icon: string,
class: string,
}
function getSVG(name: string) {

View file

@ -97,7 +97,7 @@ import HR from "../HR.astro";
button.addEventListener("click", (event) => {
if (!menu.classList.contains("active")) { // if closed, stop having it be closed!
menu.classList.add("active");
button.setAttribute("aria-expanded", true);
button.setAttribute("aria-expanded", "true");
// we need to set the max height to the height of the accordion object so the animations work correctly
content.classList.remove("hidden");
@ -105,7 +105,7 @@ import HR from "../HR.astro";
chevron.classList.add("rotate-180");
} else { // if open, stop having it be open!!!!
menu.classList.remove("active");
button.setAttribute("aria-expanded", false);
button.setAttribute("aria-expanded", "false");
content.style.maxHeight = '0px';
chevron.classList.remove("rotate-180");

View file

@ -21,7 +21,7 @@ if (p.href.includes('https://') || p.href.includes('http://')) {
<slot/>
{external ? (
<>
<Icon icon="FaExternalLink" class='w-2.5 inline-block align-super fill-crusta-800 fill:stroke-night-400' aria-hidden="true"/>
<Icon icon="FaExternalLink" class='w-2.5 inline-block align-super fill-crusta-800 dark:fill-night-400' aria-hidden="true"/>
<span class="hidden">opens in a new tab</span>
</>
) : ''}

View file

@ -21,7 +21,7 @@ import { timeZone } from "../lib/utils";
<h2 class="font-serif text-3xl my-2">Hey. Welcome to City 23.</h2>
<Picture
src={cri}
alt="A scrunkly picture of my sona crying"
alt="A scrunkly drawing of my sona crying"
class="w-20 mr-4 inline-flex float-left"
/>
<p class="mb-2">
@ -34,18 +34,10 @@ import { timeZone } from "../lib/utils";
<a href="/journal" class="font-serif text-subtitle text-sm hover:underline">November 14, 2024</a>
</p>
<MDXCallout preset="new">
This site is now using the <a href="https://astro.build">Astro web framework</a>!
Previously, this site was using <a href="https://nextjs.org">Next.js</a>, a fullstack framework built for big whig companies
with big whig webapps... and it didn't really fit this site. Hopefully, the move to Astro will mean a more responsive and performant
blog that still has room to expand in the future. To learn more about this, check out my <a href="/journal#2024-11-12"
class="text-subtitle hover:underline">latest journal entry</a>.
<MDXCallout preset="info">
whoops i forgor to pay my hosting provider so my website went poof. i fixed it. website back now. yey
<br/><br/>
I also want to note that there are now only <b>two</b> content feeds, Atom and JSON,
accessed via <a href="/feeds/feed.xml" class="text-subtitle hover:underline"><code>/feeds/feed.xml</code></a> and <a href="/feeds/feed.json" class="text-subtitle hover:underline"><code>/feeds/feed.json</code></a> respectively. This was done to simplify my RSS feeds and give myself
less work lmao.
<br/><br/>
If you have any questions (or bug reports) regarding the transition to Astro, please reach out via email. Hope you enjoy the new site!
Expect an editing pass to my last blog post (f i n a l l y) sometime soon-ish.
</MDXCallout>
<h2 class="font-serif text-2xl mb-2">recent posts</h2>

View file

@ -13,30 +13,42 @@ import Icon from "../components/Icon.astro";
## now
Working on my website instead of taking notes for class because i do not control the hyperfixation.... and also I'm way behind and I am too stressed to catch up right now ;3;
it's 4am. i need to sleep. but i will not. because i do not control the eep
---
<MDXAccordion title="todo">
- [ ] Make an editing pass on the last blog post (FINALLY) so I can stop worrying about it.
- [ ] Just. Write. Goddammit.
- [ ] Figure out how to make the API route serving the Atom feed ([feed.xml](../feeds/feed.xml)) actually send an xml file that can be recognized by the browser (i.e. allowing for a `.xsl` to work with it and/or opening it automatically in your RSS reader of choice).
- [ ] Write *oooooooone* more blog post deliberately **less** involved in order to break my habit of assuming a blog post has to have 5000 characters and five headings to be worth posting
- [ ] Pretty up the python function blog post to fix typos and have clearer instructions (it *is* a tutorial, after all).
- [ ] Set up a dev version of this site & start implementing the account system!
</MDXAccordion>
{/*
---
## todo
# 2025-01-22
- [ ] Make external links open in a new tab. This should be pretty easy to implement.
- [ ] Potentially add an extra "new-tab" flag to MDX links (a space & "+" after the link in the parentheses? that might be too complicated
to implement nicely tho)
- [ ] Automatically insert an "external link" icon (<MdOpenInNew size='16' className="inline-flex"/>) on links that open in a new tab.
- [ ] Set up a dev version of this site & start implementing the account system!
*/}
Oh my god!!! It's another year!!!!
---
In fact, it has officially been six-ish months since this version of my website has been around
(yes, it's only been two since I switched to Astro, but since that was more of a technical migration rather
than a whole website redesign, I'm not counting that lol).
On one hand, it is really cool that I've settled on something that I can feel proud of every time I look at it.
On the other hand, **my god do I need to put more stuff on here.**
So, here's the current plan:
- Make an editing pass on the last blog post (FINALLY) so I can stop worrying about it.
- Just. Write. Goddammit.
- Theeeeeen maybe we can worry about that fancy comments system I keep fantasizing about.
Heck, if you want to leave me a note on one of my blog posts, there's a great way to do so: email me! Or fedi me!! Or bsky me (ok maybe dont do that because i rarely use bsky)!!!
The main reason I want to implement a comments system is to build a community... but I can't really do that if
there are no people to fill it. So if you want to be a part of that, let me know.
......Completely unrelated question, does anyone want to see an eleboog.com IRC chatroom?
oh and [obligatory song link](https://www.youtube.com/watch?v=kI811LrVAu8)
# 2024-11-14
@ -409,72 +421,76 @@ As usual, [here's my song recommendation of the whenever](https://www.youtube.co
---
<MDXCallout preset="note">The rest of this page contains older journal entries ported over from the previous version of this site.</MDXCallout>
# 2023-08-20
My CalcKey instance has been perpetually upset at me. It sucks because if I undo my migration, I'll likely lose all of my follows and followers. I think I might need to upgrade my VPS so it isn't using up all my server's resources... but I'm not sure if I can afford it right now. If you have some suggestions as to how I can fix this, email me lol
<MDXAccordion title="really old entries">
<MDXCallout preset="note">
This section contains older journal entries ported over from the previous version of this site.
</MDXCallout>
# 2023-08-20
Also, sorry for fucking up the sharefeed and not realizing until more than a month later. whoops.
My CalcKey instance has been perpetually upset at me. It sucks because if I undo my migration, I'll likely lose all of my follows and followers. I think I might need to upgrade my VPS so it isn't using up all my server's resources... but I'm not sure if I can afford it right now. If you have some suggestions as to how I can fix this, email me lol
# 2023-07-05
Also, sorry for fucking up the sharefeed and not realizing until more than a month later. whoops.
I've been meaning to create an online forums for a while now to serve as my blog's comment section and provide an alternative social space for queer nerds like me. I thought I found the perfect solution in Discourse... but it eats up so much ram. Only around 70MB is left of my VPS's 2GB of ram. Ouch.
# 2023-07-05
Thus, even though you may have noticed that I had Discourse serve as the comments section of my site for about a month, I am disabling it for now to make room for a Calckey instance. Sorry about that!
I've been meaning to create an online forums for a while now to serve as my blog's comment section and provide an alternative social space for queer nerds like me. I thought I found the perfect solution in Discourse... but it eats up so much ram. Only around 70MB is left of my VPS's 2GB of ram. Ouch.
As an apology, more sharefeed stuffs coming your way! :3
Thus, even though you may have noticed that I had Discourse serve as the comments section of my site for about a month, I am disabling it for now to make room for a Calckey instance. Sorry about that!
also listen to this album plz: [This Town Needs Guns - Animals](https://www.youtube.com/watch?v=DOHGTJoh498)
As an apology, more sharefeed stuffs coming your way! :3
# 2023-06-03
also listen to this album plz: [This Town Needs Guns - Animals](https://www.youtube.com/watch?v=DOHGTJoh498)
Tried to wrangle IndieWeb stuff like h-entries and h-cards. I want to murder IndieWeb now.
# 2023-06-03
In better news, I decided to roll my own social links in the footer instead of the side bar, and I think it works well!
Tried to wrangle IndieWeb stuff like h-entries and h-cards. I want to murder IndieWeb now.
Gonna throw out some more sharefeed posts in a bit. yay.
In better news, I decided to roll my own social links in the footer instead of the side bar, and I think it works well!
# 2023-06-02
Gonna throw out some more sharefeed posts in a bit. yay.
I found out something funny about the new Etrian Odyssey HD remasters.
# 2023-06-02
The digital release of all three games is priced at $80. There is no physical release of the game except in Asian markets.
I found out something funny about the new Etrian Odyssey HD remasters.
However, PlayAsia is selling said physical release (for the Nintendo Switch) at *$70*. With standard shipping to the US, the total price is $77.90... ***cheaper than the digital release.***
The digital release of all three games is priced at $80. There is no physical release of the game except in Asian markets.
Guess me being a weirdo who likes collecting physical Switch games wasn't dumb after all.
However, PlayAsia is selling said physical release (for the Nintendo Switch) at *$70*. With standard shipping to the US, the total price is $77.90... ***cheaper than the digital release.***
Also, I have a bunch of shit lined up for the sharefeed. Going to be spreading them out over the weekend. Happy reading!
Guess me being a weirdo who likes collecting physical Switch games wasn't dumb after all.
# 2023-06-01
Also, I have a bunch of shit lined up for the sharefeed. Going to be spreading them out over the weekend. Happy reading!
First of all, happy pride month. Be gay. Do crime.
# 2023-06-01
Second, you may notice my blog is now Evil PewDiePie flavored. Figured it would be a cool way to spice up the visual design. If there are any elements that still look messed up with this change, let me know.
First of all, happy pride month. Be gay. Do crime.
Finally, link emebeds now work. I may pretty up the embed image at some point for articles, but for now, I'm pretty excited!
Second, you may notice my blog is now Evil PewDiePie flavored. Figured it would be a cool way to spice up the visual design. If there are any elements that still look messed up with this change, let me know.
# 2023-05-19
Finally, link emebeds now work. I may pretty up the embed image at some point for articles, but for now, I'm pretty excited!
I follow a Hacker News bot on Telegram. Whenever I see something interesting, I forward the post to my "Saved Messages" to read later... which I never do.
# 2023-05-19
I had an idea to turn this pipeline into something that is actually useful for not just me but for anyone else who is as much of a fucking nerd as I am. Basically, it would be a webpage filled with links to blog posts or articles or other websites that I find interesting (note: interesting != good) that can also be viewed as an Atom feed. I would attach summaries/notes to each link (which would be stuffed under the \<summary\> tag on the Atom feed) so I can give some more detials of what I think about it and possibly what I might do with it in the future (e. make a response to it on my blog, use the project for my own purposes, etc).
I follow a Hacker News bot on Telegram. Whenever I see something interesting, I forward the post to my "Saved Messages" to read later... which I never do.
I'm sure there's already solutions for "read later" feeds like what I wanna do, but I wanna roll my own because I think it would be pretty simple to make a basic rendition of this (especially in Jekyll thanks to Liquid markup allowing you to literally roll your own custom Atom feed if you wanna). Plus... if this kicks off, maybe I can develop it further! Comments, a framework to make something like it for your own site... maybe even ActivityPub support.
I had an idea to turn this pipeline into something that is actually useful for not just me but for anyone else who is as much of a fucking nerd as I am. Basically, it would be a webpage filled with links to blog posts or articles or other websites that I find interesting (note: interesting != good) that can also be viewed as an Atom feed. I would attach summaries/notes to each link (which would be stuffed under the \<summary\> tag on the Atom feed) so I can give some more detials of what I think about it and possibly what I might do with it in the future (e. make a response to it on my blog, use the project for my own purposes, etc).
Now, for something completely different... [Listen to this right the fuck now.](
https://www.youtube.com/watch?v=DZ2jgJi54So)
I'm sure there's already solutions for "read later" feeds like what I wanna do, but I wanna roll my own because I think it would be pretty simple to make a basic rendition of this (especially in Jekyll thanks to Liquid markup allowing you to literally roll your own custom Atom feed if you wanna). Plus... if this kicks off, maybe I can develop it further! Comments, a framework to make something like it for your own site... maybe even ActivityPub support.
# 2023-05-02
Now, for something completely different... [Listen to this right the fuck now.](
https://www.youtube.com/watch?v=DZ2jgJi54So)
I just updated the theme of this blog from Minima to Chirpy. Find this a lot better than I had before! Gonna make a blog post on it once I finalize some shit.
# 2023-05-02
I also need to fix up this journal to actually work as an HTML journal. Right now, there's some elements missing, and I need to make a jekyll plugin to parse through this page's content and put in the proper elements for each entry. Might do that as a warm up to [jekyll-to-gemini](../posts/jekyll-to-gemini).
I just updated the theme of this blog from Minima to Chirpy. Find this a lot better than I had before! Gonna make a blog post on it once I finalize some shit.
oh also pro tip that i just learned: adding two or more spaces to a line and then inserting a newline lets you insert a line break. donno why it doesn't just format it the right way in the first place but I didn't make Markdown.
I also need to fix up this journal to actually work as an HTML journal. Right now, there's some elements missing, and I need to make a jekyll plugin to parse through this page's content and put in the proper elements for each entry. Might do that as a warm up to [jekyll-to-gemini](../posts/jekyll-to-gemini).
# 2023-03-28
oh also pro tip that i just learned: adding two or more spaces to a line and then inserting a newline lets you insert a line break. donno why it doesn't just format it the right way in the first place but I didn't make Markdown.
Gonna try to use this as a space to put stuff that doesn't feel "big enough" for a blog post. Hopefully this encourages me to actually use this site more lol
# 2023-03-28
Gonna try to use this as a space to put stuff that doesn't feel "big enough" for a blog post. Hopefully this encourages me to actually use this site more lol
</MDXAccordion>