#events 2025-03-06

2025-03-06 UTC
#
GWG We have a HWC tonight? I completely forgot. Where does the week go?
#
Loqi "Homebrew Website Club Europe/London" call ended https://events.indieweb.org/2025/03/homebrew-website-club-europe-london-ySv6vAHHCNdd
#
Loqi [New Event] david.shanske.com created "Mar 19, 2025 6:00pm Homebrew Website Club - Pacific" https://events.indieweb.org/0w2cNQKjdfew
#
Loqi [Event Updated] david.shanske.com updated "Mar 19, 2025 6:00pm Homebrew Website Club - Americas" changed name, notes_url, description, tags https://events.indieweb.org/event/736/history/2046/diff
[artlung] and [morganm] joined the channel
#
Loqi "Homebrew Website Club - Pacific" call ended https://events.indieweb.org/2025/03/homebrew-website-club-pacific-FLzF6JrRBd8i
#
capjamesg[d] !archive https://events.indieweb.org/2025/03/homebrew-website-club-pacific-FLzF6JrRBd8i events/2025-03-06-hwc-pacific
#
capjamesg[d] [edit] !archive https://events.indieweb.org/2025/03/homebrew-website-club-pacific-FLzF6JrRBd8i events/2025-03-06-hwc-pacific
#
cali-iwc Created https://indieweb.org/events/2025-03-06-hwc-pacific. Please review the page to ensure the document is correctly formatted and remove any unnecessary text.
#
[Jo] is there a fresh today?
#
[Jo] when is fresh
#
Loqi Front End Study Hall #023 in 5 days https://events.indieweb.org/WmHNZ7nKEp1Z
#
[Jo] damn
[KevinMarks], [qubyte] and [Trevor_Morris] joined the channel
#
[artlung] [Jo] was there something specific you were wishing to look at today, FrESH-wise?
#
[Jo] yeah i did actually. how to stop the footer from hanging in "mid-air" when theres too little content on a page. so like how to either get the footer to stick to the bottom or have enough padding that the background fills the rest of the viewport. a lot of solutions ive seen on stackoverflow + co are a little idiotic
aelaraji1 joined the channel
#
capjamesg[d] I like to set a rule like min-height: 90vh on the container above the footer.
#
capjamesg[d] That ensures that the container is 90% of the height of the viewport.
#
capjamesg[d] There may be a better way to do it though!
#
[artlung] Yes, a minimum height for the usual preceding blocks would do that.
#
[Trevor_Morris] https://codepen.io/cbracco/pen/kQmVGM uses position absolute which isn't great. min-height: calc(100vh-100px) or whatever height your footer is. Both of those need to know the height of your footer, though. Might be a technique with flexbox.
#
[Trevor_Morris] https://douiri.org/blog/fix-footer-bottom-css/
#
[artlung] [Jo] https://lab.artlung.com/mid-air-footer/
#
[Jo] thanks! im on my phone rn and it does end at the bottom of the viewport, but i get to scroll *past* the footer if the content is too small (so if all details are closed) :^°
#
capjamesg[d] I like the line effect on the code snippets.
#
[Jo] ooh i just saw that!
#
[artlung] I simplified the styles on the details elements and that thing you saw [Jo] *ought* to be resolved.
#
[Jo] it is 🥳 thanks!
#
[artlung] There's something real interesting there. I need to read more and experiment more on what I did. Something to do with something special about details and summary and setting widths and heights.
#
[artlung] as usual, less css works better than more.
#
capjamesg[d] [artlung]++ great demo!
#
Loqi [artlung] has 2 karma in this channel over the last year (10 in all channels)
#
[Jo] also when i expand the html details tag it gets a huge margin after the footer again, i think it probably has to do with how the preformatted text is wider than my phone screen and it overflows on the x-axis and then the math gets weird or something
#
[Jo] [artlung]++ yes thank you!!
#
Loqi [artlung] has 3 karma in this channel over the last year (11 in all channels)
#
[artlung] The codepen is simpler. :)
#
[artlung] Was just going to share the codepen the felt the pull of POSSE. Live IndieWeb values!
#
[artlung] and the way you asked it Jo, it’s something I’ve solved many ways. Perennial problem. 25 years ago it would be a column with a single pixel gif that would be very tall.
#
[Jo] oh wow 😂
[snarfed] and sebbu joined the channel