Opening!

1 files changed, 87 insertions, 87 deletions

diff --git a/contact/index.php b/contact/index.php
index e2da9e4..8e1d91d 100644
--- a/contact/index.php
+++ b/contact/index.php
@@ -1,87 +1,87 @@
-<?php $_TITLE = "Contact me"; require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/header.php"; ?>
-
-<div style="z-index: 5;background: #fff;min-height: calc(100vh - 57px);" id="main-box">
-    <div id="project-hero" style="background-image:url('/static/hero/contact.jpg');"></div>
-
-    <div class="container">
-        <h2><?= l("Contact me", "Me contacter"); ?></h2>
-        <p><?= l("Email and Twitter are privileged methods, but you can use any other one you want.", "Le courrier électronique ainsi que Twitter sont les moyens de contact privilégiés, mais vous pouvez utiliser celui que vous voulez.") ?></p>
-
-        <style>
-            .os-logo {
-                vertical-align: middle;
-                margin-right: 5px;
-                width: 24px;
-            }
-        </style>
-
-        <ul>
-            <li><b><img alt="" src="/static/contacts/email.png" class="os-logo"> Email</b> — <a href="mailto:nekostarfan@gmail.com" target="_blank">nekostarfan@gmail.com</a></li>
-            <li><b><img alt="" src="/static/contacts/email.png" class="os-logo"> Email</b> — <a href="mailto:minteckthefurry@protonmail.com" target="_blank">minteckthefurry@protonmail.com</a> — <?= l("slow to answer, recommended to report security flaws (encrypted)", "long à répondre, recommandé pour signaler des failles de sécurité (chiffré)") ?></li>
-            <li><b><img alt="" src="/static/contacts/twitter.png" class="os-logo"> Twitter</b> — <a href="https://twitter.com/_Minteck" target="_blank">@_Minteck</a> — DMs open!</li>
-            <li><b><img alt="" src="/static/contacts/reddit.png" class="os-logo"> Reddit</b> — <a href="https://reddit.com/u/Minteck" target="_blank">u/Minteck</a> — DMs open!</li>
-            <li><b><img alt="" src="/static/contacts/discord.png" class="os-logo"> Discord</b> — @Minteck#2245 — <?= l("please contact only if we're friends", "merci de me contacter uniquement si nous sommes amis") ?></li>
-            <li><b><img alt="" src="/static/contacts/youtube.png" class="os-logo"> YouTube</b> — <a href="https://www.youtube.com/channel/UCfjxe9cs-ovoP1rBVwdMq0Q" target="_blank">Minteck</a></li>
-            <li><b><img alt="" src="/static/contacts/music.png" class="os-logo"> YouTube Music</b> — <a href="https://music.youtube.com/channel/UCfjxe9cs-ovoP1rBVwdMq0Q" target="_blank">Minteck</a></li>
-            <li><b><img alt="" src="/static/contacts/soundcloud.png" class="os-logo"> SoundCloud</b> — <a href="https://soundcloud.com/minteck" target="_blank">Minteck</a></li>
-            <li><b><img alt="" src="/static/contacts/github.png" class="os-logo"> GitHub</b> — <a href="https://github.com/Minteck" target="_blank">Minteck</a></li>
-            <li><b><img alt="" src="/static/contacts/kde.png" class="os-logo"> MyKDE</b> — <a href="https://my.kde.org/user/minteck/" target="_blank">Minteck</a></li>
-            <li><b><img alt="" src="/static/contacts/matrix.png" class="os-logo"> Matrix</b> — <a href="https://matrix.to/#/@minteck:kde.org" target="_blank">@minteck:kde.org</a></li>
-            <li><b><img alt="" src="/static/contacts/gravatar.png" class="os-logo"> Gravatar</b> — <a href="https://gravatar.com/minteck" target="_blank">Minteck</a></li>
-        </ul>
-
-        <h2><?= l("Artworks credit", "Crédits des dessins") ?></h2>
-        <div id="artwork-credits">
-            <?= credit("Minteck", l("<p>Artwork by me, original design by <a href='https://twitter.com/Blayris6' target='_blank'>Blayris6</a> and Retsuno</p>", "<p>Dessin par moi, dessin original par <a href='https://twitter.com/Blayris6' target='_blank'>Blayris6</a> et Retsuno</p>"), "/static/credits/minteck.png", false) ?>
-            <?= credit("Retsuno", l("<p>Artwork by me, original design by Retsuno</p>", "<p>Dessin par moi, dessin original par Retsuno</p>"), "/static/credits/retsuno.png", true) ?>
-            <?= credit("YonKaGor", l("<p>Artwork by me, original design by <a href='https://twitter.com/YonKaGor' target='_blank'>YonKaGor</a></p>", "<p>Dessin par moi, dessin original par <a href='https://twitter.com/YonKaGor' target='_blank'>YonKaGor</a></p>"), "/static/credits/yonkagor.png", false) ?>
-            <?= credit("Wishdream", l("<p>Artwork by me, original design by <a href='https://twitter.com/WishdreamStar' target='_blank'>WishdreamStar</a></p>", "<p>Dessin par moi, dessin original par <a href='https://twitter.com/WishdreamStar' target='_blank'>WishdreamStar</a></p>"), "/static/credits/wishdream.png", true) ?>
-            <?= credit("Fleur", l("<p>Artwork by me, original design by <a href='https://twitter.com/Fleurfurr' target='_blank'>Fleurfurr</a></p>", "<p>Dessin par moi, dessin original par <a href='https://twitter.com/Fleurfurr' target='_blank'>Fleurfurr</a></p>"), "/static/credits/fleur.png", false) ?>
-            <?= credit("fiddle", l("<p>Artwork by me, original design by <a href='https://twitter.com/fiddle' target='_blank'>fiddle</a></p>", "<p>Dessin par moi, dessin original par <a href='https://twitter.com/fiddle' target='_blank'>fiddle</a></p>"), "/static/credits/fiddle.png", true) ?>
-        </div>
-        <p style="text-align:center;">
-            <?= l("Homepage banner, profile picture, and footer banner are all done by me, based on work from the aforementioned people.", "La bannière de la page d'accueil, la photo de profil, et la bannière du pied de page sont tous faits par moi, basé sur le travail des personnes mentionnées ci-dessus.") ?>
-        </p>
-        <style>
-            #artwork-credits {
-                display: grid;
-                grid-template-columns: 1fr 1fr;
-            }
-
-            .artwork-credits-image {
-                height: 25vh;
-                display: block;
-                margin-left: auto;
-                margin-right: 10px;
-            }
-
-            .artwork-credits-box {
-                display: flex;
-                align-items: center;
-                margin-left: 10px;
-            }
-
-            .artwork-credits-image--back {
-                height: 25vh;
-                display: block;
-                margin-right: auto;
-                margin-left: 10px;
-            }
-
-            .artwork-credits-box--back {
-                display: flex;
-                align-items: center;
-                justify-content: right;
-                margin-right: 10px;
-                text-align: right;
-            }
-
-            .artwork-credits-box--back > div {
-                width: 100%;
-            }
-        </style>
-    </div>
-
-    <br>
-</div>
-<?php require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/footer.php"; ?>
+<?php $_TITLE = "Contact me"; require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/header.php"; ?>

