Commit

1 files changed, 83 insertions, 0 deletions

diff --git a/index.php b/index.php
new file mode 100644
index 0000000..1b06d09
--- /dev/null
+++ b/index.php
@@ -0,0 +1,83 @@
+<?php require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/header.php"; ?>
+
+<video loop muted autoplay style="box-shadow: 0 0 20px #09092e;width: 100%;margin-top: 62px;margin-bottom: -6px;"><source src="/intro.mp4"></video>
+
+<div style="color: white;z-index: 1;text-align: center;left: 0;right: 0;position: absolute;top: 132px;" id="intro">
+    <div class="container">
+        <p class="display-4"><?= l("Heyo, I'm Minteck!", "Coucou, moi c'est Minteck !") ?> ⭐</p>
+        <p><?= l("I'm a french furry that also likes messing with technology.", "Je suis un français membre du fandom furry qui aime aussi bidouiller l'informatique.") ?></p>
+    </div>
+</div>
+
+<style>
+
+@media (max-width: 920px) {
+    #intro {
+        position: initial !important;
+        margin: 0 !important;
+        color: white !important;
+        background: #222;
+        margin-top: -6px !important;
+        padding-top: 18px !important;
+    }
+}
+
+</style>
+
+<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-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" 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>
+            </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>
+
+                    <a href="/creations/video" 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-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>
+
+        <h2 style="margin-top:25px;"><?= l("100% Serious Projects", "Projets 100% sérieux") ?></h2>
+        <?php require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/projects/home.php"; ?>
+
+        <h2 style="margin-top:25px;"><?= l("Latest Articles", "Derniers articles") ?></h2>
+        <?php require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/blog/home.php"; ?>
+        <p style="margin-top:10px;"><a href="/blog"><?= l("View more...", "En voir plus...") ?></a></p>
+
+        <h2 style="margin-top:25px;"><?= l("Best Friends ♥", "Meilleurs amis ♥") ?></h2>
+        <?php require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/friends/home.php"; ?>
+    </div>
+
+    <br>
+</div>
+<?php require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/footer.php"; ?>