#dev 2024-11-21

2024-11-21 UTC
#
gRegor Not the down-low element?
#
[mattl] I prefer gRegor's way
#
[tantek] see? we had a content-warning element all along, to instruct readers to keep some content on the down-low
#
[mattl] I keep a link to this Slack in my ~/Down-low folder at all times.
GuestZero joined the channel
#
[mattl] Well, I have significantly improved the document I'm working on, so that feels good.
AramZS_ joined the channel
#
[tantek] nicely done!
onla_, [0x3b0b], thegreekgeek, Maxpm, sandra and sunetraalex joined the channel
#
sunetraalex Hey everyone! I've been building my website and I've been considering implementing webmentions, my main concern is that I would like to add anonymous comments for people without a domain or anything, I've found commentpara.de that seems to do the job but I would like to know if it can be embedded in my site via Javascript?
thegreekgeek_, Guest6_, __DuBPiRaTe__, [qubyte], AramZS, ttybitnik, thegreekgeek, rob32 and [schmarty] joined the channel
#
capjamesg[d] Hm...
#
capjamesg[d] [tantek] I wonder if there is a way to password protect it.
#
capjamesg[d] I would love a scratchpad I can use to send people notes.
#
[tantek] capjamesg[d] if you want to setup an etherpad I strongly recommend you make it IndieAuth login required to access
#
capjamesg[d] I want people to be able to read, not write.
sebbu joined the channel
#
[tantek] "scratchpad I can use to send people notes" <-- that sounds like a personal wiki
#
[tantek] what is a personal wiki
#
Loqi A wiki page is a web page known primarily by its name (in contrast to a datetime stamped post) that is editable from web browsers, versioned, and allows browsing version history & past revisions, that has a few IndieWeb examples, and community examples like the IndieWeb wiki and Wikipedia https://indieweb.org/personal_wiki
#
[tantek] hah, capjamesg[d] you already have this! https://indieweb.org/wiki-page#James
#
capjamesg[d] 😛
#
[mattl] or something akin to a pastebin or gist thing that only you can post to but a URL is world readable but maybe not world discoverable.
#
capjamesg[d] Updated to say ran.
#
capjamesg[d] [mattl] Yesss!!!
#
capjamesg[d] That's what I want.
#
[mattl] https://dev.to/posandu/create-your-own-github-gist-with-php-3p9h
#
[schmarty] per their request at the top of the post mattl just shared, here's the direct link to the version on their personal site instead of dev-dot-to: https://www.tronic247.com/create-your-own-github-gist-with-php?ref=dev.to
#
[mattl] I was so busy fighting with the giant banner at the bottom I didn't even notice that.
#
[schmarty] cookiebanners--
#
Loqi cookiebanners has -1 karma over the last year
#
[mattl] cookiebanners--
#
Loqi cookiebanners has -2 karma over the last year
#
[tantek] following up on FReSH here — code talk
#
[tantek] I wonder how well those timeline items would work with a DL DT DD structure with DT elements for years like 2011 ... 2024
#
[tantek] could make for an interesting timeline view of an archive page
#
[Joe_Crawford] I don't see why not. I'm probably going to steal that timeline code for myself too.
#
[Joe_Crawford] 🙂
gRegor joined the channel
#
capjamesg[d] https://cdn.discordapp.com/attachments/866577430886350869/1309244701672472616/Screenshot_2024-11-21_at_19.50.20.png?ex=6740e0a5&is=673f8f25&hm=7c70e6d882df5b4a8a6b876ed494d1a0c34b9fcc014454cd46037a72a6ea9312&
#
capjamesg[d] [Joe_Crawford] I did some more styling 😄
#
capjamesg[d] https://cdn.discordapp.com/attachments/866577430886350869/1309244702012215346/Screenshot_2024-11-21_at_19.50.27.png?ex=6740e0a5&is=673f8f25&hm=39bdd42e33ce0343542c175035288dae57b93f85510e781edd551e998fde68c0&
#
[Joe_Crawford] Lovely! One of the wonderful things about CSS is if it's not too elaborate then changing a few lengths and colors you can get very nice refined designs.
#
capjamesg[d] I would love to learn more about conic gradients in a future session.
#
capjamesg[d] I'm not familiar with the syntax.
#
[tantek] on the content aspect, did register a domain / choose a service get flipped?
#
[tantek] Like I would frontload choosing a domain, as a way of emphasizing that as the key step to being indieweb, owning your identity
#
[tantek] yup, Get your own domain is first here: https://indieweb.org/Getting_Started#Get_your_own_site
#
[tantek] and here: https://indieweb.org/Getting_Started#IndieWeb_self-starters
#
[tantek] explicitly BEFORE get a hosting service / place for your content
#
[tantek] anyway, would suggest fixing that in examples so they don't unintentionally miscommunicate even if the focus is code/styling [Joe_Crawford] capjamesg[d]
#
[Joe_Crawford] I put James on the spot for markup and he came up with something fast not perfect. 🙂 I shared the codepen url in bluesky and mastodon so am happy to swap out the content in the "canonical" codepen if you provide different HTML and words.
#
[mattl] Just tested with VoiceOver on Mac and works as expected.
#
capjamesg[d] Amazing!!!
#
[tantek] [Joe_Crawford] I think swapping the content of the first two list items would be sufficient
#
[Joe_Crawford] done and saved
#
[tantek] thank you!
#
[Joe_Crawford] added the timeline we created at FrESH and added my theming to it, and made it so I can reverse the order of the timeline, building on the checkbox and has() ideas we also showed off. https://artlung.com/about/#places
#
[mattl] [Joe_Crawford] possible addition: years you lived there/age at the time?
#
[Joe_Crawford] I like that vague.
#
[Joe_Crawford] But I do think that a timeline with lengths of embedded time is possible
#
[mattl] Is this just because of darkmode?
#
[mattl] https://chat-uploads.indieweb.org/files/2024/11/dev-20241121-222708-screenshot_2024-11-21_at_5.26.54___pm.png
#
[mattl] Very hard to read them
#
[Joe_Crawford] yes
#
[mattl] but whatever that pink-ish color is, i really like
#
[Joe_Crawford] I think I thought I was leaning into Shonen Jump/Japanese aesthetics combined with like, pixel art. Colors are from 2003. https://artlung.com/headers/-20030128
#
[Joe_Crawford] I was blending the bgcolor there with whatever the darkmode/lightmode bg was. Just using white now. ought to be brighter.
#
[mattl] the pink is similar to Flickr pink
#
[mattl] much easier to read now for sure.
#
[Joe_Crawford] I do like an astrobright color scheme
#
[mattl] looks really nice in Firefox where I'm playing around with overriding the default colors
#
[mattl] https://chat-uploads.indieweb.org/files/2024/11/dev-20241121-223317-screenshot_2024-11-21_at_5.32.59___pm.png
#
[Joe_Crawford] Not bad at all. :root { --color } and :root { --backgroundColor } are the main custom properties for things. I have a bunch other too. I only set a few globals that aren't truly global.
#
[Joe_Crawford] then I override for different themes.
#
[mattl] Yeah, I need to get into the habit of that. I also probably need to get much better about testing in other browsers but we have something like 90% iOS Safari on this page.
[aciccarello] and oenone joined the channel
#
capjamesg[d] [Joe_Crawford]++
#
Loqi [Joe_Crawford] has 12 karma in this channel over the last year (116 in all channels)
#
capjamesg[d] [Joe_Crawford] Now I'm thinking about what I can do with this component on my website...