#dev 2026-07-07

2026-07-07 UTC
floflo joined the channel
#
felipebf
one question, may be silly but... I have an About section, do I create the h-card marks only at my index.html, or can I set it in my about? This h-card need to be in my home?
#
ZodiacalComet
It can be in any page, it's just that at least having in it on the homepage makes it easier to point to
posixlycorrect joined the channel
#
ZodiacalComet
Most services that use your site to sign-in will only get your profile from the URL you give. Saves you some typing if it is on the homepage
#
felipebf
ok, I have my name in my home, I think I will link the name to a static page with my h-card information. I hope it works. My site is not indexed in search engines I guess. I am just starting this and all I know is some HTML and how to link stuff. kkkk. Everything seems intimidating now. but I guess ill learn somehow.
#
gRegor
Yeah, having it on the homepage can be good as a representative h-card, so if someone parses the homepage, it would return your info. It's not strictly required, though.
#
ZodiacalComet
Sorry if I'm being a little overwhelming throwing all of this. Feel free to take it slowly, there is no problem with taking one step at a time
#
gRegor
I have multiple, one smaller one on my homepage and one on the About page. I think there's a brainstorming section on the wiki on how we might indicate "the more complete one is over there on the about page" but no real progress on how that might work (or software that consumes it)
#
felipebf
if I add the mark it will be visible? Can I add and hyde it, just to sites check and read the markup? I dont want to add extra info, I already have an about.html
#
ZodiacalComet
You can! If it is in the HTML it will be parsed regarless on UI visibility
#
gRegor
microformats like h-card can be invisible, yes. We usually don't recommend it because if it breaks, harder to notice, but it absolutely still works
#
felipebf
so I have an hcard like this for example. I just drop inside my code and thats it? i will trye here and see what happens.
#
felipebf
<a class="h-card" href="http://waterpigs.co.uk">
#
felipebf
<img src="/photo.png" alt="" />
#
felipebf
Barnaby Walters
#
felipebf
</a>
#
gRegor
You're trying to do web sign in for the IndieWeb Webring, right?
#
felipebf
yes
#
felipebf
ill add the webring option in the bottom of my index
#
felipebf
the arrows and so
#
gRegor
If yes, I think a minimal h-card on your homepage would need your name and at least one `rel-me` link to a service that can be used for web sign in.
#
gRegor
what is web sign in?
#
gRegor
ah preposition at the end, d'oh
#
gRegor
Which for signing in to the webring, could be one of: Github, Gitlab, Codeberg, or email address.
#
gRegor
oh, and Bluesky
#
felipebf
thi @ is my github username?
#
gRegor
Example: `<a href="https://github.com/username" rel="me">github.com/username</a>`
#
gRegor
If you prefer an invisible link in the page head: `<link rel="me" href="https://github.com/username">`
#
gRegor
Your github profile will also need to link back to your website. that bi-directional linking confirms your control of that github account.
#
gRegor
Once you have both of thoe, https://indiewebify.me/validate-rel-me/ can validate
#
felipebf
I will add the infor for h-card at the bottom, add this rel=me info as well. Iĺl do it now, I hope I can do this
#
gRegor
I'd start with the rel-me stuff for web sign in
#
felipebf
<ul>
#
felipebf
<li><a href="https://github.com/felipebrasilblog" rel="me">@felipelipebrasilblog on Github</a></li>
#
felipebf
</ul>
#
felipebf
<li><a href="mailto:felipefelicio@gmail.com" rel="me">felipefelicio@gmail.com</a></li>
#
felipebf
Iǘe added this to my footer
#
gRegor
That looks good!
#
felipebf
do you know how to remove those list dots?
#
felipebf
kkkkk
#
felipebf
its ugly now
#
felipebf
kkkkk
#
felipebf
i mean, kkkk is laughts in portuguese
#
gRegor
If you want to use Github for web sign in, now on https://github.com/felipebrasilblog you would need to update your profile so it links to your website: https://felipebrasilblog.github.io/
#
gRegor
That's why indiewebify.me validator right now says "https://github.com/felipebrasilblog does not link back"
#
ZodiacalComet
Answering your question, what matters is the link with rel=me. It is not required to have them in a list. If you want to keep it like that, applying CSS 'list-style: none' to the <ul> container removes the dots
#
felipebf
i think i got
#
felipebf
i went to the profile and edit
#
felipebf
and there is name, bio, pronouns, etc
#
felipebf
I just need to edit on github and it will get this info from github?
#
gRegor
Just need the URL on github, other fields are optional and won't be used by web sign in
#
felipebf
i mean, felipebrasilblog.github.io/index.html ?
#
felipebf
where do i find this url from github?
#
gRegor
Oh github, click your avatar top right, then Settings, then scroll down to URL
#
gRegor
Enter https://github.com/felipebrasilblog no need for the index.html
#
gRegor
Other fields are optional and don't have an impact on web sign in
#
gRegor
Ack, I pasted the wrong URL
#
felipebf
there is nothing in my URL (o.0)
#
gRegor
Right, enter the URL of your site
#
gRegor
What this is doing is updating your public github profile. For example, on mine https://github.com/gRegorLove/ under the photo is a link to my website.
#
felipebf
i put this in my URL: www.felipebrasilblog.github.io
#
felipebf
I don use a private domain name
#
gRegor
no www
#
gRegor
That's fine
#
gRegor
The important part is the public website links to your github profile page and vice versa
#
felipebf
check now, its linking to github
#
felipebf
i believe
#
gRegor
huzzah, it's working! indiewebifyme shows "https://github.com/felipebrasilblog works perfectly"
#
felipebf
SUCESS!!!!!!
#
gRegor
Now you can test signing in on indielogin.com
#
gRegor
enter https://felipebrasilblog.github.io/ and it should prompt you to confirm the request via your Github.
#
felipebf
now, the h-card, I add again at the bottom?
#
gRegor
For the h-card, since you don't have a photo/avatar currently, you can do a simple one-line link on your homepage: `<a href="/" class="h-card">Felipe Brasil Felicio</a>`
#
ZodiacalComet
^ You can also put it on the <h1> that already has your name
#
gRegor
That will result in IndieWeb Webring getting your URL, and the text inside the link will be used as your name
#
felipebf
Cool
#
felipebf
I just put the link in my name at the bottom
#
gRegor
I need to step away for a bit. Good luck!
#
felipebf
thanks a lot
#
felipebf
bye
cotsuka, grufwub, pauls2, Maxpm, ax562, d1s1nf3ct, GWG, blacklight, ZodiacalComet, barnaby and rMdes joined the channel
#
gRegor
bringing some Micropub chat from #microformats here. From the Micropub session, looks like there was agreement to add some stable extensions to the spec. I might try to write a PR for some of those. Popup and video: https://indieweb.org/2026/Micropub
[Murray] and [schmarty] joined the channel
ax562 joined the channel
#
doesnm
i read message above as "micropub-powered chat"
[schmarty] joined the channel
#
gRegor
haha [schmarty]++
#
Loqi
[schmarty] has 6 karma in this channel over the last year (28 in all channels)
#
felipebf
almost there, gRegor helped me a lot yesterday. now is time to continue my indie webring project in my blog...
thatoddshade, barnaby, deathcomestotime and d1s1nf3ct joined the channel
#
ZodiacalComet
felipebf++ cheers!
#
Loqi
felipebf has 1 karma over the last year
[Sophia] and thatoddshade joined the channel
#
Zegnat
Very slowly dipping my toes back into some of my open source packages. Version 0.1.0: 2017-11-14 15:31 UTC, version 0.2.0: 2026-07-07 20:05 UTC
#
[capjamesg]
Zegnat++ nice!!
#
Loqi
Zegnat has 2 karma in this channel over the last year (15 in all channels)
#
Zegnat
So if anyone ever needs a bunch of test fixtures for parsing URLs from HTML ... https://github.com/Zegnat/php-linkextractor/tree/develop/tests/files
[pcarrier] and jjuran joined the channel
#
gRegor
Ooh nice. I might look into using that in my Webmention plugin
ax5623, raidev[d], WinnerWind, ax562, thatoddshade, blacklight and dustinm`_ joined the channel