Website Update: Links Page - 82MHz

@82mhz that Hamburger menu doesn't seem to be working. 🤔
@irgndsondepp
I noticed it has some problems... I just copied the code from somewhere else, maybe that was not the best idea 😅
@82mhz when I added the posts to my blog today, I also looked at the mobile view and saw that the menu took uo unreasonable amounts of space. That's why I was hoping that I could steal your solution. 😋
@irgndsondepp
My menus look ugly too on mobile, and I thought the same about someone elses solution 😄
I'm not a CSS wizard, but I guess I gotta put in some actual work here.

@82mhz I did it, with help from

https://codepen.io/erikterwan/pen/EVzeRP

. I'll admit that I just copied a lot of stuff and adjusted it so it kinda fits my page. 😅

I'm terrible with CSS. And not all that good with HTML either. But I think it looks okay.

Pure CSS Hamburger fold-out menu

I came up with this idea to use the :checked selector to activate a hamburger menu. This is it, no js to toggle a class....

@irgndsondepp
Looks good! But that's a lot of code for a simple menu; don't know if I really want to go down that route. Maybe some other time. My CSS needs some cleanup anyway ;)
@82mhz I'm sure there's a better way to do it. My initial thought was that I'd just set a CSS rule that shifts the navigation elements from being in a row to a column, depending on the width of the display.
But it still took up a lot of space and I wasn't sure if I could wrap the existing navbar into a hamburger menu. So I added a duplicate and now I hide one or the other depending on the display width. 😅
@82mhz Cool! That reminds I need to update my blogroll/links page too... it's been on my someday/maybe list for a while now
@noisydeadlines
Same here, I wanted to do this for months 😄

@82mhz @noisydeadlines

I did something similar somewhat recently, converting my browser's list of bookmarks (now empty) into a list of "links for the future". :)

https://benjaminhollon.com/future/

Links for the Future

@amin
Oh very cool! And thanks for including me :)

I noticed I forgot you in my list, glad you got in touch so I can fix this ;)

@noisydeadlines