stev/stevengibone.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

add h-card and h-entry for indieweb content

Browse source
This commit is contained in:
stev 2024-09-06 16:56:35 +02:00
parent 5396bef80e
commit 8ce8d5fca2
9 changed files with 124 additions and 83 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
html/index.html
View file

@ -5,7 +5,6 @@
<title>about s.gibone</title> <title>about s.gibone</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <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="icon" href="/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="/style.css" type="text/css"> <link rel="stylesheet" href="/style.css" type="text/css">
</head> </head>
@ -14,7 +13,7 @@
<nav> <nav>
<ul> <ul>
<li><a href="/index.html">~/</a></li> <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="/projects.html">~/projects</a></li>
<li><a href="/gibone-CV.pdf">~/gibone-cv.pdf</a></li> <li><a href="/gibone-CV.pdf">~/gibone-cv.pdf</a></li>
</ul> </ul>
@ -26,11 +25,11 @@
<img src="/portraitascii.png" alt="my profile pic" class="u-photo" hidden=""> <img src="/portraitascii.png" alt="my profile pic" class="u-photo" hidden="">
<p> <p>
Hello, je suis <span class="p-name">Steven GIBONE</span> et bienvenu dans mon petit coin d'internet. 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> </p>
<ul> <ul>
<li><a href="https://steven.gibone.fr" class="u-url">steven.gibone.fr</a></li> <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> <li><a href="mailto:steven@gibone.fr" class="u-email">steven@gibone.fr</a></li>
</ul> </ul>
</div> </div>
@ -85,6 +84,7 @@ Microsoft</a></li>
<hr> <hr>
<a rel=me href="mailto:steven@gibone.fr">steven@gibone.fr</a><br> <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> <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> </footer>
</body> </body>
</html> </html>

31
html/logs/2021-05-01_windowssucks.html
View file

@ -18,22 +18,26 @@
<li><a href="/gibone-cv.pdf">~/gibone-cv.pdf</a></li> <li><a href="/gibone-cv.pdf">~/gibone-cv.pdf</a></li>
</ul> </ul>
</nav> </nav>
<header> <article class="h-entry">
<h1>I hate Microsoft</h1> <header>
<time datetime="2021-05-01">2021-05-01</time> <h1 class="p-name">I hate Microsoft</h1>
</header> <time class="dt-published" datetime="2021-05-01">2021-05-01</time>
<article><p>Yep, like a lot of people I hate Microsoft so I’ll try to be <a class="p-author h-card" href="https://steven.gibone.fr">s.gibone</a>
a little specific.</p> <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 <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 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 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 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 longer had a GPU, but I found a very, very old GT240 at my parent’s
to put in there so I started using it again… It was my first use of house to put in there, so I started using it again… It was my first use
Windows in about two years and it was a pain! I discovered that back in of Windows in about two years, and it was a pain! I discovered that back
2018 I tried to prevent MS from spying on me by disabling every 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 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 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 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 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 playing I have to use a MS account with Minecraft instead of my Mojang
account and that also pisses my off very much.</p> account and that also pisses my off very much.</p>
<p>Unfortunately these are not the only reasons I hate MS, they were <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> <footer>
<hr> <hr>
<a href="mailto:steven@gibone.fr">steven@gibone.fr</a><br> <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> <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> </footer>
</body> </body>
</html> </html>

25
html/logs/2021-05-04_networking_school.html
View file

@ -18,19 +18,26 @@
<li><a href="/gibone-cv.pdf">~/gibone-cv.pdf</a></li> <li><a href="/gibone-cv.pdf">~/gibone-cv.pdf</a></li>
</ul> </ul>
</nav> </nav>
<header> <article class="h-entry">
<h1>I’m learning networking</h1> <header>
<time datetime="2021-05-04">2021-05-04</time> <h1 class="p-name">I’m learning networking</h1>
</header> <time class="dt-published" datetime="2021-05-04">2021-05-04</time>
<article><p>I’m currently learning networking stuff to become a sysadmin <a class="p-author h-card" href="https://steven.gibone.fr">s.gibone</a>
on my own waiting for the formation to start. I’m looking at a free <a class="u-url" href="/logs/./2021-05-04_networking_school.html">permalink</a>
Coursera course and videos on Youtube and I’m having a blast learning </header>
all this but it makes me want to buy all kind of things that would be <div class="e-content">
way overkill both for my wallet and for my home network…</p></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>
</div>
</article>
<footer> <footer>
<hr> <hr>
<a href="mailto:steven@gibone.fr">steven@gibone.fr</a><br> <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> <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> </footer>
</body> </body>
</html> </html>

