From 9852b6cd074cceec0d0b549bb6c9bd7fe50c86f2 Mon Sep 17 00:00:00 2001
From: Minteck <46352972+Minteck@users.noreply.github.com>
Date: Sun, 1 Aug 2021 22:28:15 +0200
Subject: Update

---
 index.php | 29 +++++++++++------------------
 1 file changed, 11 insertions(+), 18 deletions(-)

(limited to 'index.php')

diff --git a/index.php b/index.php
index 477c500..c0ffac4 100644
--- a/index.php
+++ b/index.php
@@ -37,8 +37,8 @@
 <div style="background:white;padding-top:20px;z-index:5;" id="main-box">
     <div class="container">
         <div class="card-group">
-            <div class="card" style="text-align:center;padding-top:20px;padding-bottom:10px;">
-                <img class="card-img-top" src="/static/icons/furry-dark.png" alt="Card image" style="width:64px;height:64px;text-align:center;margin-left:auto;margin-right:auto;">
+            <div class="card <?= isset($_ACTIVE) && $_ACTIVE === "furry" ? "bg-dark text-white" : "" ?>" style="text-align:center;padding-top:20px;padding-bottom:10px;">
+                <img class="card-img-top" src="/static/icons/furry<?= !isset($_ACTIVE) || $_ACTIVE !== "furry" ? "" : "-dark" ?>.png" alt="Card image" style="width:64px;height:64px;text-align:center;margin-left:auto;margin-right:auto;">
                 <div class="card-body">
                     <h3><?= l("Furry fandom", "Fandom furry") ?></h3>
                     <p><?= l("I am active in the furry community (also made a lot of friends there)", "Je suis actif dans la communauté furry (je me suis fait plein d'amis là bas)") ?></p>
@@ -46,26 +46,20 @@
                     <a href="/furry" class="card-link"><?= l("Learn more...", "En savoir plus...") ?></a>
                 </div>
             </div>
-            <div class="card" style="text-align:center;padding-top:20px;padding-bottom:10px;">
-                <img class="card-img-top" src="/static/icons/code-dark.png" alt="Card image" style="width:64px;height:64px;text-align:center;margin-left:auto;margin-right:auto;">
-                <div class="card-body">
-                    <h3><?= l("Development", "Programmation") ?></h3>
-                    <p><?= l("I have been developing software and stuff for a really long time", "Je développe des logiciels et des petits trucs depuis très longtemps") ?></p>
-
-                    <a href="/creations/dev" class="card-link"><?= l("Learn more...", "En savoir plus...") ?></a>
+            <div class="card <?= isset($_ACTIVE) && ($_ACTIVE === "dev" || $_ACTIVE === "video") ? "bg-dark text-white" : "" ?>" style="text-align:center;padding-top:20px;padding-bottom:10px;">
+                <div style="text-align:center;margin-left:auto;margin-right:auto;" class="card-img-top">
+                    <img src="/static/icons/code<?= !isset($_ACTIVE) || ($_ACTIVE !== "dev" && $_ACTIVE !== "video") ? "" : "-dark" ?>.png" alt="Card image" style="width:64px;height:64px;text-align:center;margin-left:auto;margin-right:auto;">
+                    <img src="/static/icons/media<?= !isset($_ACTIVE) || ($_ACTIVE !== "dev" && $_ACTIVE !== "video") ? "" : "-dark" ?>.png" alt="Card image" style="width:64px;height:64px;">
                 </div>
-            </div>
-            <div class="card" style="text-align:center;padding-top:20px;padding-bottom:10px;">
-                <img class="card-img-top" src="/static/icons/media-dark.png" alt="Card image" style="width:64px;height:64px;text-align:center;margin-left:auto;margin-right:auto;">
                 <div class="card-body">
-                    <h3><?= l("Multimedia", "Audiovisuel") ?></h3>
-                    <p><?= l("For 10 years now, I have been making videos and other multimedia content", "Depuis plus de 10 ans maintenant je fais des vidéos et d'autre style de contenu multimédia") ?></p>
+                    <h3><?= l("Projects", "Projets") ?></h3>
+                    <p><?= l("Developing software and making multimedia stuff is my passion", "Mon passe-temps est de coder des logiciels et de créer du contenu multimedia") ?></p>
 
-                    <a href="/creations/video" class="card-link"><?= l("Learn more...", "En savoir plus...") ?></a>
+                    <a href="/creations" class="card-link"><?= l("Learn more...", "En savoir plus...") ?></a>
                 </div>
             </div>
-            <div class="card" style="text-align:center;padding-top:20px;padding-bottom:10px;">
-                <img class="card-img-top" src="/static/icons/archive-dark.png" alt="Card image" style="width:64px;height:64px;text-align:center;margin-left:auto;margin-right:auto;">
+            <div class="card <?= isset($_ACTIVE) && $_ACTIVE === "archive" ? "bg-dark text-white" : "" ?>" style="text-align:center;padding-top:20px;padding-bottom:10px;">
+                <img class="card-img-top" src="/static/icons/archive<?= !isset($_ACTIVE) || $_ACTIVE !== "archive" ? "" : "-dark" ?>.png" alt="Card image" style="width:64px;height:64px;text-align:center;margin-left:auto;margin-right:auto;">
                 <div class="card-body">
                     <h3>Archives</h3>
                     <p><?= l("I give everyone the possibility to enjoy all my projects, from past to the future", "Je donne à tout le monde la possibilité d'apprécier mes projets, du passé au futur") ?></p>
@@ -74,7 +68,6 @@
                 </div>
             </div>
         </div>
-
         <hr>
 
         <h2 style="margin-top:25px;"><?= l("100% Serious Projects", "Projets 100% sérieux") ?></h2>
-- 
cgit