change theme for header and use grid

This commit is contained in:
rick 2022-03-18 01:53:30 +01:00
parent 28d093ab45
commit d02bdccc9b
Signed by: Rick
GPG key ID: 4A6223D66294EB20
8 changed files with 206 additions and 200 deletions

View file

@ -6,24 +6,24 @@
</head> </head>
<body> <body>
<header> <header>
<div id="header-title"> <h1><a href="index.html">gyiwr dot tf</a></h1>
<h1>gyiwr dot tf</h1> <h2>le site de rick</h2>
<h2>le site de rick</h2>
</div>
<div id="header-links">
<a href="ou.html">où me retrouver</a>
<a href="copaings.html">copains & co</a>
<a href="projets.html">projets</a>
<a href="/a/">annuaire</a>
<a href="rss.html">mes flux rss</a>
<a href="autres.html">autres</a>
</div>
</header> </header>
<div id="header-links">
<a href="ou.html">où me retrouver</a>
<a href="copaings.html">copains & co</a>
<a href="projets.html">projets</a>
<a href="/a/">annuaire</a>
<a href="rss.html">mes flux rss</a>
<a href="autres.html">autres</a>
</div>
<div id="main"> <div id="main">
<p>Vous pouvez ici retrouver des liens vers des pages contenant parfois certaines pensées fugaces et autres (d'où le nom, habile). Comme ce format se rapproche presque du blog, j'ai préféré les écrire et générer ces pages avec OrgMode, afin d'avoir une lecture plus fluide (et moins de choses à écrire).</p> <p>Vous pouvez ici retrouver des liens vers des pages contenant parfois certaines pensées fugaces et autres (d'où le nom, habile). Comme ce format se rapproche presque du blog, j'ai préféré les écrire et générer ces pages avec OrgMode, afin d'avoir une lecture plus fluide (et moins de choses à écrire).</p>
<ul> <ul>
<li><a href="inspiration.html">inspiration</a>: pourquoi avoir fait ce site comme ça ?</li> <li><a href="autres/gpg.html">Clés GPG</a></li>
<!--<li><a></a></li>--> <!--<li><a href="inspiration.html">inspiration</a>: pourquoi avoir fait ce site comme ça ?</li>-->
<!--<li><a href=""></a></li>-->
</ul> </ul>
</div> </div>

View file

@ -7,20 +7,19 @@
</head> </head>
<body> <body>
<header> <header>
<div id="header-title"> <h1><a href="index.html">gyiwr dot tf</a></h1>
<h1>gyiwr dot tf</h1> <h2>le site de rick</h2>
<h2>le site de rick</h2>
</div>
<div id="header-links">
<a href="ou.html">où me retrouver</a>
<a href="copaings.html">copains & co</a>
<a href="projets.html">projets</a>
<a href="/a/">annuaire</a>
<a href="rss.html">mes flux rss</a>
<a href="autres.html">autres</a>
</div>
</header> </header>
<div id="header-links">
<a href="ou.html">où me retrouver</a>
<a href="copaings.html">copains & co</a>
<a href="projets.html">projets</a>
<a href="/a/">annuaire</a>
<a href="rss.html">mes flux rss</a>
<a href="autres.html">autres</a>
</div>
<div id="main"> <div id="main">
<p>Vous pouvez trouver ici pleins de liens vers les sites personnels de personnes que je connais (plus ou moins, parfois trouvé au détour d'un tweet, d'un pouet, d'un flux RSS...). Vous pouvez me contacter pour que je puisse vous y ajouter (ou vous retirer / modifier un lien, un nom). Je n'accepte cependant que les sites personnels ou les blogs, pas les projets ou associations qui iront plutot dans l'annuaire.</p> <p>Vous pouvez trouver ici pleins de liens vers les sites personnels de personnes que je connais (plus ou moins, parfois trouvé au détour d'un tweet, d'un pouet, d'un flux RSS...). Vous pouvez me contacter pour que je puisse vous y ajouter (ou vous retirer / modifier un lien, un nom). Je n'accepte cependant que les sites personnels ou les blogs, pas les projets ou associations qui iront plutot dans l'annuaire.</p>
<p>Laissez vous maintenant porter au hasard du clic vers de nouveaux horizons !</p> <p>Laissez vous maintenant porter au hasard du clic vers de nouveaux horizons !</p>
@ -45,7 +44,7 @@
<li><a href="https://mizu.re/">mizu</a></li> <li><a href="https://mizu.re/">mizu</a></li>
<li><a href="https://ooggle.re/">ooggle</a></li> <li><a href="https://ooggle.re/">ooggle</a></li>
<!-- <!--
<li><a href=""></a></li> <li><a href=""></a></li>
--> -->
</ul> </ul>
</div> </div>

