| Age | Commit message (Collapse) | Author |
|
Make sure it starts below the li's padding area, so that it lines up
with colored backgrounds.
|
|
Also move some attributes around.
|
|
No idea why they get gigantic on gitlab.io?
|
|
|
|
Highlight backgrounds were misaligned otherwise.
And tweak padding so that the whole line is clickable.
|
|
|
|
Gets rid of the "display: flex" in list items, which annoyed me for
the next commit.
|
|
|
|
|
|
|
|
|
|
Shoo.
|
|
- Space things a bit.
- Add borders.
- Make sure borders stay "grid-like" when zooming, e.g. a 2-line
cell's box should have the same height as a 1-line cell's box.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Hey guys, have you heard of this *grid* thing? It's actually pretty
cool!
|
|
Make "footers" less prominent.
|
|
Note sure I want to leave it in that standalone div. Either tuck it
in the header (and figure how to set grid columns properly) or move it
to the first footer.
|
|
- 1680×1050
- half-window
- 200% zoom
⇒
le <blank>
quatuor actualités
programmes
médias
This commits centers "actualités" vertically.
|
|
IIUC, CSS starts by computing block dimensions; when "Quatuor XXXX"
becomes too big, it picks the max-width; *then* CSS barfs the text
into the block, and finally notices that the text will wrap. Cue ugly
blank space on the right.
https://old.reddit.com/r/css/comments/2y1d6w/fit_block_width_to_content_when_text_wraps_due_to/
|
|
|
|
|
|
|
|
|
|
couldn't find a way to make #photos and #bio backgrounds extend to the
bottom of .main, for some reason.
flex-grow is necessary on .main, otherwise the footer will pick up
excess height when zoomed out.
use flex: 1/2 for #photos/#bio, instead of percentages with
flex-shrink: 0.
|
|
|
|
Use as many character-width-independent units as possible, to make
sure nothing moves too much when zooming.
Move some body CSS to common stylesheet. Probably broke events page,
ah well. All in due time.
Fix "transition" property: apply only to "filter". Otherwise when
zooming images are resized with a slow 1s transition.
|
|
"align-" ⇒ "along the cross-axis"
can get rid of that superstitious "margin: auto" now.
- add quatuor name
- allow nav items to wrap
- make background color less garish
|
|
|
|
Also add footer
|
|
|