Now playing: Monster Train 2

Tags:

Monster Train 2

A fun strategic deck building game, Just like the first game. Different mechanics, different challenges. There is some kind of story.

The first Monster Train made me realize what people like about Magic the Gathering (the strategy and deck management) and does not have any of the downsides of Magic the Gathering (the lootbox money sink).

The story is nothing spectacular but has at least one good reveal.

On Monster Train I have 1.100 hours logged, so here's to another 1k hours .

More CSS features: light-dark()

Tags:

Providing a dark mode is good form nowadays. I like doing/having that too.

Light mode

Usually, a dark mode is done by switching to a second CSS sheet or having a CSS selector switching between a bright and a dark colour set using JS or the browser preferences. This can lead to some rule repetition:

.light-theme textarea {
    color: black;
    background-color: #8dfece;
}

.dark-theme textarea {
    color: #62b190;
    background-color: black;
}

Dark mode

CSS also has a function to do this color switching on an element without needing to repeat the declaration in a second rule: light-dark(color1, color2) will return color1 if the light environment is preferred by the user and color2 if the dark environment is preferred.

textarea {
    color: light-dark( black, black );
    background-color: light-dark( #8dfece, #62b190 );
}

You still might want to give the user an option to set their preference only for your website, storing that in a cookie. Bootstrap 5 itself has a fairly thorough, live-switching setup for that, but it's also somewhat long. There also is a short JS snippet on Github which is mildly simpler to integrate, but which only does the switching on page load or toggling of the user selection, and not when the user switches their browsers preference.

YouTube creator income breakdown

Tags:

For some time, I've been wondering what the income structure of YouTube (and other) video bloggers looks like. There always was some secrecy about it, likely imposed by the contracts the people have with YouTube.

This post talks about the revenue structure. The summary is that you get 1ct per view, but there is a minimum number of videos/views/hours you need to meet.

The main revenue still seems to come directly from merchandising, stream sponsors and other advertising that's separate in the advertising that YouTube sells.

Nash - notetaking in a single HTML page

Tags:

Nash screenshot

Nash is a quite simple (and nice) document editor in a single-page . It does not handle markdown, but on the upside, it has a convenient enough toolbar to handle formatting the content.

This is not unlike my note taking app , but mine uses a backend to save the files in a central location. Nash uses the "share" and "download" functionalities of the containing browser instead.

Nash sports only a single toolbar, while my app has a top and a bottom toolbat. This is a ggd inspiration to reorganie my toolbars and see if I can reduce them to a single toolbar or at least reorganize the actions.

Website UI Traditions

Tags:

I'm banking (among others) with a Spanish bank that has a German website. They have the weird idea of using your id card number as online account number. Except that this number changes every 10 years for German ID cards, as German ID cards get reissued. Which means that also my login ID was changed without further notification to me.

The website also had until recently another weird Spanish UI custom. You had to enter the password for the website by clicking the letters on a jumbled keyboard, for extra security like this:

4 8 2
9 3 1
7 5 6

Back when I had to use such a keypad at work, the custom was to change the password to 12345678 , to make entering less taxing.

I wonder what other stuff I'll discover in my stay with that bank.