Commit

1 files changed, 39 insertions, 0 deletions

diff --git a/includes/categories.php b/includes/categories.php
new file mode 100644
index 0000000..92f5c1e
--- /dev/null
+++ b/includes/categories.php
@@ -0,0 +1,39 @@
+<div class="card-group">
+    <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>
+
+            <a href="/furry" class="card-link"><?= l("Learn more...", "En savoir plus...") ?></a>
+        </div>
+    </div>
+    <div class="card <?= isset($_ACTIVE) && $_ACTIVE === "dev" ? "bg-dark text-white" : "" ?>" style="text-align:center;padding-top:20px;padding-bottom:10px;">
+        <img class="card-img-top" src="/static/icons/code<?= !isset($_ACTIVE) || $_ACTIVE !== "dev" ? "" : "-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>
+    </div>
+    <div class="card <?= isset($_ACTIVE) && $_ACTIVE === "video" ? "bg-dark text-white" : "" ?>" style="text-align:center;padding-top:20px;padding-bottom:10px;">
+        <img class="card-img-top" src="/static/icons/media<?= !isset($_ACTIVE) || $_ACTIVE !== "video" ? "" : "-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>
+
+            <a href="/creations/video" class="card-link"><?= l("Learn more...", "En savoir plus...") ?></a>
+        </div>
+    </div>
+    <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>
+
+            <a href="/archive" class="card-link"><?= l("Learn more...", "En savoir plus...") ?></a>
+        </div>
+    </div>
+</div>
+<hr>
\ No newline at end of file