+

+<div style="z-index: 5;background: #fff;min-height: calc(100vh - 57px);" id="main-box">

+    <div id="project-hero" style="background-image:url('/static/hero/contact.jpg');"></div>

+

+    <div class="container">

+        <h2><?= l("Contact me", "Me contacter"); ?></h2>

+        <p><?= l("Email and Twitter are privileged methods, but you can use any other one you want.", "Le courrier électronique ainsi que Twitter sont les moyens de contact privilégiés, mais vous pouvez utiliser celui que vous voulez.") ?></p>

+

+        <style>

+            .os-logo {

+                vertical-align: middle;

+                margin-right: 5px;

+                width: 24px;

+            }

+        </style>

+

+        <ul>

+            <li><b><img alt="" src="/static/contacts/email.png" class="os-logo"> Email</b> — <a href="mailto:nekostarfan@gmail.com" target="_blank">nekostarfan@gmail.com</a></li>

+            <li><b><img alt="" src="/static/contacts/email.png" class="os-logo"> Email</b> — <a href="mailto:minteckthefurry@protonmail.com" target="_blank">minteckthefurry@protonmail.com</a> — <?= l("slow to answer, recommended to report security flaws (encrypted)", "long à répondre, recommandé pour signaler des failles de sécurité (chiffré)") ?></li>

+            <li><b><img alt="" src="/static/contacts/twitter.png" class="os-logo"> Twitter</b> — <a href="https://twitter.com/_Minteck" target="_blank">@_Minteck</a> — DMs open!</li>

+            <li><b><img alt="" src="/static/contacts/reddit.png" class="os-logo"> Reddit</b> — <a href="https://reddit.com/u/Minteck" target="_blank">u/Minteck</a> — DMs open!</li>

+            <li><b><img alt="" src="/static/contacts/discord.png" class="os-logo"> Discord</b> — @Minteck#2245 — <?= l("please contact only if we're friends", "merci de me contacter uniquement si nous sommes amis") ?></li>

+            <li><b><img alt="" src="/static/contacts/youtube.png" class="os-logo"> YouTube</b> — <a href="https://www.youtube.com/channel/UCfjxe9cs-ovoP1rBVwdMq0Q" target="_blank">Minteck</a></li>

