add h-card and h-entry for indieweb content
This commit is contained in:
parent
5396bef80e
commit
8ce8d5fca2
9 changed files with 124 additions and 83 deletions
|
|
@ -5,7 +5,6 @@
|
|||
<title>about s.gibone</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="pgpkey" href="/stev.asc">
|
||||
<link rel="icon" href="/favicon.ico" type="image/x-icon">
|
||||
<link rel="stylesheet" href="/style.css" type="text/css">
|
||||
</head>
|
||||
|
|
@ -14,7 +13,7 @@
|
|||
<nav>
|
||||
<ul>
|
||||
<li><a href="/index.html">~/</a></li>
|
||||
<li><a href="/gemlog/index.html">~/logs</a></li>
|
||||
<li><a href="/logs/index.html">~/logs</a></li>
|
||||
<li><a href="/projects.html">~/projects</a></li>
|
||||
<li><a href="/gibone-CV.pdf">~/gibone-cv.pdf</a></li>
|
||||
</ul>
|
||||
|
|
@ -26,11 +25,11 @@
|
|||
<img src="/portraitascii.png" alt="my profile pic" class="u-photo" hidden="">
|
||||
<p>
|
||||
Hello, je suis <span class="p-name">Steven GIBONE</span> et bienvenu dans mon petit coin d'internet.
|
||||
<span class="p-note">A ce jour (2024) je vis et travail en <span class="p-country-name">France</span> comme administrateur systèmes et réseaux junior.</span>
|
||||
A ce jour (2024) je vis et travail en <span class="p-country-name">France</span> comme <span class="p-job-title">administrateur systèmes et réseaux junior.
|
||||
</p>
|
||||
<ul>
|
||||
<li><a href="https://steven.gibone.fr" class="u-url">steven.gibone.fr</a></li>
|
||||
<li><a href="https://steven.gibone.fr/stev.asc" class="u-key">GPG key</a></li>
|
||||
<li><a rel="pgpley authn" href="https://steven.gibone.fr/stev.asc" class="u-key">GPG key</a></li>
|
||||
<li><a href="mailto:steven@gibone.fr" class="u-email">steven@gibone.fr</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -85,6 +84,7 @@ Microsoft</a></li>
|
|||
<hr>
|
||||
<a rel=me href="mailto:steven@gibone.fr">steven@gibone.fr</a><br>
|
||||
<a rel=me href="https://mastodon.zaclys.com/@lonion">@lonion@mastodon.zaclys.com</a><br>
|
||||
This page is <a href="https://jeffhuang.com/designed_to_last/">designed to last</a>.
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -18,22 +18,26 @@
|
|||
<li><a href="/gibone-cv.pdf">~/gibone-cv.pdf</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<header>
|
||||
<h1>I hate Microsoft</h1>
|
||||
<time datetime="2021-05-01">2021-05-01</time>
|
||||
</header>
|
||||
<article><p>Yep, like a lot of people I hate Microsoft so I’ll try to be
|
||||
a little specific.</p>
|
||||
<article class="h-entry">
|
||||
<header>
|
||||
<h1 class="p-name">I hate Microsoft</h1>
|
||||
<time class="dt-published" datetime="2021-05-01">2021-05-01</time>
|
||||
<a class="p-author h-card" href="https://steven.gibone.fr">s.gibone</a>
|
||||
<a class="u-url" href="/logs/./2021-05-01_windowssucks.html">permalink</a>
|
||||
</header>
|
||||
<div class="e-content">
|
||||
<p>Yep, like a lot of people I hate Microsoft so I’ll try to be a little
|
||||
specific.</p>
|
||||
<p>First of all, the only reason I still have Windows on my desktop is
|
||||
for gaming reasons and only that, most of what I do happens on GNU+Linux
|
||||
on my laptop which is not powerfull to play something more advanced than
|
||||
OSRS. I hadn’t played on that desktop for a very long time because I no
|
||||
longer had a GPU but I found a very, very old GT240 at my parent’s house
|
||||
to put in there so I started using it again… It was my first use of
|
||||
Windows in about two years and it was a pain! I discovered that back in
|
||||
2018 I tried to prevent MS from spying on me by disabling every
|
||||
longer had a GPU, but I found a very, very old GT240 at my parent’s
|
||||
house to put in there, so I started using it again… It was my first use
|
||||
of Windows in about two years, and it was a pain! I discovered that back
|
||||
in 2018 I tried to prevent MS from spying on me by disabling every
|
||||
telemetry I could… so that was a mistake because now Windows just
|
||||
refuses to update. I know it was my fault but it feels so wrong that if
|
||||
refuses to update. I know it was my fault, but it feels so wrong that if
|
||||
I don’t want my pc to send MS data about what I do on my computer I also
|
||||
have to give up having Windows updates. All this was so I could play
|
||||
Minecraft with my SO. I had not played Minecraft in many years, Mojang
|
||||
|
|
@ -45,11 +49,14 @@ me). The worst part is that by the end of the year if I want to continue
|
|||
playing I have to use a MS account with Minecraft instead of my Mojang
|
||||
account and that also pisses my off very much.</p>
|
||||
<p>Unfortunately these are not the only reasons I hate MS, they were
|
||||
just new reasons that added to the others.</p></article>
|
||||
just new reasons that added to the others.</p>
|
||||
</div>
|
||||
</article>
|
||||
<footer>
|
||||
<hr>
|
||||
<a href="mailto:steven@gibone.fr">steven@gibone.fr</a><br>
|
||||
<a rel=me href="https://mastodon.zaclys.com/@lonion">@lonion@mastodon.zaclys.com</a><br>
|
||||
This page is <a href="https://jeffhuang.com/designed_to_last/">designed to last</a>.
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -18,19 +18,26 @@
|
|||
<li><a href="/gibone-cv.pdf">~/gibone-cv.pdf</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<header>
|
||||
<h1>I’m learning networking</h1>
|
||||
<time datetime="2021-05-04">2021-05-04</time>
|
||||
</header>
|
||||
<article><p>I’m currently learning networking stuff to become a sysadmin
|
||||
on my own waiting for the formation to start. I’m looking at a free
|
||||
Coursera course and videos on Youtube and I’m having a blast learning
|
||||
all this but it makes me want to buy all kind of things that would be
|
||||
way overkill both for my wallet and for my home network…</p></article>
|
||||
<article class="h-entry">
|
||||
<header>
|
||||
<h1 class="p-name">I’m learning networking</h1>
|
||||
<time class="dt-published" datetime="2021-05-04">2021-05-04</time>
|
||||
<a class="p-author h-card" href="https://steven.gibone.fr">s.gibone</a>
|
||||
<a class="u-url" href="/logs/./2021-05-04_networking_school.html">permalink</a>
|
||||
</header>
|
||||
<div class="e-content">
|
||||
<p>I’m currently learning networking stuff to become a sysadmin on my
|
||||
own waiting for the formation to start. I’m looking at a free Coursera
|
||||
course and videos on Youtube and I’m having a blast learning all this
|
||||
but it makes me want to buy all kind of things that would be way
|
||||
overkill both for my wallet and for my home network…</p>
|
||||
</div>
|
||||
</article>
|
||||
<footer>
|
||||
<hr>
|
||||
<a href="mailto:steven@gibone.fr">steven@gibone.fr</a><br>
|
||||
<a rel=me href="https://mastodon.zaclys.com/@lonion">@lonion@mastodon.zaclys.com</a><br>
|
||||
This page is <a href="https://jeffhuang.com/designed_to_last/">designed to last</a>.
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -18,16 +18,20 @@
|
|||
<li><a href="/gibone-cv.pdf">~/gibone-cv.pdf</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<header>
|
||||
<h1>Let’s try something new</h1>
|
||||
<time datetime="2024-05-06">2024-05-06</time>
|
||||
</header>
|
||||
<article><p>i just found out about <strong>WeblogPoMo2024</strong>,
|
||||
which is just another challenge encouraging people to blog everyday (or
|
||||
as much as possible) during May 2024. I won’t force myself to do it
|
||||
every single day but it might give me the push i needed to finaly start
|
||||
something here. i read about it in Daryl Sun’s latest post who in turn
|
||||
joined because of anniegreens’s blog</p>
|
||||
<article class="h-entry">
|
||||
<header>
|
||||
<h1 class="p-name">Let’s try something new</h1>
|
||||
<time class="dt-published" datetime="2024-05-06">2024-05-06</time>
|
||||
<a class="p-author h-card" href="https://steven.gibone.fr">s.gibone</a>
|
||||
<a class="u-url" href="/logs/./2024-05-06_weblogpomo2024_a_new_beginning.html">permalink</a>
|
||||
</header>
|
||||
<div class="e-content">
|
||||
<p>i just found out about <strong>WeblogPoMo2024</strong>, which is just
|
||||
another challenge encouraging people to blog everyday (or as much as
|
||||
possible) during May 2024. I won’t force myself to do it every single
|
||||
day but it might give me the push i needed to finaly start something
|
||||
here. i read about it in Daryl Sun’s latest post who in turn joined
|
||||
because of anniegreens’s blog</p>
|
||||
<ul>
|
||||
<li><a
|
||||
href="https://blog.darylsun.page/2024/05/04/weblogpomo-2024-day-1-4-blog-construction-post-mortem-1">Weblog
|
||||
|
|
@ -53,11 +57,14 @@ theme, only whatever crosses my mind.</p>
|
|||
<p>i shouldn’t worry about article length either and concentrate on
|
||||
publishing whenever i feel like i’ve said enough on the matter. since i
|
||||
started in english i might just continue like that but nothing’s
|
||||
sure.</p></article>
|
||||
sure.</p>
|
||||
</div>
|
||||
</article>
|
||||
<footer>
|
||||
<hr>
|
||||
<a href="mailto:steven@gibone.fr">steven@gibone.fr</a><br>
|
||||
<a rel=me href="https://mastodon.zaclys.com/@lonion">@lonion@mastodon.zaclys.com</a><br>
|
||||
This page is <a href="https://jeffhuang.com/designed_to_last/">designed to last</a>.
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -18,13 +18,17 @@
|
|||
<li><a href="/gibone-cv.pdf">~/gibone-cv.pdf</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<header>
|
||||
<h1>I just found out about the IndieWeb</h1>
|
||||
<time datetime="2024-05-08">2024-05-08</time>
|
||||
</header>
|
||||
<article><p>I’m learning a lot about the IndieWeb, or the personal web
|
||||
or wherever terminology you like best. To get quick examples of what it
|
||||
can be, check out Marginalia’s site explorer. i’m also finding out about
|
||||
<article class="h-entry">
|
||||
<header>
|
||||
<h1 class="p-name">I just found out about the IndieWeb</h1>
|
||||
<time class="dt-published" datetime="2024-05-08">2024-05-08</time>
|
||||
<a class="p-author h-card" href="https://steven.gibone.fr">s.gibone</a>
|
||||
<a class="u-url" href="/logs/./2024-05-08_i_just_found_out_about_indieweb.html">permalink</a>
|
||||
</header>
|
||||
<div class="e-content">
|
||||
<p>I’m learning a lot about the IndieWeb, or the personal web or
|
||||
wherever terminology you like best. To get quick examples of what it can
|
||||
be, check out Marginalia’s site explorer. i’m also finding out about
|
||||
webrings and webmentions which sound very cool, i might implement the
|
||||
latter here some day i’m not too lazy.</p>
|
||||
<ul>
|
||||
|
|
@ -60,11 +64,14 @@ is Solutionism at its Worst</a></li>
|
|||
<li><a
|
||||
href="https://andregarzia.com/2022/01/gemini-is-a-little-gem.html">Gemini
|
||||
Is A Little Gem</a></li>
|
||||
</ul></article>
|
||||
</ul>
|
||||
</div>
|
||||
</article>
|
||||
<footer>
|
||||
<hr>
|
||||
<a href="mailto:steven@gibone.fr">steven@gibone.fr</a><br>
|
||||
<a rel=me href="https://mastodon.zaclys.com/@lonion">@lonion@mastodon.zaclys.com</a><br>
|
||||
This page is <a href="https://jeffhuang.com/designed_to_last/">designed to last</a>.
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -18,21 +18,25 @@
|
|||
<li><a href="/gibone-cv.pdf">~/gibone-cv.pdf</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<header>
|
||||
<h1>Écrire (régulièrement) c’est plus dur qu’il n’y parait</h1>
|
||||
<time datetime="2024-05-21">2024-05-21</time>
|
||||
</header>
|
||||
<article><p>Bon, j’ai absolument pas tenu le rythme d’écriture que
|
||||
j’aurai voulu. en fait c’est plus dur que ce que je pensais de prendre
|
||||
le temps de le faire. entre mon envie de jouer à hades-2, mon envie de
|
||||
coder et le tout simplement passer du temps avec des proches et me
|
||||
reposer. à la fin de la journée il reste peu de temps. aujourd’hui par
|
||||
exemple. après le travail j’ai passé du temps avec ma copine et des
|
||||
ami·es, on a pris un goûter, on a pris des chocolats puis en rentrant on
|
||||
mange, on discute et PAF, il est vite 23h. au moment où j’écris ces mots
|
||||
il est exactement 00:30 et je ne vais pas finir tout de suite.
|
||||
j’attendrai demain pour terminer ce post et j’espère le publier dans la
|
||||
foulée.</p>
|
||||
<article class="h-entry">
|
||||
<header>
|
||||
<h1 class="p-name">Écrire (régulièrement) c’est plus dur qu’il n’y
|
||||
parait</h1>
|
||||
<time class="dt-published" datetime="2024-05-21">2024-05-21</time>
|
||||
<a class="p-author h-card" href="https://steven.gibone.fr">s.gibone</a>
|
||||
<a class="u-url" href="/logs/./2024-05-21_ecrire_cest_dur.html">permalink</a>
|
||||
</header>
|
||||
<div class="e-content">
|
||||
<p>Bon, j’ai absolument pas tenu le rythme d’écriture que j’aurai voulu.
|
||||
en fait c’est plus dur que ce que je pensais de prendre le temps de le
|
||||
faire. entre mon envie de jouer à hades-2, mon envie de coder et le tout
|
||||
simplement passer du temps avec des proches et me reposer. à la fin de
|
||||
la journée il reste peu de temps. aujourd’hui par exemple. après le
|
||||
travail j’ai passé du temps avec ma copine et des ami·es, on a pris un
|
||||
goûter, on a pris des chocolats puis en rentrant on mange, on discute et
|
||||
PAF, il est vite 23h. au moment où j’écris ces mots il est exactement
|
||||
00:30 et je ne vais pas finir tout de suite. j’attendrai demain pour
|
||||
terminer ce post et j’espère le publier dans la foulée.</p>
|
||||
<p>je vois bien quel est mon problème pour publier. j’attends de pouvoir
|
||||
parler d’un sujet bien précis mais je suis pas obligé. rien ne m’empêche
|
||||
de juste raconter ma vie. si ça intéresse personne bah tant pis.
|
||||
|
|
@ -52,11 +56,14 @@ motive encore plus pour faire de la voie, d’abord en SAE puis en
|
|||
falaise, ça me ferait vraiment plaisir de retourner grimper sur de la
|
||||
roche naturelle.</p>
|
||||
<p>pour info, temps écoulé entre la rédaction des premiers mots de ce
|
||||
post et sa publication : 5j</p></article>
|
||||
post et sa publication : 5j</p>
|
||||
</div>
|
||||
</article>
|
||||
<footer>
|
||||
<hr>
|
||||
<a href="mailto:steven@gibone.fr">steven@gibone.fr</a><br>
|
||||
<a rel=me href="https://mastodon.zaclys.com/@lonion">@lonion@mastodon.zaclys.com</a><br>
|
||||
This page is <a href="https://jeffhuang.com/designed_to_last/">designed to last</a>.
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -19,32 +19,32 @@
|
|||
</ul>
|
||||
</nav>
|
||||
<header>
|
||||
<h1>log index</h1>
|
||||
<time datetime=""></time>
|
||||
<h1 class="p-name">log index</h1>
|
||||
</header>
|
||||
<article><p>Ici vous verrez tous les posts que j’ai écrit pour ce site,
|
||||
je vais râler, certainement. Here will live gemlog posts about nothing
|
||||
and everything, I will rant about a lot of thing, I could I not, you
|
||||
deserve entertainment!</p>
|
||||
<p>Ici vous verrez tous les posts que j’ai écrit pour ce site, je vais
|
||||
râler, certainement. Here will live logs about nothing and everything, I
|
||||
will rant about a lot of thing, I could I not, you deserve
|
||||
entertainment!</p>
|
||||
<h2 id="logs">logs</h2>
|
||||
<ul>
|
||||
<li><a href="logs/2024-05-21_ecrire_cest_dur.html">2024-05-21 - Ecrire
|
||||
<li><a href="/logs/2024-05-21_ecrire_cest_dur.html">2024-05-21 - Ecrire
|
||||
(régulièrement) c’est dur</a></li>
|
||||
<li><a
|
||||
href="logs/2024-05-08_i_just_found_out_about_indieweb.html">2024-05-08 -
|
||||
I just found out about the IndieWeb</a></li>
|
||||
href="/logs/2024-05-08_i_just_found_out_about_indieweb.html">2024-05-08
|
||||
- I just found out about the IndieWeb</a></li>
|
||||
<li><a
|
||||
href="logs/2024-05-06_weblogpomo2024_a_new_beginning.html">2024-05-06 -
|
||||
href="/logs/2024-05-06_weblogpomo2024_a_new_beginning.html">2024-05-06 -
|
||||
Let’s try something new</a></li>
|
||||
<li><a href="logs/2021-05-04_networking_school.html">2021-05-04 - I’m
|
||||
<li><a href="/logs/2021-05-04_networking_school.html">2021-05-04 - I’m
|
||||
learning networking</a></li>
|
||||
<li><a href="logs/2021-05-01_windowssucks.html">2021-05-01 - I hate
|
||||
<li><a href="/logs/2021-05-01_windowssucks.html">2021-05-01 - I hate
|
||||
Microsoft</a></li>
|
||||
</ul></article>
|
||||
</ul>
|
||||
<footer>
|
||||
<hr>
|
||||
<a href="mailto:steven@gibone.fr">steven@gibone.fr</a><br>
|
||||
<a rel=me href="https://mastodon.zaclys.com/@lonion">@lonion@mastodon.zaclys.com</a><br>
|
||||
This page is <a href="https://jeffhuang.com/designed_to_last/">designed to last</a>.
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -19,11 +19,10 @@
|
|||
</ul>
|
||||
</nav>
|
||||
<header>
|
||||
<h1>Current or finished projects</h1>
|
||||
<time datetime=""></time>
|
||||
<h1 class="p-name">Current or finished projects</h1>
|
||||
</header>
|
||||
<article><p>sorted in reverse chronological order so that the most
|
||||
recent projects appears first:</p>
|
||||
<p>sorted in reverse chronological order so that the most recent
|
||||
projects appears first:</p>
|
||||
<h2 id="section">2023</h2>
|
||||
<ul>
|
||||
<li>started to work on a tool to help publish both a website and a
|
||||
|
|
@ -58,11 +57,12 @@ mobile UI contrary to Gogs. Lives at the same address.</li>
|
|||
<li>installed Gogs on my Raspberry Pi now with remote access</li>
|
||||
<li>installed Pi-Hole on my Raspberry Pi</li>
|
||||
<li>built my website using PicoCMS</li>
|
||||
</ul></article>
|
||||
</ul>
|
||||
<footer>
|
||||
<hr>
|
||||
<a href="mailto:steven@gibone.fr">steven@gibone.fr</a><br>
|
||||
<a rel=me href="https://mastodon.zaclys.com/@lonion">@lonion@mastodon.zaclys.com</a><br>
|
||||
This page is <a href="https://jeffhuang.com/designed_to_last/">designed to last</a>.
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -22,18 +22,24 @@ h1,h2,h3 {
|
|||
}
|
||||
|
||||
header {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
margin: 20px auto;
|
||||
}
|
||||
|
||||
header h1 {
|
||||
margin: 0px;
|
||||
flex-grow: 1;
|
||||
width: 100%;
|
||||
grid-column: 1/4;
|
||||
}
|
||||
|
||||
header time {
|
||||
align-self: end;
|
||||
justify-self: start;
|
||||
}
|
||||
header .p-author {
|
||||
justify-self: center;
|
||||
}
|
||||
header .u-url {
|
||||
justify-self: end;
|
||||
}
|
||||
|
||||
p {
|
||||
|
|
|
|||
Loading…
Reference in a new issue