From efadd6eda15122944d95e1b3f01c3f4c35d1f40a Mon Sep 17 00:00:00 2001
From: Minteck <contact@minteck.org>
Date: Sat, 4 Dec 2021 15:42:09 +0100
Subject: Commit

---
 index.php | 85 +++++++++++++++++++++++++++++++++++++--------------------------
 1 file changed, 50 insertions(+), 35 deletions(-)

(limited to 'index.php')

diff --git a/index.php b/index.php
index 9e682af..496fed3 100644
--- a/index.php
+++ b/index.php
@@ -1,57 +1,63 @@
 <?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>
+<video loop muted autoplay style="box-shadow: 0 0 20px #09092e;width: 100%;margin-top: 62px;margin-bottom: -6px;">
+    <source src="/intro.mp4">
+</video>
 <a rel="me" href="https://mastodon.online/@minteck" style="display:none;">Mastodon</a>
 
 <div style="color: white;z-index: 1;text-align: center;left: 0;right: 0;position: absolute;top: 132px;" id="intro">
     <div class="container">
         <!--suppress CssInvalidPropertyValue -->
-        <p class="display-4" id="intro-title" style="line-height:81px;font-weight: bold;background: radial-gradient(100% 100% at 100% 0%,#6f4cde 0%,#41d6d6 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;"><?= l("Heyo, I'm Minteck!", "Coucou, moi c'est Minteck !") ?> ⭐</p>
-        <p id="intro-tagline"><?= 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>
+        <p class="display-4" id="intro-title"
+           style="line-height:81px;font-weight: bold;background: radial-gradient(100% 100% at 100% 0%,#6f4cde 0%,#41d6d6 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;"><?= l("Heyo, I'm Minteck!", "Coucou, moi c'est Minteck !") ?>
+            ⭐</p>
+        <p id="intro-tagline"><?= l("I'm a furry that also likes messing with technology.", "Je suis un 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;
+    @media (max-width: 920px) {
+        #intro {
+            position: initial !important;
+            margin: 0 !important;
+            color: white !important;
+            background: #222;
+            margin-top: -6px !important;
+            padding-top: 18px !important;
+        }
+
+        #intro-tagline {
+            margin-bottom: 0 !important;
+            padding-bottom: 26px !important;
+        }
+
+        #intro-title {
+            background-image: radial-gradient(100% 100% at 100% 0%, #fff 0%, #fff 100%) !important;
+        }
     }
 
-    #intro-tagline {
-        margin-bottom: 0 !important;
-        padding-bottom: 26px !important;
-    }
-
-    #intro-title {
-        background-image: radial-gradient(100% 100% at 100% 0%,#fff 0%,#fff 100%) !important;
-    }
-}
-
 </style>
 
 <div style="background:white;padding-top:20px;z-index:5;" id="main-box">
     <div class="container">
+        <div class="alert alert-success">
+            <strong>Help shape the future of my website!</strong> Access <a href="https://staging.minteck.org">staging.minteck.org</a>
+            to try out a new experience, and send your feedback to <a href="mailto:contact@minteck.org">contact@minteck.org</a>
+        </div>
         <?php if (isset($_GET['admin'])): ?>
             <div class="alert alert-danger">
                 <?= l("Your Minteck Hub account doesn't have access to the Cloud Admin Console. <a href='/contact'>Contact Minteck</a> if you think this is an error.", "Votre compte Minteck Hub n'a pas accès à Cloud Admin Console. <a href='/contact'>Contactez Minteck</a> si vous pensez qu'il s'agit d'une erreur.") ?>
             </div>
         <?php endif; ?>
 
-        <?php if (isset($_GET['experimental']) || (int)date("U") > 1630519200): ?>
-            <div class="alert alert-warning">
-                <?= l("I stopped publishing (and talking about in general) information for my projects until October 1<sup>st</sup>. <a href='/blog/article-2021-09-01@do-i-really-need-attention'>More details.</a>", "J'ai arrêté de publier (et de parler en général) des informations sur mes projets jusqu'au 1<sup>er</sup> octobre. <a href='/blog/article-2021-09-01@do-i-really-need-attention'>Plus d'informations.</a>") ?>
-            </div>
-        <?php endif; ?>
-
         <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 <?= 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>
@@ -59,10 +65,14 @@
                     <a href="/furry" class="card-link"><?= l("Learn more...", "En savoir plus...") ?></a>
                 </div>
             </div>
-            <div class="card <?= isset($_ACTIVE) && ($_ACTIVE === "dev" || $_ACTIVE === "video") ? "bg-dark text-white" : "" ?>" style="text-align:center;padding-top:20px;padding-bottom:10px;">
+            <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;">
+                    <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 class="card-body">
                     <h3><?= l("Projects", "Projets") ?></h3>
@@ -71,8 +81,12 @@
                     <a href="/creations" 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 <?= 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>
@@ -95,7 +109,8 @@
     </div>
 
     <div class="container">
-        <?php $_ftww_SiteName = "https://minteck.ro.lt"; require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/webring/FtechWebring.php"; ?>
+        <?php $_ftww_SiteName = "https://minteck.ro.lt";
+        require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/webring/FtechWebring.php"; ?>
     </div>
 
     <br>
-- 
cgit