Browse Source

Correct html using w3c validator

master
parent
commit
6c544183e0
2 changed files with 28 additions and 27 deletions
  1. +22
    -21
      index.html
  2. +6
    -6
      main.css

+ 22
- 21
index.html View File

@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang=fr_FR dir="ltr">
<html lang=fr-FR dir="ltr">
<!--
Code under AGPL 3.0 or later
-->
@@ -9,11 +9,12 @@
<link rel="stylesheet" href="main.css">
<script src="https://kit.fontawesome.com/8e961299c1.js" crossorigin="anonymous"></script>

<meta property="og:title" value="Tinerion | Home"/>
<meta property="og:type" value="website"/>
<meta property="og:url" value="https://tinerion.me"/>
<meta property="og:description" value="Hello World ! Vous trouverez ici mes différents projets, ainsi que divers moyens pour me contacter."/>
<meta property="og:locale" value="fr-FR"/>
<meta property="og:title" content="Tinerion | Home"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="https://tinerion.me"/>
<meta property="og:description" content="Hello World ! Vous trouverez ici mes différents projets, ainsi que divers moyens pour me contacter."/>
<meta property="og:locale" content="fr-FR"/>
<meta property="og:image" content="https://tinerion.me/img/tinerion.pgn">
</head>
<body>
<header>
@@ -25,34 +26,34 @@
<div class=flex-body>
<section id="conteneur">
<div class="box box1"><a href="https://blog.tinerion.me">
<span id="box-title"><i class="fas fa-pen-alt fa-2x"></i>
<h3>Leprechaun Libriste</h3></span>
<span><p>Mon blog sur lequel je parle d'informatique et de culture libre.</p></span></a>
<div class="box-title"><i class="fas fa-pen-alt fa-2x"></i>
<h3>Leprechaun Libriste</h3></div>
<div><p>Mon blog sur lequel je parle d'informatique et de culture libre.</p></div></a>
</div>
<div class="box box2"><a href="https://git.tinerion.me">
<span id="box-title"><i class="fas fa-code-branch fa-2x"></i>
<h3>Mes dépots GIT</h3></span>
<span><p>Les sources de mes différents projets, dont le <a id="website-source" href="https://git.tinerion.me/Tinerion/website">présent site</a>.</p></span></a>
<div class="box-title"><i class="fas fa-code-branch fa-2x"></i>
<h3>Mes dépots GIT</h3></div></a>
<div><p>Les sources de mes différents projets, dont le <a class="website-source" href="https://git.tinerion.me/Tinerion/website">présent site</a>.</p></div>
</div>
<div class="box box3">
<span id="box-title"><i class="fas fa-at fa-2x"></i>
<h3>Me contacter</h3></span>
<span><p><a href="mailto:contact@tinerion.me">Mail</a> (<a href="key.gpg">GPG</a>)</p>
<div class="box-title"><i class="fas fa-at fa-2x"></i>
<h3>Me contacter</h3></div>
<div><p><a href="mailto:contact@tinerion.me">Mail</a> (<a href="key.gpg">GPG</a>)</p>
<p><a href="https://xmpp.org">XMPP</a>: tinerion@tinerion.me</p>
<p><a rel="me" href="https://framapiaf.org/@Tinerion">Fediverse (Mastodon)</a></p>
<p><a href="https://matrix.org">Matrix</a>: @tinerion:converser.eu</p>
<p><a href="https://t.me/Tinerion">Telegram</a> (Préférer XMPP ou Matrix si possible)</p></span>
<p><a href="https://t.me/Tinerion">Telegram</a> (Préférer XMPP ou Matrix si possible)</p></div>
</div>
<div class="box box4"><a href="https://riot.im/app/#/room/!vQqqleQRMAAewkjMBO:converser.eu">
<span id="box-title"><i class="fab fa-rocketchat fa-2x"></i>
<h3>Les Padawans Libres</h3></span>
<span><p>Un salon [<a id="website-source" href="https://matrix.org">matrix</a>] pour tout les amateur·ices d'informatiques et de logiciels libres,
débutant·es comme confirmé·es.</p></span></a>
<div class="box-title"><i class="fab fa-rocketchat fa-2x"></i>
<h3>Les Padawans Libres</h3></div></a>
<div><p>Un salon [<a class="website-source" href="https://matrix.org">matrix</a>] pour tout les amateur·ices d'informatiques et de logiciels libres,
débutant·es comme confirmé·es.</p></div>
</div>
</section>
</div>
<footer>
<p>Made by Tinerion. Partially inspired by <a href="https://jae.moe">jae.moe</a>. Page under license AGPL3.0 or later</p>
<p>Made by Tinerion. Partially inspired by <a href="https://jae.moe">jae.moe</a>. Page under license AGPL3.0 or later.</p>
</footer>
</body>
</html>

+ 6
- 6
main.css View File

@@ -32,7 +32,7 @@ footer
{
}
#box-title
.box-title
{
display:flex;
border-bottom:1px solid grey;
@@ -50,15 +50,15 @@ a, a:visited
color: black;
text-decoration:none;
}
#website-source
.website-source
{
text-decoration: underline;
}
#website-source:hover
.website-source:hover
{
text-decoration: bold;
}
#box-title h3
.box-title h3
{
margin-left : 15px;
font-size : 17px;
@@ -113,11 +113,11 @@ footer a
{
width : 85%;
}
#box-title
.box-title
{
font-size : 2.5em;
}
#box-title h3
.box-title h3
{
font-size : 1em;
}


Loading…
Cancel
Save