#dev 2025-03-12
2025-03-12 UTC
# 
awkwardducky Anyone has recommendations for online courses to help with learning how to host and maintain a website. However, I want to specifically try to use as many independent resources as possible. Like potentially having my own server, my own everything. I dont want to rely on Wordpress etc. The more independent I can be the better. I dont want to use amazon services, etc.
gRegor joined the channel
# 
capjamesg[d] awkwardducky[d] You may find some interesting resources on https://discourse.32bit.cafe/t/resources-list-for-the-personal-web/49
# capjamesg[d] [edit] awkwardducky[d] You may find some interesting resources on https://discourse.32bit.cafe/t/resources-list-for-the-personal-web/49
# capjamesg[d] I run a static website on a server hosted on Hetzner.
# capjamesg[d] It is a folder of HTML files generated by a static site generator.
# Kolev capjamesg[d] has a beautiful site.
# [snarfed] awkwardducky also https://indieweb.org/Getting_Started !
# awkwardducky Ooh! Thanks Capjamesg! I think the section about self-managing and servers is what I need. Thanks.
# awkwardducky My issue is mainly, I know HTML, CSS, JS and stuff very well. I am an accessibility web auditor. However, how websites are hosted, what kind of hardware resources is engaged in that process, etc. Total mystery to me.
# awkwardducky [snarfed]: thanks I did go through that. It was very helpful, lots of good information! I think I want to try at a home server but i dont know where to start for that.
# awkwardducky If anyone knows of great articles that teach the big picture about those concepts I would love to hear about that too.
# capjamesg[d] What is a home server?
# 
Loqi A home server is a machine you keep at home to host some of your services https://indieweb.org/home_server
# capjamesg[d] There are some resources linked at the bottom of that page ^^
# awkwardducky capjamesg[d]: oooh! fantastic! looks like you all have it already figured out in the indieweb.org, sorry about the bother! Thank you!! 😄
# Kolev I'm just gonna put up a WordPress.
# capjamesg[d] This is a good place to ask questions ✨
# capjamesg[d] You can say "what is ..." and our bot will try to respond with a relevant wiki page.
# capjamesg[d] And thank you for the compliment, Kolev! I love tinkering with my site 😄
Toxicogenic joined the channel
box464, GuestZero_, balintm and grufwub joined the channel
# [Sophia_wood]1 Ooh! I like that idea.
claudinec, Toxicogenic, gRegor and gRegorLove_ joined the channel
# Kolev I got a domain! Now I need to see if I can forward ports on my residential Spectrum internet.
claudinec joined the channel
claudinec, thegreekgeek and gRegorLove_ joined the channel
# capjamesg[d] [mattl] I feel like I'd be changing it a lot 😄
# capjamesg[d] Kolev++
# capjamesg[d] Exciting!
claudinec joined the channel
# 
[KevinMarks] @kolev if you're being annoyed by port forwarding, tailscale is a way to deal with it that can help (you can do dev with endpoints visible to your chosen machines, then make them selectively public)
[Trevor_Morris] joined the channel
# [Trevor_Morris] You need a /changelog page
claudinec joined the channel
# [Trevor_Morris] Oh! Just seen https://indieweb.org/release_notes from https://slashpages.net/#changelog
# 
doesnm fun moment: want to obfuscate email by replacing latin symbols with simular russian (o->о,e->е,a->а) but catched encoding jokes... https://doesnm.cc
# capjamesg[d] [snarfed] Is there a way to get webmentions of my content from mastodon?
# capjamesg[d] I would like to get webmentions when someone mentions my domain.
# capjamesg[d] I thought about using the search API on indieweb.social but Mastodon is js;dr 😭
ttybitnik and claudinec joined the channel
# Kolev [KevinMarks]: What's Tailscale? I heard about WireGuard with hoppy.network.
# [KevinMarks] Tailscale is built on wire guard AFAIK but gives it a much easier user experience
claudinec, [jeremycherfas], nemonical, thegreekgeek_ and Guest99 joined the channel
GuestZero and [Ana_R] joined the channel
# 
[tantek] Might be of some interest to indieweb developers, especially anyone who uses or has an opinion on AI: https://tantek.com/2025/071/t1/w3c-authentic-web-workshop-flaws
balintm and [Murray] joined the channel
Toxicogenic joined the channel
# [tantek] might need more examples to see if there's a pattern, but I know of at least http://microformats.org/wiki and http://w3.org/wiki
# [tantek] contrast this with "direct" top level pages which may assert more of an "official" status. e.g. /about vs /wiki/about etc.
# capjamesg[d] I have thought about using a /wiki subpath on my website to prevent namespace collisions with my category pages, which are also at the top level of my site.
# capjamesg[d] This has happened before, and continues to happen.
# [tantek] e.g. what aaronpk does like https://aaronparecki.com/tag/100daysofindieweb — note also he can "pin" a specific post to the top so he uses that to provide the "overview" or in general content for the page
ttybitnik, bkardell, btrem, jacensekai and gRegor joined the channel
# Loqi A tags page is a page that shows the tags in use by posts or other content on a specific site, or a way of browsing specific tag pages on a tag aggregation site, sometimes displayed as a tag cloud https://indieweb.org/tags_page
Luther_Gray, GuestZero_ and bterry1 joined the channel
# Kolev Do I have to do HTTPS once for the whole server or do I have to do it for each service that has a web page?
# Kolev I've never done HTTPS.
# 
[mattl] [artlung] look at me using display: flex like i know what i'm doing... https://libre.fm/foooo.php
# Kolev [tantek]: What web host?
# Loqi Let’s Encrypt is a Certificate Authority intended to be free, automated, and open https://indieweb.org/Lets_Encrypt
# Loqi Web hosting can be the primary regular cost in maintaining an IndieWeb site; this page lists several options from free on up depending on your publishing needs, like a static, shared, private, or dedicated server https://indieweb.org/hosting
# Kolev gRegor: my server is sitting right here. There is no hosting...
# Kolev Right, but is thqt for Nginx or for esch service thqt Nhinx reversé proxies to
# [mattl] [artlung] how does this look for you? https://libre.fm/artist/Half+Man+Half+Biscuit/
# 
[artlung] That looks pretty great. I think I'd be looking to align the negative spaces such that the left edge of the albums aligned with the left edge of the word Albums. I might also play with `justify-content`: `space-between` and `space-evenly` but I think the presentation you've got is great!