Sure:

- images: none are visible above the fold - all should be lazy loaded (like it is done with all conference images) and the pragdave.jpeg one does not need to be that large;

- JS: navigation toggle, including chevron rotation can be done in CSS using :has combined with checkbox/radio input. Similarly for header-navigation and theme-toggle (here combined with cookie store). Then toc.js - seems like something easy to do in the backend. Hero-animation - I haven't looked much through it but seems like at least some parts can be done in CSS;

- CSS/tailwind - well it would probably take less typing to do it just in CSS, the site does not seem to be that much componentized to benefit from tailwind.

▲

azangru 14 hours ago | parent [-]

> Similarly for header-navigation and theme-toggle

The theme toggle has three states. How do you model this with a checkbox?

▲

bmacho 13 hours ago | parent | next [-]

It's possible to have a 3-states CSS switch/slider that controls site theme. Google it or ask AI assistant.

▲

Elfener 12 hours ago | parent | prev | next [-]

Why does a site even need a light/dark toggle, when you can just use prefers-color-scheme in CSS, and the user can select that in their browser settings?

(Also, technically, alternative stylesheets can be defined in HTML, except every browser except Firefox removed it: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/...)

▲

ameliaquining 12 hours ago | parent | next [-]

Because being able to switch from light to dark mode by clicking a single button is a useful feature, and while it would be nice if operating systems provided this out of the box, many (e.g., Windows) do not.

	▲	9 hours ago \| parent [-]
		[deleted]

▲

azangru 12 hours ago | parent | prev | next [-]

> Why does a site even need a light/dark toggle, when you can just use prefers-color-scheme in CSS, and the user can select that in their browser settings?

Good question, especially since the Ruby site already does this by default. Perhaps the argument is that one of the two color schemes may be designed so poorly that the user may want to manually switch to the other one.

▲

12 hours ago | parent | prev | next [-]

[deleted]

▲

jasonlotito 12 hours ago | parent | prev [-]

Because as a user, I want to change the light/dark of your site, not every set, and not my OS. If you don't have a toggle, you are making assumptions that aren't accurate.

	▲	yawaramin 2 hours ago \| parent [-]
		I am assuming that if the user selected a specific brightness mode, they want sites they visit to respect that theme. Call me crazy but this seems like common sense.

▲

jarek83 13 hours ago | parent | prev [-]

It could be done with :indeterminate state (so key in a cookie would be absent or removed when switching), but I'd probably would do it with radios instead

	▲	SquareWheel 5 hours ago \| parent [-]
		Note that a checkbox's indeterminate state can only be set via JavaScript, so that lessens the elegance of a CSS-based approach. I agree that using radios would be better. Or just prefers-color-scheme, which sidesteps the FOUT issue that often occurs when storing theme settings in localStorage.