Commit

1 files changed, 50 insertions, 35 deletions

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>