View file

@ -1,12 +1,5 @@
.tableau {
margin: 4em;
margin-bottom: 2em;
margin-top: -2em;
}
table { table {
border: 1px solid black; border: 1px solid black;
border-spacing: 0;
border-collapse: collapse; border-collapse: collapse;
} }
@ -17,3 +10,7 @@ thead {
tr:nth-child(even) { tr:nth-child(even) {
background-color: rgb(228, 240, 245); background-color: rgb(228, 240, 245);
} }
td {
border-left: 1px dotted black;
}

View file

@ -1,8 +1,10 @@
body { body {
margin: 0; margin: 0;
display: flex; /*display: flex;
flex-direction: column; flex-direction: column;*/
display: grid;
min-height: 100vh; min-height: 100vh;
grid-template-rows: auto 1fr auto;
} }
header { header {
@ -10,36 +12,43 @@ header {
margin-left: 3em; margin-left: 3em;
} }
#header-links { header a {
margin-top: 2em; color: black;
} }
header a { #header-links {
margin: 2em 0 2em 3em;
display: flex;
flex-direction: column;
grid-column: 1;
}
#header-links a {
color: black; color: black;
padding: 1em; padding: 1em;
} }
header a:hover { #header-links a:hover {
color: white; color: white;
background-color: black; background-color: black;
} }
#main { #main {
margin: auto; margin: 2em 3em 5em 3em;
margin-top: 5em;
margin-bottom: 5em;
width: 50%;
flex: 1;
} }
footer { footer {
background-color: #304B99; background-color: #304B99;
padding: 1em; padding: 1em;
text-align: center; grid-column: 1/3;
}
#buttons {
margin-top: 1em;
} }
#fsf { #fsf {
justify-self: right; text-align: right;
} }
#footer-main { #footer-main {
@ -51,6 +60,7 @@ footer {
justify-self: center; justify-self: center;
margin: 0; margin: 0;
color: white; color: white;
text-align: center;
} }
#footer-text a, #footer-text span { #footer-text a, #footer-text span {
@ -66,3 +76,7 @@ footer {
color: black; color: black;
text-decoration: underline dotted; text-decoration: underline dotted;
} }
#buttons {
text-align: center;
}

View file

@ -6,20 +6,19 @@
</head> </head>
<body> <body>
<header> <header>
<div id="header-title"> <h1><a href="index.html">gyiwr dot tf</a></h1>
<h1>gyiwr dot tf</h1> <h2>le site de rick</h2>
<h2>le site de rick</h2>
</div>
<div id="header-links">
<a href="ou.html">où me retrouver</a>
<a href="copaings.html">copains & co</a>
<a href="projets.html">projets</a>
<a href="/a/">annuaire</a>
<a href="rss.html">mes flux rss</a>
<a href="autres.html">autres</a>
</div>
</header> </header>
<div id="header-links">
<a href="ou.html">où me retrouver</a>
<a href="copaings.html">copains & co</a>
<a href="projets.html">projets</a>
<a href="/a/">annuaire</a>
<a href="rss.html">mes flux rss</a>
<a href="autres.html">autres</a>
</div>
<div id="main"> <div id="main">
<p>Bienvenue sur mon petit bout d'Internet visiteur ! Laissez moi me présenter.</p> <p>Bienvenue sur mon petit bout d'Internet visiteur ! Laissez moi me présenter.</p>
<p>Développeur et étudiant sous GNU+Linux, j'utilise Void et Gentoo quotidiennement. Si mon IDE principal est Vim, Emacs m'est utile comme agenda et TODO liste avec Orgmode. Grand amateur de logiciels libres, je suis aussi pour une sobriété numérique, aussi bien pour les PCs personnels que pour Internet et le WorldWideWeb.</p> <p>Développeur et étudiant sous GNU+Linux, j'utilise Void et Gentoo quotidiennement. Si mon IDE principal est Vim, Emacs m'est utile comme agenda et TODO liste avec Orgmode. Grand amateur de logiciels libres, je suis aussi pour une sobriété numérique, aussi bien pour les PCs personnels que pour Internet et le WorldWideWeb.</p>