+            <li><b><img alt="" src="/static/contacts/music.png" class="os-logo"> YouTube Music</b> — <a href="https://music.youtube.com/channel/UCfjxe9cs-ovoP1rBVwdMq0Q" target="_blank">Minteck</a></li>

+            <li><b><img alt="" src="/static/contacts/soundcloud.png" class="os-logo"> SoundCloud</b> — <a href="https://soundcloud.com/minteck" target="_blank">Minteck</a></li>

+            <li><b><img alt="" src="/static/contacts/github.png" class="os-logo"> GitHub</b> — <a href="https://github.com/Minteck" target="_blank">Minteck</a></li>

+            <li><b><img alt="" src="/static/contacts/kde.png" class="os-logo"> MyKDE</b> — <a href="https://my.kde.org/user/minteck/" target="_blank">Minteck</a></li>

+            <li><b><img alt="" src="/static/contacts/matrix.png" class="os-logo"> Matrix</b> — <a href="https://matrix.to/#/@minteck:kde.org" target="_blank">@minteck:kde.org</a></li>

+            <li><b><img alt="" src="/static/contacts/gravatar.png" class="os-logo"> Gravatar</b> — <a href="https://gravatar.com/minteck" target="_blank">Minteck</a></li>

+        </ul>

+

+        <h2><?= l("Artworks credit", "Crédits des dessins") ?></h2>

+        <div id="artwork-credits">

+            <?= credit("Minteck", l("<p>Artwork by me, original design by <a href='https://twitter.com/Blayris6' target='_blank'>Blayris6</a> and Retsuno</p>", "<p>Dessin par moi, dessin original par <a href='https://twitter.com/Blayris6' target='_blank'>Blayris6</a> et Retsuno</p>"), "/static/credits/minteck.png", false) ?>

+            <?= credit("Retsuno", l("<p>Artwork by me, original design by Retsuno</p>", "<p>Dessin par moi, dessin original par Retsuno</p>"), "/static/credits/retsuno.png", true) ?>

+            <?= credit("YonKaGor", l("<p>Artwork by me, original design by <a href='https://twitter.com/YonKaGor' target='_blank'>YonKaGor</a></p>", "<p>Dessin par moi, dessin original par <a href='https://twitter.com/YonKaGor' target='_blank'>YonKaGor</a></p>"), "/static/credits/yonkagor.png", false) ?>

+            <?= credit("Wishdream", l("<p>Artwork by me, original design by <a href='https://twitter.com/WishdreamStar' target='_blank'>WishdreamStar</a></p>", "<p>Dessin par moi, dessin original par <a href='https://twitter.com/WishdreamStar' target='_blank'>WishdreamStar</a></p>"), "/static/credits/wishdream.png", true) ?>

+            <?= credit("Fleur", l("<p>Artwork by me, original design by <a href='https://twitter.com/Fleurfurr' target='_blank'>Fleurfurr</a></p>", "<p>Dessin par moi, dessin original par <a href='https://twitter.com/Fleurfurr' target='_blank'>Fleurfurr</a></p>"), "/static/credits/fleur.png", false) ?>

+            <?= credit("fiddle", l("<p>Artwork by me, original design by <a href='https://twitter.com/fiddle' target='_blank'>fiddle</a></p>", "<p>Dessin par moi, dessin original par <a href='https://twitter.com/fiddle' target='_blank'>fiddle</a></p>"), "/static/credits/fiddle.png", true) ?>

+        </div>

+        <p style="text-align:center;">

+            <?= l("Homepage banner, profile picture, and footer banner are all done by me, based on work from the aforementioned people.", "La bannière de la page d'accueil, la photo de profil, et la bannière du pied de page sont tous faits par moi, basé sur le travail des personnes mentionnées ci-dessus.") ?>

+        </p>

+        <style>

+            #artwork-credits {

+                display: grid;

+                grid-template-columns: 1fr 1fr;

+            }

+

+            .artwork-credits-image {

+                height: 25vh;

+                display: block;

+                margin-left: auto;

+                margin-right: 10px;

+            }

+

+            .artwork-credits-box {

+                display: flex;

+                align-items: center;

+                margin-left: 10px;

+            }

+

+            .artwork-credits-image--back {

+                height: 25vh;

+                display: block;

+                margin-right: auto;

+                margin-left: 10px;

+            }

+

+            .artwork-credits-box--back {

+                display: flex;

+                align-items: center;

+                justify-content: right;

+                margin-right: 10px;

+                text-align: right;

+            }

+

+            .artwork-credits-box--back > div {

+                width: 100%;

+            }

+        </style>

+    </div>

+

+    <br>

+</div>

+<?php require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/footer.php"; ?>