From b226cde9b16197ed44636872aea118ae146c925f Mon Sep 17 00:00:00 2001 From: Kebo Date: Mon, 23 Jun 2025 15:57:25 -0500 Subject: [PATCH] sharefeed & journal updates + some visual changes --- public/buttons/eleboog_button.jpg | Bin 0 -> 3527 bytes public/buttons/eleboog_button_light.jpg | Bin 0 -> 3245 bytes public/buttons/green-team.gif | Bin 0 -> 479 bytes src/components/AttentionBar.astro | 11 ++++ src/components/Header.astro | 52 ++++++++++------- src/components/mdx/MDXImage.astro | 1 + src/content/posts/2025-06-14-1yranni.mdx | 55 ++++++++++++++++-- .../posts/2025-06-21-sharefeed-chrome.mdx | 8 +++ src/data/sharefeed.json | 24 ++++++++ src/layouts/BaseLayout.astro | 16 +++-- src/pages/cool.mdx | 4 +- src/pages/index.astro | 9 ++- src/pages/journal.mdx | 14 ++++- src/styles/globals.css | 16 +++++ 14 files changed, 172 insertions(+), 38 deletions(-) create mode 100644 public/buttons/eleboog_button.jpg create mode 100644 public/buttons/eleboog_button_light.jpg create mode 100644 public/buttons/green-team.gif create mode 100644 src/components/AttentionBar.astro create mode 100644 src/content/posts/2025-06-21-sharefeed-chrome.mdx diff --git a/public/buttons/eleboog_button.jpg b/public/buttons/eleboog_button.jpg new file mode 100644 index 0000000000000000000000000000000000000000..0111d1926367083b0216028fcc8c6bf8385da4f2 GIT binary patch literal 3527 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 TO=Ax}fuvjcYs(@-*w6n1H(V36 literal 0 HcmV?d00001 diff --git a/public/buttons/eleboog_button_light.jpg b/public/buttons/eleboog_button_light.jpg new file mode 100644 index 0000000000000000000000000000000000000000..50bced89913cb788a65f90403d4a4aee4c7439c7 GIT binary patch literal 3245 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 literal 0 HcmV?d00001 diff --git a/public/buttons/green-team.gif b/public/buttons/green-team.gif new file mode 100644 index 0000000000000000000000000000000000000000..b3c9bf592cff331029d4e27b8a5ebec2501567a2 GIT binary patch literal 479 zcmV<50U-WINk%v~VORhk0CxZYA^8Ld00000EC2ui09XJY0D>AC8Z~)0Os`OGzi^Yy zmB{AF>h#{;D&vb3ybzmBA@Bg@< zaHu=|j!4vS$&?j&$!M=h6+V@-~6Ifo3~OZ8UF(aEmc*ig9B%fhu}^lPQ&$nuJD-b&WNSpq`K}VVRbesF!_}dYn*m zZ*pFTbd9%mS$}DJy}qt|fqz_Qh-9RXqsqE8m&BQ?(!<4tUZ8TGql?UuUD1=SE7N<` zoq3ioqP#@@?^=uuhaF1O)}OhRYVf zMRL#qL;`W7UY=IsEWt9w1|uzQB_A@;l#1mrUgl!4!*)^>O^#Fsv3f@Bl|723Ok!*| zD@hfdAAvy|^z$4tnnP`x#Mx00Icg%C$}FjflvkBi$xIWAG$xi?vMN?Q1a{>srDfmx z6zD8x+a+bjtk^g*BEf@zoh0=8FEC(%gzp+|f;chN#Z;aUm`u5{<;$2eU)I67v**vC VLyI<`xwPri1VpP|&00qS06Qmb;Hdxr literal 0 HcmV?d00001 diff --git a/src/components/AttentionBar.astro b/src/components/AttentionBar.astro new file mode 100644 index 0000000..8606245 --- /dev/null +++ b/src/components/AttentionBar.astro @@ -0,0 +1,11 @@ +--- + +const props = Astro.props + +--- +{ false && <> + + Sorry to be annoying, but I need money. + +} \ No newline at end of file diff --git a/src/components/Header.astro b/src/components/Header.astro index 9b917ce..504d90b 100644 --- a/src/components/Header.astro +++ b/src/components/Header.astro @@ -6,28 +6,36 @@ const {current} = Astro.props;
-
- - eleboog.com - -
-

{current}

+
+
+ + + eleboog.com + + +
+

{current}

+
+
+

+ newest + / + archive + / + journal + / + + sharefeed + / + me + / + cool + / + rss + + more +

+
- -

- newest - / - archive - / - journal - / - sharefeed - / - me - / - cool - / - rss -

\ No newline at end of file diff --git a/src/components/mdx/MDXImage.astro b/src/components/mdx/MDXImage.astro index e4903f1..32cfa09 100644 --- a/src/components/mdx/MDXImage.astro +++ b/src/components/mdx/MDXImage.astro @@ -18,5 +18,6 @@ const props = Astro.props '--props-center': props.center ? 'auto' : 'none', }} /> +

