Commit graph

32 commits

Author SHA1 Message Date
d56ee8dcee Proof of concept for a more appropriate accessible 'hamburger' menu
From https://unused-css.com/blog/css-only-hamburger-menu/

Ref #114 #126
2025-07-15 12:51:30 -04:00
c2f931f06a Make the burger menu look nice before realizing details/summary cannot be nicely responsive
One unmentioned con: The menu has to be repeated in HTML for this to switch responsively from spelled-out menu to hamburger, with the widescreen version outside the details.  (Or JavaScript is needed to set the initial open/close state based on  viewport size, and that seems to defeat the purpose.)

Left as comment at https://lucas-levin.com/code/blog/burger-navigation-menu-with-no-javascript-and-no-checkbox-hack
2025-07-15 08:39:56 -04:00
234bc216c5 Add code and style for 'hamburger' menu nav
Ref #114 #126
2025-07-15 01:42:21 -04:00
151b411797 Update theme to Bulma 1.0 so that CSS compiles if not look precisely right 2025-03-28 15:35:47 -04:00
3f1860f671 Conclusion of endless round of changes to make menu sort of usable
The dropdowns do not drop down on touch devices,
before fixing that need to check in on if the noble
battle to keep the menu visible for as many devices
as possible (and not hide behind the hamburger)
should in fact be given up.

Ref #114
2025-02-23 23:20:40 -05:00
aab893c1d9 Begin switching to Sass comments 2025-02-22 22:28:44 -05:00
dede5d0f90 Prevent a slight horizontal scroll from page title area
Not entirely sure the root cause, but we do mess with default
overflow visibility in order to overlay the title on the image.

Ref #114
2025-02-22 16:52:25 -05:00
benjamin melançon
d070b0f77f Give author bios the standard bottom padding other Article sections have 2019-10-07 09:10:30 -04:00
benjamin melançon
94d3b705bc Get our treasured default cadetblue into paint, and allow it to shine
... for one moment before everything gets their non-default titles
2019-10-01 13:33:09 -04:00
benjamin melançon
4855fd770a Start moving color-changing code to separate 'paint' stylesheet 2019-10-01 13:20:39 -04:00
benjamin melançon
13f5a82540 Tweak no-image color background heights on full nodes at larger screen sizes 2019-09-30 19:48:16 -04:00
benjamin melançon
e818b0eb06 Tweak height of imageless content on front page listing 2019-09-30 19:32:26 -04:00
benjamin melançon
9d18571bbc Start to set correct colors for image-less cards by content types 2019-09-29 17:19:03 -04:00
benjamin melançon
b916f5f298 Add different background colors for each content type for non-image content 2019-09-23 10:06:27 -04:00
benjamin melançon
1a2b7a8b6b Add background color for title of gleaning nodes
Ref #28
2019-09-23 08:32:59 -04:00
benjamin melançon
397748d38f Don't drop title down at all for non-fancy content types
And we display a solid color instead of an image where we *do* expect an image but there
isn't one, so no need for the no-featured-image class or extra margin in that case.

Ref #28
Ref #32
Ref #26
Ref #27
Ref #29
2019-09-23 08:07:23 -04:00
benjamin melançon
18d19c86b4 Set linehight where it doesn't get superseded 2019-09-22 19:45:05 -04:00
benjamin melançon
378f833a17 Set title lineheight so white semi-opaque backing neveroverlaps and intensifies 2019-09-22 19:38:14 -04:00
benjamin melançon
7576c2457a Add a background to take the place of an image if none 2019-09-22 19:23:35 -04:00
Benjamin Melançon
e385e60da3 Maybe we made the title fatter but we need more space 2019-09-01 23:45:51 -04:00
Benjamin Melançon
07861c3d9a Add class we will have Class It Up automatically provide 2019-09-01 21:41:43 -04:00
Benjamin Melançon
e9cd3ec8e7 Allow the primary page content to be flush with the bottom of the slogan 2019-08-31 11:38:10 -04:00
Benjamin Melançon
0ef28d003d Format source code 2019-08-31 09:09:32 -04:00
Benjamin Melançon
d686009916 Add a no-featured-image class and give some padding when no value in image field 2019-08-31 09:04:33 -04:00
Benjamin Melançon
b95b91ce09 Drop title down over featured image
this doesn't happen on home, where there will never be a featured image

@TODO make sure nothing terrible happens when there is no featured image
2019-08-30 23:00:57 -04:00
Benjamin Melançon
eb6dafaac4 Convert non-CSS-valid comment syntax to CSS-valid
... because even though SCSS is protecting me now, i'll get burnt (again) later.

Also, remove a commented-out line.
2019-08-30 22:56:59 -04:00
Benjamin Melançon
969377da39 Add explanatory doc line 2019-08-19 10:53:41 -04:00
Benjamin Melançon
00a13ef4b6 Center logo & sitename when they stack on tiny screens
No really that's what that does.
2019-08-19 10:50:56 -04:00
Benjamin Melançon
0565057444 Start converting header, nav etc to all bulma columns 2019-08-16 02:53:01 -04:00
Benjamin Melançon
f2cadfb5ca Remove extra whitespace above navbar and logo etc on mobile
This padding won't have any effect on non-mobile, as the columns aren't collapsed
2019-08-08 17:42:21 -04:00
benjamin melançon
64f99a9b9a Comment out possibly-not-wanted style changes for now 2019-07-28 13:09:16 -04:00
benjamin melançon
84de7930cb Just commit all of family home before editing 'cause i just accidentally overwrote gaeastohuaosneuh 2019-07-28 12:25:34 -04:00