Correct html using w3c validator

6c544183 · tinerion · ecb0eae3 · 6c544183 · 6c544183
Commit 6c544183 authored Sep 12, 2020 by tinerion
Hide whitespace changes
Inline Side-by-side

Showing with 28 additions and 27 deletions

index.html index.html +22 -21

main.css main.css +6 -6

No files found.
--- a/index.html
+++ b/index.html
 <!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>
--- a/main.css
+++ b/main.css
@@ -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;
 	}