{props.alt}

\ No newline at end of file diff --git a/src/content/posts/2025-06-14-1yranni.mdx b/src/content/posts/2025-06-14-1yranni.mdx index 6ae7b86..482582b 100644 --- a/src/content/posts/2025-06-14-1yranni.mdx +++ b/src/content/posts/2025-06-14-1yranni.mdx @@ -1,12 +1,59 @@ --- -date: 2025-06-14 13:00:00 +date: 2025-06-16 13:00:00 title: It's the one year anniversary! summary: ...pretty much. Talking about my current plans for the site and what I'm going to do with it now that I am free from school. draft: true --- -Blow the party horns. My first ever post on this version of the blog happened on June 18, 2024 ~~even though it says the 17th, i still need to fix that~~. It is now June *14*, 2025. Close enough. HAPPY ONE YEAR!!!!! +Blow the party horns. My first ever post on this version of the blog happened on June 18, 2024 ~~even though it says the 17th, +i still need to fix that~~. It is now June *16*, 2025. Close enough. HAPPY ONE YEAR!!!!! -To be fair, I *did* change the backend from Next.js to Astro around eight months ago, so I haven't been on this specific *core* of the blog for a year, but as far as the -design goes, it's been almost a full year. Wowzers. +To be fair, I *did* change the backend from Next.js to Astro around eight months ago, so I haven't been on this specific *core* of the blog +for a year, but as far as the design goes, it's been almost a full year. Wowzers. +I figured now would be a good time to do a little reflection of this site to honor the occassion, so let's do that. This may end up looking +like a collection of random notes, but since I'm doing this for myself as much as I am doing it for The Gram®, I figured just +getting these thoughts *out there*, no matter how neatly they're organized, would be the best approach. + +# what worked + +The design Just Works™ for the most part. It has a light and dark mode theme that syncs with your browser, that functionality works +very well thanks to Tailwind, and currently I have no plans for iterating on that (adding a toggle to keep it on light or dark & saving +it with a cookie, for example). I like how things are mostly text focused with minimal added fluff. + +Astro as a framework mostly works. I like how I can create standalone MDX pages that Just Work™, albeit with some extra addons and +configuring needed. It has a solid foundation for me to work off of but also allows me to go beyond it if needed. I really like how it uses +server-side rendering instead of client-side rendering like a lot of other "modern" frameworks — navigating it feels like how +web pages *should* work. + +# what didn't + +The current dark theme needs a bit more contrast. I know it's bad to put blue text on a black background, but I did it anyway, and there are +some darker hues that just do not work. + +I love the monospace font, Monofur... but I'm not sure if it's working well for what I want to use it for. I might need to try out different +fonts in the future and see if there's a similarly quirky once that's more legible I could use instead (e. comic mono / shanns). + +Next.js... was okay at first, but not the right fit for me. It's designed for 🍊-worthy SPA's, not personal blogs. Astro is *starting* +to hit similar notes for me now, but that's mostly in how it's a more niche framework not a lot of people have built stuff around. Also, +the "content" system is inferior to Contentlayer in my very humble opinion. I would rather just use Contentlayer than have to work around +Astro's built-in content management system like I have to do now. + +# what to do next + +First, update a bunch of stuff on the site that is no longer relevant to my current situation. I no longer have a "school bag", for example, +and my trusty M1 MacBook Air currently has the macOS 26 beta on it... because *I'm not really using it much anymore.* + +I've already done a *couple* of minor visual tweaks, like (finally) making the maximum content width a bit higher to better fill out large +desktop screens... but that's lead to some slight consequences, like with the banner image on blog posts being way too big and pushing +the rest of the content down. Now that I am no longer trying to follow my No JavaScript Ever™ policy, I think building in some slight +responsive design would be cool. I'll need to work on the design, though. + +For bigger things, I need to do a full accessibility sweep. Make sure any sticking points are addressed. Possibly get plaintext versions of posts up and running to later +utilize when I (again, possibly) make a geminispace fork of the site. + +If I decide it's time to do a backend rewrite (because i love doing those for some reason), try going for a framework that has *less* batteries +included. My mentor is really into Hono because of *how* light it is, but I really hate how it does routing. Something like that or HTMX +would be worth looking into if I want to go that route, though. + +And finally... I need to make it easier for me to update this blog. diff --git a/src/content/posts/2025-06-21-sharefeed-chrome.mdx b/src/content/posts/2025-06-21-sharefeed-chrome.mdx new file mode 100644 index 0000000..fece312 --- /dev/null +++ b/src/content/posts/2025-06-21-sharefeed-chrome.mdx @@ -0,0 +1,8 @@ +--- +date: 2025-06-21 13:00:00 +title: I made a silly thing (sharefeed-chrome) +summary: I made a silly little Chrome extension I created to more easily create Sharefeed entries while I am on the web. A brief overview of its functionality and the process I went through to make it. +draft: true +--- + +For the longest time, I've wanted to be more dilligent in updating my [sharefeed](/sharefeed) \ No newline at end of file diff --git a/src/data/sharefeed.json b/src/data/sharefeed.json index cd44164..24f6a0d 100644 --- a/src/data/sharefeed.json +++ b/src/data/sharefeed.json @@ -1,5 +1,29 @@ { "sharefeed" : [ + { + "url": "https://www.youtube.com/watch?v=oTOu7VfXnl8", + "title": "the dream music player, finally.", + "author": "Bread on Penguins", + "publishedDate": "2025-05-21 12:30:21", + "accessedDate": "2025-06-23 11:15:30", + "note": "also this video, this video is so great. i need that globe" + }, + { + "url": "https://www.youtube.com/watch?v=nXaMfy5GYCo", + "title": "My Dad Switched To Linux", + "author": "Oscar", + "publishedDate": "2025-06-07 07:28:21", + "accessedDate": "2025-06-23 11:05:06", + "note": "If all Linux videos would be like this, the year of the Linux desktop would actually be feasible." + }, + { + "url": "https://github.com/izabera/bitwise-challenge-2048", + "title": "bitwise-challenge-2048 - 2048 with only 64 bits of state", + "author": "Isabella Bosia", + "publishedDate": "", + "accessedDate": "2025-06-22 21:22:24", + "note": "Cute retro implementation of that one game everyone loves to recreate. I also like the idea of sharing your board with someone else with the `$STATE` variable." + }, { "url": "https://danco.substack.com/p/have-you-ever-seen-a-goth-downtown", "author": "Alex Danco", diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro index fe2d6df..0e2bcc2 100644 --- a/src/layouts/BaseLayout.astro +++ b/src/layouts/BaseLayout.astro @@ -6,6 +6,7 @@ import '../styles/globals.css' import Header from '../components/Header.astro' import Footer from '../components/Footer.astro' +import AttentionBar from '../components/AttentionBar.astro' const { title, description, ogImage } = Astro.props @@ -35,11 +36,14 @@ const ogImageUrl = ogImage ? "https://eleboog.com" + ogImage : "https://eleboog. - -
-
- -
-