🚧 What did you do to your website today?

[stefan]

Yes, this works really well!

[xixxii]

that’s so fun and cute!!! i love seeing peoples physical collections

[fLaMEd]

Nice! It’s amazing how many there are out there. I’m so used to seeing the same half dozen mentioned recently.

[ttywitch]

https://emmas.place and https://blog.emmas.place will now respect prefers-color-scheme: dark and will have a dark mode option when dark mode is chosen in the browser

i will probably switch the pride border colors to more relaxed pastel versions of themselves but i’ve stared at colors enough for now

[rina]

• finally released new design
• i have rss now! https://riri.my/rss [yeah i gave in]
• blogposts now have read estimator

[rina]

okay i added atom too alongside “regular” rss riri's webpage cos why settle for one feed

[starbreaker]

I figured out why images and internal links in my RSS feeds weren’t working.

It was programmer error on my part. But it seems to be working now.

https://starbreaker.org/follow/everything.xml

[ajazz]

got a recommendation for unplatform that was a multi-city event series. this made me realize that the database ui had no way to handle multiple cities (and definitely didn’t have the space to list them all), so i used react to make this smooth opacity transition to cycle through the available cities:

i think it looks nice! (the stutter is from the gif cut-off, not the ui)

[rina]

riri’s webpage | now i just added a /now page :D

[fLaMEd]

Lots of great stuff going on across everyone’s websites

Tonight, rather than getting through my task list I made my homepage header easier to read.

Before:

After:

And then spent some time tweaking my Bookshelf page. Relocated my “currently reading” from the Now page.

[starbreaker]

I’ve been thinking about where I put my fiction on my website, and realized that if I stick it in my grimoire but still have it listed on my fiction page, I ought to have two sets of breadcrumbs.

The markup looks like this:

<nav class="breadcrumbs-flex" aria-label="Breadcrumb">
    <section class="breadcrumbs">
        <h2 class="no-toc">you are here</h2>
        <ul>
            <li><a href="__RELATIVE/index.html">home</a></li>
            <li><a href="__RELATIVE/grimoire/index.html">grimoire</a></li>
            <li><a href="__RELATIVE/grimoire/entries/index.html">entries</a></li>
            <li><a class="current" href="__RELATIVE/__PAGE_URL" aria-current="page" title="You are here.">__TITLE</a></li>
        </ul>
    </section>
    <section class="breadcrumbs">
        <h2 class="no-toc">you are <em>also</em> here</h2>
        <ul>
            <li><a href="__RELATIVE/index.html">home</a></li>
            <li><a href="__RELATIVE/fiction/index.html">fiction</a></li>
            <li><a href="__RELATIVE/fiction/stories/index.html">short fiction</a></li>
            <li><a class="current" href="__RELATIVE/__PAGE_URL" aria-current="page" title="You are here.">__TITLE</a></li>
        </ul>
    </section>
</nav>

My CSS looks like this:

.breadcrumbs-flex {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.breadcrumbs > ul {
    padding-left: 1rem;
}

@media only screen and (min-width: 768px) {
    .breadcrumbs > ul {
        padding-left: 0;
    }
    .breadcrumbs > ul> li:nth-child(1) {
        list-style-type: none;
    }
    .breadcrumbs > ul> li:nth-child(2), .breadcrumbs > ul> li:nth-child(3), .breadcrumbs > ul> li:nth-child(4), .breadcrumbs > ul> li:nth-child(5) {
        margin-left: 1.2rem;
        list-style-type: "↳ ";
    }
    .breadcrumbs > ul> li:nth-child(3) {
        margin-left: 2.4rem;
    }
    .breadcrumbs > ul> li:nth-child(4) {
        margin-left: 3.6rem;
    }
    .breadcrumbs > ul> li:nth-child(5) {
        margin-left: 4.8rem;
    }
    .breadcrumbs-flex {
        display: flex;
        flex-direction: row;
        gap: 1rem 4rem;
    }
}

In the HTML I replace __RELATIVE and __PAGE_URL and __TITLE with the values of shell variables using sed.

[rina]

-responses are brotli’d or zstd’d
-all pictures in theory should be compressed to webp “on fly” but likely still buggy
-if u install my website as an app flicking from left side will open the menu

[fLaMEd]

“you are also here” love it

[starbreaker]

I couldn’t resist. And while I could have shown the link trees as branches of a single tree, I thought this would give a better picture of how things are laid out.

[starbreaker]

I want to make sure that any fiction I put on my site has a reasonable content warning, so I made a new partial to show the CW before the table of contents.

[ConcreteLunch]

Added a colophon and this very clear and a somewhat aggressive statement supporting inclusivity to my skate clips blog.

[ConcreteLunch]

On my main blog…

Added a “Read These” page for my main blog to link to favorite blogs posts on other blogs. Shortened link titles in my nav menu, added a change log.

[starbreaker]

@ConcreteLunch

Added a colophon and this very clear and a somewhat aggressive statement supporting inclusivity to my skate clips blog.

I’ve added something similar while reworking my colophon.

colophon

And I’ve moved and cleaned up the page for one of my short stories, “The Milgram Battery”. I’ll be reusing the disclaimer in the rest of my fiction.

The Milgram Battery (a Starbreaker story)

[gravedigging]

Finally got the bare bones down, I think. (Just messing about with SpaceHey for now). Going for an acid goth look since but I’m checking with a few friends to make sure it’s still readable, and I added a small old school music player as well. Now I’m just hunting down other small ideas before I move on to something a bit more complex.

[Lucss21a]

I added entries on The Blue Pages as per usual since having the forms system up and running, and I also added blinkies for it.

I barely gotten work started on my website overhaul project (AGRv3 as I call it) since I indeed gotten busy with the campus newspaper all December and January long, with plans on actually coding the thing maybe after the valentines. (Well kind of, I’m still prototyping it on Figma.)