Update

1 files changed, 51 insertions, 3 deletions

diff --git a/contact/index.php b/contact/index.php
index 8b4cce0..e2da9e4 100644
--- a/contact/index.php
+++ b/contact/index.php
@@ -17,10 +17,10 @@
 
         <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> — slow to answer, recommended to report security flaws (encrypted)</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 — please contact only if we're friends</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>
@@ -31,7 +31,55 @@
         </ul>
 
         <h2><?= l("Artworks credit", "Crédits des dessins") ?></h2>
-        TODO: Do the thing
+        <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>