23
ou.html
View file

@ -6,20 +6,19 @@
</head> </head>
<body> <body>
<header> <header>
<div id="header-title"> <h1><a href="index.html">gyiwr dot tf</a></h1>
<h1>gyiwr dot tf</h1> <h2>le site de rick</h2>
<h2>le site de rick</h2>
</div>
<div id="header-links">
<a href="ou.html">où me retrouver</a>
<a href="copaings.html">copains & co</a>
<a href="projets.html">projets</a>
<a href="/a/">annuaire</a>
<a href="rss.html">mes flux rss</a>
<a href="autres.html">autres</a>
</div>
</header> </header>
<div id="header-links">
<a href="ou.html">où me retrouver</a>
<a href="copaings.html">copains & co</a>
<a href="projets.html">projets</a>
<a href="/a/">annuaire</a>
<a href="rss.html">mes flux rss</a>
<a href="autres.html">autres</a>
</div>
<div id="main"> <div id="main">
<h2>Sites</h2> <h2>Sites</h2>
<h3>Blog</h3> <h3>Blog</h3>

View file

@ -7,20 +7,19 @@
</head> </head>
<body> <body>
<header> <header>
<div id="header-title"> <h1><a href="index.html">gyiwr dot tf</a></h1>
<h1>gyiwr dot tf</h1> <h2>le site de rick</h2>
<h2>le site de rick</h2>
</div>
<div id="header-links">
<a href="ou.html">où me retrouver</a>
<a href="copaings.html">copains & co</a>
<a href="projets.html">projets</a>
<a href="/a/">annuaire</a>
<a href="rss.html">mes flux rss</a>
<a href="autres.html">autres</a>
</div>
</header> </header>
<div id="header-links">
<a href="ou.html">où me retrouver</a>
<a href="copaings.html">copains & co</a>
<a href="projets.html">projets</a>
<a href="/a/">annuaire</a>
<a href="rss.html">mes flux rss</a>
<a href="autres.html">autres</a>
</div>
<div id="main"> <div id="main">
<p>Vous pouvez retrouver tous mes projets sur <a href="https://git.gnous.eu/Rick">le git de Gnous</a> ou juste ceux que je trouve les plus intéressants sur <a href="https://git.gyiwr.tf">mon git personnel</a>.</p> <p>Vous pouvez retrouver tous mes projets sur <a href="https://git.gnous.eu/Rick">le git de Gnous</a> ou juste ceux que je trouve les plus intéressants sur <a href="https://git.gyiwr.tf">mon git personnel</a>.</p>
@ -35,109 +34,109 @@
<h2>Autres contributions</h2> <h2>Autres contributions</h2>
<p>Vous pouvez retrouver ci-dessous une liste des projets auxquels j'ai pu contribuer :</p> <p>Vous pouvez retrouver ci-dessous une liste des projets auxquels j'ai pu contribuer :</p>
</div>
<div class="tableau">
<div class="tableau"> <table>
<table> <thead>
<thead> <tr>
<tr> <th>Projet</th>
<th>Projet</th> <th>Description</th>
<th>Description</th> <th>Langage utilisé pour mes contributions</th>
<th>Langage utilisé pour mes contributions</th> <th>Mainteneur / Contributeur</th>
<th>Mainteneur / Contributeur</th> <th>Ma dernière contribution</th>
<th>Ma dernière contribution</th> <th>Licence</th>
<th>Licence</th> </tr>
</tr> </thead>
</thead> <tbody>
<tbody> <tr>
<tr> <td><a href="https://github.com/kohi-gnu/barista/">barista</a></td>
<td><a href="https://github.com/kohi-gnu/barista/">barista</a></td> <td>gestionnaire de paquets pour Kohi-GNU</td>
<td>gestionnaire de paquets pour Kohi-GNU</td> <td>Perl</td>
<td>Perl</td> <td>d0p1</td>
<td>d0p1</td> <td><a href="https://github.com/kohi-gnu/barista/commit/3c5acc23649b857b4649124ec8529a0bef7f96fc">3c5acc2</a></td>
<td><a href="https://github.com/kohi-gnu/barista/commit/3c5acc23649b857b4649124ec8529a0bef7f96fc">3c5acc2</a></td> <td><a href="https://github.com/kohi-gnu/barista/commit/78f4d57886cc4112c8aedd222223d62881a20603#diff-c693279643b8cd5d248172d9c22cb7cf4ed163a3c98c8a3f69c2717edd3eacb7">BSD3 Clause licence</a></td>
<td><a href="https://github.com/kohi-gnu/barista/commit/78f4d57886cc4112c8aedd222223d62881a20603#diff-c693279643b8cd5d248172d9c22cb7cf4ed163a3c98c8a3f69c2717edd3eacb7">BSD3 Clause licence</a></td> </tr>
</tr> <tr>
<tr> <td><a href="https://github.com/TobiBiotex/CDS-BOT">CDS-BOT</a></td>
<td><a href="https://github.com/TobiBiotex/CDS-BOT">CDS-BOT</a></td> <td>Bot Discord pour le Discord CDS</td>
<td>Bot Discord pour le Discord CDS</td> <td>JS</td>
<td>JS</td> <td>Kekwel, TobiBiotex</td>
<td>Kekwel, TobiBiotex</td> <td><a href="https://github.com/TobiBiotex/CDS-BOT/commit/da748d5fcf3c345a03c1342a36a3517ed134ecb3">da748d5</a></td>
<td><a href="https://github.com/TobiBiotex/CDS-BOT/commit/da748d5fcf3c345a03c1342a36a3517ed134ecb3">da748d5</a></td> <td><a href="https://github.com/TobiBiotex/CDS-BOT/commit/08fabd7d736fc4e4411f7da4c538946e7274e97c#diff-c693279643b8cd5d248172d9c22cb7cf4ed163a3c98c8a3f69c2717edd3eacb7">GNU GPLv3</a></td>
<td><a href="https://github.com/TobiBiotex/CDS-BOT/commit/08fabd7d736fc4e4411f7da4c538946e7274e97c#diff-c693279643b8cd5d248172d9c22cb7cf4ed163a3c98c8a3f69c2717edd3eacb7">GNU GPLv3</a></td> </tr>
</tr> <tr>
<tr> <td><a href="https://git.gnous.eu/gnouseu/">gnous</a></td>
<td><a href="https://git.gnous.eu/gnouseu/">gnous</a></td> <td>Organisation regroupant le code des projets GnousEU</td>
<td>Organisation regroupant le code des projets GnousEU</td> <td></td>
<td></td> <td>Outout, Romain</td>
<td>Outout, Romain</td> <td></td>
<td></td> <td></td>
<td></td> </tr>
</tr> <tr>
<tr> <td><a href="https://ilearned.eu/">I Learned</a></td>
<td><a href="https://ilearned.eu/">I Learned</a></td> <td>blog communautaire</td>
<td>blog communautaire</td> <td>Markdown</td>
<td>Markdown</td> <td>Eban, Ramle</td>
<td>Eban, Ramle</td> <td><a href="https://ilearned.eu/comprendre-licences.html">Comprendre les différentes licences</a></td>
<td><a href="https://ilearned.eu/comprendre-licences.html">Comprendre les différentes licences</a></td> <td><a href="https://ilearned.eu/about.html#licence">CC-BY-NC-SA</a></td>
<td><a href="https://ilearned.eu/about.html#licence">CC-BY-NC-SA</a></td> </tr>
</tr> <tr>
<tr> <td><a href="https://github.com/kernoeb/PlanningSup">PlanningSup</a></td>
<td><a href="https://github.com/kernoeb/PlanningSup">PlanningSup</a></td> <td>application web pour avoir son emploi du temps universitaire</td>
<td>application web pour avoir son emploi du temps universitaire</td> <td>JSON</td>
<td>JSON</td> <td>Kernoeb</td>
<td>Kernoeb</td> <td><a href="https://github.com/kernoeb/PlanningSup/commit/f5efd66c4eeac77dce2e7119eea65df8a5e899b1">f5efd66</a></td>
<td><a href="https://github.com/kernoeb/PlanningSup/commit/f5efd66c4eeac77dce2e7119eea65df8a5e899b1">f5efd66</a></td> <td><a href="https://github.com/kernoeb/PlanningSup/commit/2d7a9632686fdcb68e00438a5db5e49d40a145cb#diff-c693279643b8cd5d248172d9c22cb7cf4ed163a3c98c8a3f69c2717edd3eacb7">Apache 2.0</a></td>
<td><a href="https://github.com/kernoeb/PlanningSup/commit/2d7a9632686fdcb68e00438a5db5e49d40a145cb#diff-c693279643b8cd5d248172d9c22cb7cf4ed163a3c98c8a3f69c2717edd3eacb7">Apache 2.0</a></td> </tr>
</tr> <tr>
<tr> <td><a href="https://github.com/orgalan/">Orgalan</a></td>
<td><a href="https://github.com/orgalan/">Orgalan</a></td> <td>Organisation contenant du code pour gérer des LANs, miroir de plane</td>
<td>Organisation contenant du code pour gérer des LANs, miroir de plane</td> <td></td>
<td></td> <td>Lunki</td>
<td>Lunki</td> <td></td>
<td></td> <td></td>
<td></td> </tr>
</tr> <tr>
<tr> <td><a href="https://github.com/mantisbt-plugins/source-integration">source-integration</a></td>
<td><a href="https://github.com/mantisbt-plugins/source-integration">source-integration</a></td> <td>Plugin MantiBT pour ajouter les commits venant de serveurs Git</td>
<td>Plugin MantiBT pour ajouter les commits venant de serveurs Git</td> <td>PHP</td>
<td>PHP</td> <td>MantisBT Team et plus de 50 personnes</td>
<td>MantisBT Team et plus de 50 personnes</td> <td><a href="https://github.com/mantisbt-plugins/source-integration/commit/7ae74a0596b840528ae2b5efce47e21647f85b98">7ae74a0</a></td>
<td><a href="https://github.com/mantisbt-plugins/source-integration/commit/7ae74a0596b840528ae2b5efce47e21647f85b98">7ae74a0</a></td> <td><a href="https://github.com/mantisbt-plugins/source-integration/blob/master/LICENSE">MIT</a></td>
<td><a href="https://github.com/mantisbt-plugins/source-integration/blob/master/LICENSE">MIT</a></td> </tr>
</tr> <tr>
<tr> <td><a href="https://gitlab.com/gnousrick/super-russrt">super russrt</a></td>
<td><a href="https://gitlab.com/gnousrick/super-russrt">super russrt</a></td> <td>aggrégateur RSS web</td>
<td>aggrégateur RSS web</td> <td>Rust</td>
<td>Rust</td> <td>Alol, Mbahal</td>
<td>Alol, Mbahal</td> <td><a href="https://gitlab.com/gnousrick/super-russrt/-/commit/5f569c2d348e46c089b1a001c4695ee52b9718d4">5f569c2d</a></td>
<td><a href="https://gitlab.com/gnousrick/super-russrt/-/commit/5f569c2d348e46c089b1a001c4695ee52b9718d4">5f569c2d</a></td> <td><a href="https://gitlab.com/gnousrick/super-russrt/-/blob/master/LICENSE">GNU GPLv3</a></td>
<td><a href="https://gitlab.com/gnousrick/super-russrt/-/blob/master/LICENSE">GNU GPLv3</a></td> </tr>
</tr> <tr>
<tr> <td><a href="https://git.gnous.eu/RSV_Studio/Surprise_Dungeon">Surprise_Dungeon</a></td>
<td><a href="https://git.gnous.eu/RSV_Studio/Surprise_Dungeon">Surprise_Dungeon</a></td> <td>Jeu inspiré de Binding of Isaac fait lors de la Yogscast Game Jam 2020</td>
<td>Jeu inspiré de Binding of Isaac fait lors de la Yogscast Game Jam 2020</td> <td>Game Maker Language</td>
<td>Game Maker Language</td> <td>solaris38, Valsept</td>
<td>solaris38, Valsept</td> <td><a href="https://git.gnous.eu/RSV_Studio/Surprise_Dungeon/commit/45221f99b8fa79517fb99dfe19908a41a649e0fa">45221f99b8</a></td>
<td><a href="https://git.gnous.eu/RSV_Studio/Surprise_Dungeon/commit/45221f99b8fa79517fb99dfe19908a41a649e0fa">45221f99b8</a></td> <td><a href="https://git.gnous.eu/RSV_Studio/Surprise_Dungeon/src/branch/master/LICENCE">GNU GPLv3</a></td>
<td><a href="https://git.gnous.eu/RSV_Studio/Surprise_Dungeon/src/branch/master/LICENCE">GNU GPLv3</a></td> </tr>
</tr>
<!--
<!-- <tr>
<tr> <td><a href=""></a></td>
<td><a href=""></a></td> <td></td>
<td></td> <td></td>
<td></td> <td></td>
<td></td> <td><a href=""></a></td>
<td><a href=""></a></td> <td><a href=""></a></td>
<td><a href=""></a></td> </tr>
</tr> -->
-->
</tbody>
</tbody> </table>
</table>
<h2>Notes</h2>
<h2>Notes</h2> <h3>source-integration</h3>
<h3>source-integration</h3> Le commit suivant est aussi de mon ressort mais dregad semble avoir remodifié en plus la REGEX. Je préfère mettre du coup uniquement les commits que j'ai écrit.
Le commit suivant est aussi de mon ressort mais dregad semble avoir remodifié en plus la REGEX. Je préfère mettre du coup uniquement les commits que j'ai écrit. </div>
</div> </div>