29
html/logs/2024-05-06_weblogpomo2024_a_new_beginning.html
View file

@ -18,16 +18,20 @@
<li><a href="/gibone-cv.pdf">~/gibone-cv.pdf</a></li> <li><a href="/gibone-cv.pdf">~/gibone-cv.pdf</a></li>
</ul> </ul>
</nav> </nav>
<header> <article class="h-entry">
<h1>Let’s try something new</h1> <header>
<time datetime="2024-05-06">2024-05-06</time> <h1 class="p-name">Let’s try something new</h1>
</header> <time class="dt-published" datetime="2024-05-06">2024-05-06</time>
<article><p>i just found out about <strong>WeblogPoMo2024</strong>, <a class="p-author h-card" href="https://steven.gibone.fr">s.gibone</a>
which is just another challenge encouraging people to blog everyday (or <a class="u-url" href="/logs/./2024-05-06_weblogpomo2024_a_new_beginning.html">permalink</a>
as much as possible) during May 2024. I won’t force myself to do it </header>
every single day but it might give me the push i needed to finaly start <div class="e-content">
something here. i read about it in Daryl Sun’s latest post who in turn <p>i just found out about <strong>WeblogPoMo2024</strong>, which is just
joined because of anniegreens’s blog</p> 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> <ul>
<li><a <li><a
href="https://blog.darylsun.page/2024/05/04/weblogpomo-2024-day-1-4-blog-construction-post-mortem-1">Weblog 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 <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 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 started in english i might just continue like that but nothing’s
sure.</p></article> sure.</p>
</div>
</article>
<footer> <footer>
<hr> <hr>
<a href="mailto:steven@gibone.fr">steven@gibone.fr</a><br> <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> <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> </footer>
</body> </body>
</html> </html>

23
html/logs/2024-05-08_i_just_found_out_about_indieweb.html
View file

@ -18,13 +18,17 @@
<li><a href="/gibone-cv.pdf">~/gibone-cv.pdf</a></li> <li><a href="/gibone-cv.pdf">~/gibone-cv.pdf</a></li>
</ul> </ul>
</nav> </nav>
<header> <article class="h-entry">
<h1>I just found out about the IndieWeb</h1> <header>
<time datetime="2024-05-08">2024-05-08</time> <h1 class="p-name">I just found out about the IndieWeb</h1>
</header> <time class="dt-published" datetime="2024-05-08">2024-05-08</time>
<article><p>I’m learning a lot about the IndieWeb, or the personal web <a class="p-author h-card" href="https://steven.gibone.fr">s.gibone</a>
or wherever terminology you like best. To get quick examples of what it <a class="u-url" href="/logs/./2024-05-08_i_just_found_out_about_indieweb.html">permalink</a>
can be, check out Marginalia’s site explorer. i’m also finding out about </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 webrings and webmentions which sound very cool, i might implement the
latter here some day i’m not too lazy.</p> latter here some day i’m not too lazy.</p>
<ul> <ul>
@ -60,11 +64,14 @@ is Solutionism at its Worst</a></li>
<li><a <li><a
href="https://andregarzia.com/2022/01/gemini-is-a-little-gem.html">Gemini href="https://andregarzia.com/2022/01/gemini-is-a-little-gem.html">Gemini
Is A Little Gem</a></li> Is A Little Gem</a></li>
</ul></article> </ul>
</div>
</article>
<footer> <footer>
<hr> <hr>
<a href="mailto:steven@gibone.fr">steven@gibone.fr</a><br> <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> <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> </footer>
</body> </body>
</html> </html>

39
html/logs/2024-05-21_ecrire_cest_dur.html
View file

