Just the source of my own website. https://tinerion.me
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

59 lines
2.7KB

  1. <!DOCTYPE html>
  2. <html lang=fr_FR dir="ltr">
  3. <!--
  4. Code under AGPL 3.0 or later
  5. -->
  6. <head>
  7. <meta charset="utf-8">
  8. <title>Tinerion | Home</title>
  9. <link rel="stylesheet" href="main.css">
  10. <script src="https://kit.fontawesome.com/8e961299c1.js" crossorigin="anonymous"></script>
  11. <meta property="og:title" value="Tinerion | Home"/>
  12. <meta property="og:type" value="website"/>
  13. <meta property="og:url" value="https://tinerion.me"/>
  14. <meta property="og:description" value="Hello World ! Vous trouverez ici mes différents projets, ainsi que divers moyens pour me contacter."/>
  15. <meta property="og:locale" value="fr-FR"/>
  16. </head>
  17. <body>
  18. <header>
  19. <img src="img/tinerion.png" alt="Profile picture with a pixelised leprechaun"/>
  20. <h1>Tinerion</h1>
  21. <h2>Libriste, Débutant Développeur</h2>
  22. <p>Hello World ! Vous trouverez ici mes différents projets, ainsi que divers moyens pour me contacter.</p>
  23. </header>
  24. <div class=flex-body>
  25. <section id="conteneur">
  26. <div class="box box1"><a href="https://blog.tinerion.me">
  27. <span id="box-title"><i class="fas fa-pen-alt fa-2x"></i>
  28. <h3>Leprechaun Libriste</h3></span>
  29. <span><p>Mon blog sur lequel je parle d'informatique et de culture libre.</p></span></a>
  30. </div>
  31. <div class="box box2"><a href="https://git.tinerion.me">
  32. <span id="box-title"><i class="fas fa-code-branch fa-2x"></i>
  33. <h3>Mes dépots GIT</h3></span>
  34. <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>
  35. </div>
  36. <div class="box box3">
  37. <span id="box-title"><i class="fas fa-at fa-2x"></i>
  38. <h3>Me contacter</h3></span>
  39. <span><p><a href="mailto:contact@tinerion.me">Mail</a> (<a href="key.gpg">GPG</a>)</p>
  40. <p><a href="https://xmpp.org">XMPP</a>: tinerion@tinerion.me</p>
  41. <p><a rel="me" href="https://framapiaf.org/@Tinerion">Fediverse (Mastodon)</a></p>
  42. <p><a href="https://matrix.org">Matrix</a>: @tinerion:converser.eu</p>
  43. <p><a href="https://t.me/Tinerion">Telegram</a> (Préférer XMPP ou Matrix si possible)</p></span>
  44. </div>
  45. <div class="box box4"><a href="https://riot.im/app/#/room/!vQqqleQRMAAewkjMBO:converser.eu">
  46. <span id="box-title"><i class="fab fa-rocketchat fa-2x"></i>
  47. <h3>Les Padawans Libres</h3></span>
  48. <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,
  49. débutant·es comme confirmé·es.</p></span></a>
  50. </div>
  51. </section>
  52. </div>
  53. <footer>
  54. <p>Made by Tinerion. Partially inspired by <a href="https://jae.moe">jae.moe</a>. Page under license AGPL3.0 or later</p>
  55. </footer>
  56. </body>
  57. </html>