#dev 2024-07-31
2024-07-31 UTC
sp1ff, btrem, geoffo, GuestZero, [Arunkumar_Govi] and Northri joined the channel
#
cophee btrem: i am an 11ty !
#
cophee 11tyer
#
cophee i use .md. for posts — any reason for .yaml? :OOO
#
Northri Hi there!
#
cophee So I think to get started on HTML
#
cophee I'd recommend using a easy code editor like Atom
#
Northri (also while you are typing, I have zero interest in the site being compatible with phones lol)
#
Northri OK, so an editor like that. I was going between Atom and VS Code, but I'm sure both will work.
#
cophee yess both are fine
#
cophee Northri: that's ok—that's a CSS thing :PP
#
Northri Exactly. I despise what phones have done to the internet.
#
cophee Atom is more simple to use but I use VSCode
#
cophee Northri: Fair enough
#
cophee I'd recommend getting a plugin to allow live preview of HTML
#
Northri Check
#
cophee Once you have a few pages done, there are some options for hosts
#
Northri I want to self-host, if that matters.
#
cophee Ooooh
#
cophee Self-hosting would be a bit more difficult
#
cophee You'll need to keep a computer on 24/7
#
Northri Yeah I have a plan for that. Might start totally offline until it's ready, but I have a computer for that.
#
cophee Ok—you can also opt for something like a raspberry pi
#
Northri Yep!
#
Northri But I'm not a genius. I need some kind of hosting software to help.
#
Northri I was looking at Hugo, but I don't know if that's what I need.
#
cophee I'm not too sure about self-hosting since I haven't done it personally
#
cophee But I'm sure ptramo[d] can help out
#
Northri OK, if I didn't go that route, what do you use for a host?
#
cophee I think as a start, I enjoyed using Neocities
#
Northri DANG that's old.
#
cophee since there's a social smallweb side of things
#
Northri (not in a bad way)
#
cophee HAHA Neocities is a remake of Geocities
#
cophee so it's kinda y2k revival
#
cophee And if you want something less fun, then maybe Github Pages
#
Northri Haha gotcha! Well I might start the site out and decide whether to self-host or not later.
#
cophee I host mine on Cloudflare Pages just because my domain was bought from there
#
cophee Northri: Yessss do it!!!
#
cophee I'm sure it's not too difficult to selfhost a small webpage
#
cophee I just don't know how :""]
#
Northri Haha do you have a recommendation for a place to learn HTML?
#
cophee Northri: I learnt all of mine from FreeCodeCamp actually!
#
cophee I made it a goal to "just do 1 lesson" per day
#
cophee got kinda addicted
#
cophee and then finished the HTML + CSS course xD
#
Northri Perfect. Thank you so much! You have been very helpful :)
#
cophee And then I was lucky to be able to learn at my workplace too
#
cophee Northri: Any time!!!
#
Northri I'm going to go do that right now. Cheers!
#
cophee This is one of my first pages ahha
#
cophee https://bomby.neocities.org/
#
cophee [edit] This is one of my first pages ahha
#
cophee https://bomby.neocities.org/
#
Northri Oh that's sexy lol
#
cophee looking back at the code it was very very messy
#
cophee but it was so fun
#
cophee i really enjoyed it :))
#
Northri It's beautiful. I want to do something like that.
#
cophee yes!
#
cophee start small and build from there
#
cophee i did not have a plan HAHAHA
#
Northri Honestly, I have a lot built already. But it's half Markdown and half HTML.
#
Northri I don't know how well it translates to a real website.
#
cophee ooooo
#
cophee if you like markdown and html
#
cophee you can try something like 11ty
#
cophee that's what my current website is based on
#
cophee https://wingpang.com/
#
Northri Yes! I might go that direction.
#
cophee :DD if you have any questions let me know!!
#
Northri Will do, thank you again!
#
cophee very excited for you 😄
#
[KevinMarks] I'd also say look at the https://github.com/indieweb/blank-gh-site as a starter

#
[KevinMarks] Even if you don't care much about mobile it's worth having the minimal header there.

#
[KevinMarks] Build your html semantically so that it makes sense without CSS too

#
[KevinMarks] For high level thinking about CSS, I really like the https://every-layout.dev/ explanation, which is paid, but worth it and thw free part helps - thinking about CSS as constraints that help the browser do the right thing is good

#
[KevinMarks] Then come to the next Front End Study Hall and chat about what you want to do

#
[KevinMarks] What is front end study hall?

#
Loqi 🎨 Front End Study Hall is an HTML and CSS focused IndieWeb popup meeting focused on markup, styling, design, layout, and accessibility in a loose format where participants come to learn and teach https://indieweb.org/Front_End_Study_Hall

[snarfed] joined the channel
#
cophee im a big css nut but im also an imposter since i like sass
#
cophee was reading up on fluid web css (will give it a go on my next project)
[Joe_Crawford] joined the channel
#
[Joe_Crawford] Imposter! If you’re using SASS you’re using CSS which makes you not an imposter.
#
[Joe_Crawford] And next FrESH is tomorrow https://events.indieweb.org/2024/08/front-end-study-hall-008-BVfQ91G65DtL
#
[Joe_Crawford] Format open, no question too small or large, all topics front end are fair game
sebbu and geoffo joined the channel
to2ds and [Jo] joined the channel
#
capjamesg[d] I'll see if I can attend FrESH tomorrow. I may be a bit tired though. We'll see!

gRegor, thegreekgeek, [jeremycherfas], [schmarty], zicklepop and GuestZero joined the channel
#
[snarfed] it's 2024 and Mastodon is finally thinking about making their `Delete` traffic less overwhelming. better late than never I guess, https://oisaur.com/@renchap/112882196298161297
#
sebbu i got https://bsky.app/profile/sebbu.fr.web.brid.gy and https://mastodon.social/@sebbu.fr@sebbu.fr working (not sure why it also defined the banner on the second)
barnaby and Renfield joined the channel