🚧 What did you do to your website today?

re-designed https://rinmmi.com/
re-wrote rinmmi's webpage > about

4 Likes

Just got up to date on listing all the books I’ve read so far this year, with a small review/note for each. Moved on to 2023 now.

I realise it’s a nice way to keep track and remember each book by logging them on my site like this. It’s like taking the reading further somehow by digesting it more in my head. I actually didn’t think about this when I started building the page! Books

3 Likes

made a fun puzzle rinmmi's webpage > secret you kinda have to know what you’re looking at to solve this :)

2 Likes

Manatee is indeed puzzled.

hint: there is an image hidden in that audio file :) try to find it.
also ctrl+f5 if you revisit, audio is updated a bit

https://ephemeralitic.neocities.org/ / https://ephemeralitic.nekoweb.org/

-remade the background gradient with css and it looks much better than the gradient image I made and slapped on top of the last site(which you can reference here to see my progress)
-added navigation buttons(they don’t work yet)
-added shine & displacement effects when the ā€œglassā€ pieces of the page are hovered over(although for some reason the one on the title, which was the most impressive one, is not working after being uploaded. It works in visual studio code so I need to figure that one out… if anyone knows why it works on the other elements but not the title do let me know!!)
-generally redid a bunch of stuff under the hood so I could rely less on non-css styling and what I think are better techniques in general.

I’m pulling from more sources instead of copying one thing now. Sometimes I can even deviate from whatever I reference! I still know it won’t look like much progress but the hours sunk in and the slow growing of comprehension feels pretty satisfying.

3 Likes

I added some fonts instead of relying on system fonts. System fonts are good in theory but it’s frustrating when it looks different on each device. Body text is now Atkinson Hyperlegible and headings are Syne.

I also added a little ā€œbounceā€ to all of the hover transitions. It’s less jarring and feels a bit more…chewy. I love it.

1 Like

made guestbook :slight_smile:
https://rinmmi.com/guestbook

3 Likes

on rinmmi’s webpage | about of i press the little speaker, you’ll get text-to-speech pronounciation of my name
on rinmmi’s webpage | guestbook there is now a character counter

I removed the cards section on my site…

And went back to my old design with just the text block. I don’t know why but those cards felt weird. and I didn’t like the width.

2 Likes

I added another page to my Pouflons gallery! This one is to collect Najima’s Affinity Quests. I’m slowly filling this thang out, woo!

3 Likes

These illustrations are amazing Semper, I love them <3333

2 Likes

Thank you, Luxe! I had a fun time envisioning how the magic bubble would block out diffused light. This whole affinity quest was me dreaming of one day getting to experience some truly dark skies.

2 Likes

today i did three weird web october pages! for days 10 (art), 18 (words), and 22 (bugs).

2 Likes

It’s not up yet, but I’ve implemented external link markers after @ribose shared a tip about CSS attribute selectors.

a[href^='http'] {
    padding-right: 1.25rem;
}

a[href^='http']::after {
    position: absolute;
    content: '⇗';
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-left: 0.25rem;
    font-size: 1.1rem;
    font-weight: bold;
}
5 Likes

I decided to change the cut-off technique that determines which articles/posts appear in my home page. Instead of a time cut-off (1 year), I just show the five most recent (eh… I should write more) posts.

1 Like

put on my costume for my site today for the event! now just to finish my other submission :))

2 Likes

Neat! I never thought too much about how people achieved that, just shrugged it off and thought it was for smarter folks. But I can do that!

Bookmarked your post and put it on my todo list.

4 Likes

Added a light/dark-mode switch to my website (brightness-icon in the footer). I wrote about the steps to make this yourself:

3 Likes

I created https://alternate.thiscat.rocks which is a site for my cat Baxter (you can have as many sites for your pet as you want!) but with a bit of a nostalgia aesthetic going on. Baxter wasn’t even around during this time of computing, but he looks at home in it!

10 Likes