diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 39 |
1 files changed, 27 insertions, 12 deletions
@@ -1,6 +1,7 @@ <!DOCTYPE html> <html lang="fr"> <head> + <!-- Metadonnées --> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Blog d'Oxbian"> @@ -8,20 +9,28 @@ <meta property="og:url" content="https://blog.arka.rocks"> <meta property="og:type" content="article"> <meta property="og:article:author" content="Oxbian"> - <title>Blog d'Oxbian</title> + + <!-- CSS & Atom --> <link rel="alternate" href="atom.xml" type="application/atom+xml" title="RSS"> <link rel="stylesheet" href="assets/css/style.css"> <link rel="shortcut icon" href="assets/favicon/favicon.ico" type="image/x-icon"> + + <title>Blog d'Oxbian</title> </head> <body> + <!-- En tête --> <header> - <div class="navbar"> - <a href="index.html">Accueil</a> - <a href="pages/how-to-read.html">Comment lire ce blog ?</a> - <a href="pages/about.html">À Propos</a> - <a href="atom.xml">RSS</a> - </div> + <nav> + <ul> + <li><a href="index.html">Accueil</a></li> + <li><a href="pages/how-to-read.html">Comment lire ce blog ?</a></li> + <li><a href="pages/about.html">À Propos</a></li> + <li><a href="atom.xml">RSS</a></li> + </ul> + </nav> </header> + + <!-- Contenu principale --> <main> <article> <h1>Bienvenue sur mon blog</h1> @@ -29,17 +38,23 @@ De plus j'y partage aussi des articles sur les bonnes pratiques dans divers domaines, comme la vie privée, le sport..</p> <ul> - <li><a href="pages/data-privacy.html">Données et vie privée</a><p>02-04-2023</p></li> + <li><a href="pages/data-privacy.html">Données et vie privée</a><p>25-06-2023</p></li> </ul> </article> </main> + + <!-- Bas de page --> <hr> <footer> <p>Contactez-moi pour toute question ou discussion, je répond assez vite en général.</p> - <div> - <a class="matrix" href="https://matrix.to/#/@oxbian:matrix.org">Matrix</a> - <a rel="me" class="mastodon" href="https://social.linux.pizza/@Oxbian">Mastodon</a> - <a class="mail" href="mailto:oxbian.noch@simplelogin.com">Mail</a> + + <!-- Réseaux sociaux--> + <div id="social"> + <ul> + <li><a class="matrix" href="https://matrix.to/#/@oxbian:matrix.org">Matrix</a></li> + <li><a rel="me" class="mastodon" href="https://social.linux.pizza/@Oxbian">Mastodon</a></li> + <li><a class="mail" href="mailto:oxbian.noch@simplelogin.com">Mail</a></li> + </ul> </div> </footer> </body> |