View file

@ -6,20 +6,19 @@
</head> </head>
<body> <body>
<header> <header>
<div id="header-title"> <h1><a href="index.html">gyiwr dot tf</a></h1>
<h1>gyiwr dot tf</h1> <h2>le site de rick</h2>
<h2>le site de rick</h2>
</div>
<div id="header-links">
<a href="ou.html">où me retrouver</a>
<a href="copaings.html">copains & co</a>
<a href="projets.html">projets</a>
<a href="/a/">annuaire</a>
<a href="rss.html">mes flux rss</a>
<a href="autres.html">autres</a>
</div>
</header> </header>
<div id="header-links">
<a href="ou.html">où me retrouver</a>
<a href="copaings.html">copains & co</a>
<a href="projets.html">projets</a>
<a href="/a/">annuaire</a>
<a href="rss.html">mes flux rss</a>
<a href="autres.html">autres</a>
</div>
<div id="main"> <div id="main">
<p>Après plusieurs années sur Twitter, j'essaie de m'en détacher pour tout un tas de raisons. Parmis elles se trouve l'algorithme. Bien qu'utile pour découvrir des tweets / des gens / etc., il reste néanmoins un bout de code qui choisit ce que je dois voir ou non. Et cela m'embête. Pour éviter cela, j'ai décidé de passer une grosse partie de mon temps sur des flux RSS et non plus sur le réseau social. </p> <p>Après plusieurs années sur Twitter, j'essaie de m'en détacher pour tout un tas de raisons. Parmis elles se trouve l'algorithme. Bien qu'utile pour découvrir des tweets / des gens / etc., il reste néanmoins un bout de code qui choisit ce que je dois voir ou non. Et cela m'embête. Pour éviter cela, j'ai décidé de passer une grosse partie de mon temps sur des flux RSS et non plus sur le réseau social. </p>
<p>Je perds certes la découverte via l'algorithme mais gagne une nouvelle découverte: les liens inter-sites. Merci notamment au journal du hacker et sa version anglaise Hackernews pour ça. L'aggrégation de liens me permettent de découvrir de nouveaux blogs, de nouveaux sites, et de les ajouter dans mes flux.</p> <p>Je perds certes la découverte via l'algorithme mais gagne une nouvelle découverte: les liens inter-sites. Merci notamment au journal du hacker et sa version anglaise Hackernews pour ça. L'aggrégation de liens me permettent de découvrir de nouveaux blogs, de nouveaux sites, et de les ajouter dans mes flux.</p>