katproto.girlonthemoon.xyz
vielle.dev
Listing changes from top of commit to bottom:
- Prettier code formatting.
- Remove unneeded
!importants - Move around where margins are placed to be a little more sane
- Add a max-width to
<p>tags of 60ch. This is a comfortable reading width in general and is ~= to the manual reading width from before. Also remove the manual<br>and<pre>linebreaks as they make formatting a bit weird and inconsistent on mobile - Add a max-width of 40ch to hr instead of a width of 40%. It'll be full width for smaller screens (instead of small and piddly), and wont blow out to be massive on larger screens. 40ch looks pretty alright with the 60ch character width.
- Move the
<pre>to only cover the ascii art so that paragraphs are consistent. - Wrap the
<pre>and intro paragraph in<header>bc ✨accessibility✨ - Wrap the main content in
<main>bc ✨accessibility✨ - Wrap each part in
<section>. Why? You guessed it: ✨accessibility✨ - Make the user list an ordered list and add some Loading placeholder text. This is hidden by the
tysm this rules