@ -18,21 +18,25 @@
<li><a href="/gibone-cv.pdf">~/gibone-cv.pdf</a></li> <li><a href="/gibone-cv.pdf">~/gibone-cv.pdf</a></li>
</ul> </ul>
</nav> </nav>
<header> <article class="h-entry">
<h1>Écrire (régulièrement) c’est plus dur qu’il n’y parait</h1> <header>
<time datetime="2024-05-21">2024-05-21</time> <h1 class="p-name">Écrire (régulièrement) c’est plus dur qu’il n’y
</header> parait</h1>
<article><p>Bon, j’ai absolument pas tenu le rythme d’écriture que <time class="dt-published" datetime="2024-05-21">2024-05-21</time>
j’aurai voulu. en fait c’est plus dur que ce que je pensais de prendre <a class="p-author h-card" href="https://steven.gibone.fr">s.gibone</a>
le temps de le faire. entre mon envie de jouer à hades-2, mon envie de <a class="u-url" href="/logs/./2024-05-21_ecrire_cest_dur.html">permalink</a>
coder et le tout simplement passer du temps avec des proches et me </header>
reposer. à la fin de la journée il reste peu de temps. aujourd’hui par <div class="e-content">
exemple. après le travail j’ai passé du temps avec ma copine et des <p>Bon, j’ai absolument pas tenu le rythme d’écriture que j’aurai voulu.
ami·es, on a pris un goûter, on a pris des chocolats puis en rentrant on en fait c’est plus dur que ce que je pensais de prendre le temps de le
mange, on discute et PAF, il est vite 23h. au moment où j’écris ces mots faire. entre mon envie de jouer à hades-2, mon envie de coder et le tout
il est exactement 00:30 et je ne vais pas finir tout de suite. simplement passer du temps avec des proches et me reposer. à la fin de
j’attendrai demain pour terminer ce post et j’espère le publier dans la la journée il reste peu de temps. aujourd’hui par exemple. après le
foulée.</p> 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 <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 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. 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 falaise, ça me ferait vraiment plaisir de retourner grimper sur de la
roche naturelle.</p> roche naturelle.</p>
<p>pour info, temps écoulé entre la rédaction des premiers mots de ce <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> <footer>
<hr> <hr>
<a href="mailto:steven@gibone.fr">steven@gibone.fr</a><br> <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> <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> </footer>
</body> </body>
</html> </html>

26
html/logs/index.html
View file

@ -19,32 +19,32 @@
</ul> </ul>
</nav> </nav>
<header> <header>
<h1>log index</h1> <h1 class="p-name">log index</h1>
<time datetime=""></time>
</header> </header>
<article><p>Ici vous verrez tous les posts que j’ai écrit pour ce site, <p>Ici vous verrez tous les posts que j’ai écrit pour ce site, je vais
je vais râler, certainement. Here will live gemlog posts about nothing râler, certainement. Here will live logs about nothing and everything, I
and everything, I will rant about a lot of thing, I could I not, you will rant about a lot of thing, I could I not, you deserve
deserve entertainment!</p> entertainment!</p>
<h2 id="logs">logs</h2> <h2 id="logs">logs</h2>
<ul> <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> (régulièrement) c’est dur</a></li>
<li><a <li><a
href="logs/2024-05-08_i_just_found_out_about_indieweb.html">2024-05-08 - href="/logs/2024-05-08_i_just_found_out_about_indieweb.html">2024-05-08
I just found out about the IndieWeb</a></li> - I just found out about the IndieWeb</a></li>
<li><a <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> 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> 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> Microsoft</a></li>
</ul></article> </ul>
<footer> <footer>
<hr> <hr>
<a href="mailto:steven@gibone.fr">steven@gibone.fr</a><br> <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> <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> </footer>
</body> </body>
</html> </html>

10
html/projects.html
View file

@ -19,11 +19,10 @@
</ul> </ul>
</nav> </nav>
<header> <header>
<h1>Current or finished projects</h1> <h1 class="p-name">Current or finished projects</h1>
<time datetime=""></time>
</header> </header>
<article><p>sorted in reverse chronological order so that the most <p>sorted in reverse chronological order so that the most recent
recent projects appears first:</p> projects appears first:</p>
<h2 id="section">2023</h2> <h2 id="section">2023</h2>
<ul> <ul>
<li>started to work on a tool to help publish both a website and a <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 Gogs on my Raspberry Pi now with remote access</li>
<li>installed Pi-Hole on my Raspberry Pi</li> <li>installed Pi-Hole on my Raspberry Pi</li>
<li>built my website using PicoCMS</li> <li>built my website using PicoCMS</li>
</ul></article> </ul>
<footer> <footer>
<hr> <hr>
<a href="mailto:steven@gibone.fr">steven@gibone.fr</a><br> <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> <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> </footer>
</body> </body>
</html> </html>

16
html/style.css
View file

@ -22,18 +22,24 @@ h1,h2,h3 {
} }
header { header {
display: flex; display: grid;
flex-direction: column; grid-template-columns: repeat(3, 1fr);
margin: 20px auto; margin: 20px auto;
} }
header h1 { header h1 {
margin: 0px; margin: 0px;
flex-grow: 1; width: 100%;
grid-column: 1/4;
} }
header time { header time {
align-self: end; justify-self: start;
}
header .p-author {
justify-self: center;
}
header .u-url {
justify-self: end;
} }
p { p {