diff options
Diffstat (limited to 'templates/index_template.html')
| -rw-r--r-- | templates/index_template.html | 37 |
1 files changed, 26 insertions, 11 deletions
diff --git a/templates/index_template.html b/templates/index_template.html index 3ddd4e3..5a80edc 100644 --- a/templates/index_template.html +++ b/templates/index_template.html @@ -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> @@ -31,13 +40,19 @@ $CONTENT </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> |