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

src/components/Icon.astro

@@ -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) {

src/components/mdx/MDXAccordion.astro

@@ -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");

src/components/mdx/MDXLink.astro

@@ -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>
 		</>
 	) : ''}

src/pages/index.astro

@@ -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">
+      <MDXCallout preset="info">
-        This site is now using the <a href="https://astro.build">Astro web framework</a>!
+        whoops i forgor to pay my hosting provider so my website went poof. i fixed it. website back now. yey
-        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>.
         <br/><br/>
-        I also want to note that there are now only <b>two</b> content feeds, Atom and JSON, 
+        Expect an editing pass to my last blog post (f i n a l l y) sometime soon-ish.
-        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!
       </MDXCallout>
       
       <h2 class="font-serif text-2xl mb-2">recent posts</h2>

src/pages/journal.mdx

@@ -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.
+Oh my god!!! It's another year!!!!
-- [ ] 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!
-*/}
 
----
+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,8 +421,12 @@ 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>
 
+
+<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
 
     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
@@ -477,4 +493,4 @@ oh also pro tip that i just learned: adding two or more spaces to a line and the
     # 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>