Alessio Caiazza

Il sapere umano appartiene al mondo.

Implementing avatars timeline

From time to time I like updating my avatar, but this has the side effect of changing it also on old messages that I wrote with another face.

Recently I was able to recover an old repository containing the sources for this site for the period 2007-2012.
Reading my 10 years old articles was entertaining (for me) but having my grown up face next to a 13 year old post felt so strange.

So I decided to implement an avatar timeline. At least here on my website, every post will always have the face that I had at the time of writing (except on mobile, I don't display my avatar on mobile).

2006-01-10 2009-10-10 2011-01-01 2015-08-30 2018-08-31
I don't expect anyone to be interested in those old posts, also many of them are written in italian.
In any case, they are all tagged with #abisso.org archaeology
(l0g.in 59sHif)

Sending your first webmention

Yes, this website supports IndieWeb webmentions!

Webmention is a web standard for mentions and conversations across the web, a powerful building block that is used for a growing federated network of comments, likes, reposts, and other rich interactions across the decentralized social web.

This means that in order send a reply you need to publish it on your website first.

This is an example of a very simple reply to this page, if you can publish it somewere online and put your URL in the box at the end of this page, it will eventually appear on my website!

<!doctype html>
<meta charset="utf-8">
<title>My first webmention reply</title>
<body>
  <div class="h-entry">
    <!-- change the content with your own info, all fiels are optional -->
    <div class="u-author h-card"> 
      <img src="https://abisso.org/avatar.jpg" class="u-photo" width="40">
      <a href="https://abisso.org/" class="u-url p-name">Alessio Caiazza</a>
    </div>
    <p>
      in reply to:
      <a
      class="u-in-reply-to"
      href="https://abisso.org/stream/2020/11/24/wementions/">
        @nolith
      </a>
    </p>
    <p class="e-content">This is my first webmention!</p>
  </div>
</body>

Don’t know where to start? Take a look at the IndieWeb Getting Started page.

If you don’t have a website yet, you may consider using my GitLab Pages template to quickly create and deploy one.

(l0g.in 59qCgD)
Alessio

Hello. My name is Alessio Caiazza. I'm also known as nolith. I love writing code and technology. I'm passionate about production engineering.

This is where I write my thoughts trying to follow IndieWeb principles.

Staff Backend Engineer, Delivery @ GitLab

he/him/his

"Il sapere umano appartiene al mondo."

← An IndieWeb Webring πŸ•ΈπŸ’ β†’