kinow
commented
9 months ago Here's what it looked like before this change (really small when you open on a phone/tablet, because I forgot to add the HTML <meta> tag added in this PR :grimacing: ), FTR:
Closed kinow closed 9 months ago
kinow
commented
9 months ago Here's what it looked like before this change (really small when you open on a phone/tablet, because I forgot to add the HTML <meta> tag added in this PR :grimacing: ), FTR:
For #24 and #26
Screenshots below:
Normal (@alexiswl I replicated the bottom links separated by
/with a<li>, so that on mobile/smaller viewports we could display it without the slash and vertically -- see the other screenshot after this one)Mobile (400x700)
Tested on Linux with Firefox LTS and Chromium (snap), and got the same/similar behaviour. Initially I though about using a burger menu, in CSS-only (for accessibility), but it would take a bit longer to make it usable by screen readers/SEO/etc., and as we have few menu links I changed the menu to vertical when on mobile/smaller viewports.
Changed the footer a bit to display the previous conference links vertically too.
The next PR will be built on top of this one, to add some more colours, 2-columns content when on bigger screen (like the BOSC site), add a placeholder for a map (for the future venue location), and placeholder for github photos/avatars of organizers (I guess that should be OK?).
Cheers, Bruno