This is some sample HTML for my use in styling stuff. The current fonts in use are Haskoy (header links, site name), Atkinson Hyperlegible Next (body text) and JetBrains Mono (code and preformatted text). I wanted to use a serif font somewhere, since I think they can look really elegant, but I didn't like how illegible they looked in comparison to sans serif. Charter, PT Serif and Gelasio were the ones I tried. Source Serif also. I think I'll stick with Atkinson, probably. It's the font I pick for any sort of reading or text when I have the choice to. Lexend's okay, and Roboto.
Anyways, here's some really basic Python:
import package
n = 3
for i in range(n):
print("Meow!")
print(f"Meowed {n} times!")
I want the accent colour here to be blue, and all other coloured elements be a shade of that accent. Like Material 3. M3's information density is hideous though, so let's not replicate that.
Let's try an image and caption?
Two adult Emperor Penguins with a juvenile on Snow Hill Island, Antarctica.
- Wikipedia
Reduced the fonts to only Public Sans and JetBrains Mono. Public Sans has nice letterforms but is a bit... wide? A more neutral monospace font could fix that, Roboto Mono? Think that looks better.
Nevermind, no, it doesn't. Table, anyone?
| Name | Favourite Fruit (probably) | Age (probably not) |
|---|---|---|
| Jeff | Banana | 189 |
| Bob | Apple | -78 |
Okay. Now what? Think I'll split the <style> out into a styles.css, and then design some other parts of the site.
Scratch that, I forgot dark theme styles.
Done! It's not perfect, but it'll work for now.