update all text and final hebergmenet page + final page suppo

app/env.php

@@ -52,6 +52,25 @@
     ),
 );
 
+$env_sous_page = array(
+    //Page
+    1 => array(
+        "title" => "VPS | SolidServ",
+    ),
+    2 => array(
+        "title" => "Site Web | SolidServ",
+    ),
+    3 => array(
+        "title" => "Minecraft | SolidServ",
+    ),
+    4 => array(
+        "title" => "FiveM | SolidServ",
+    ),
+    5 => array(
+        "title" => "Stockage | SolidServ",
+    ),
+);
+
 $env_admin = array(
 
     "363366883652796416" => "Maxime Tournier",

app/extension.php

@@ -4,6 +4,7 @@
 require_once $env_urlFile . "Boostrap.phtml";
 require_once $env_urlFile . "GoogleFront.phtml";
 require_once $env_urlFile . "FontAwasome.phtml";
+require_once $env_urlFile . "iziToast.phtml";
 require_once $env_urlFile . "Normalize.phtml";
 require_once $env_urlFile . "TyroBtn.phtml";
 require_once $env_urlFile . "link.phtml";

app/head.php

@@ -1,11 +1,29 @@
 <?php
 
-function head($page)
+function head($page, $souspage=null)
 {
     include "env.php";
 
     if (!empty($env_page[$page])) {
+        if ($page == 2){
+            if ($souspage == null){
+
+                $title = $env_page[$page]["title"];
+
+            } else {
+
+                $title = $env_sous_page[$souspage]["title"];
+
+
+            }
+
+
+        }
+
+
         $title = $env_page[$page]["title"];
+
+
     } else {
         $title = $env_page[0]["title"];
     }

composant/footer.phtml

@@ -24,8 +24,8 @@
                                     <a class="dropdown-item" href="vps.php">VPS</a>
                                     <a class="dropdown-item" href="siteweb.php">Site Web</a>
                                     <a class="dropdown-item" href="minecraft.php">Minecraft</a>
-                                    <a class="dropdown-item" href="fivem.php">Five M</a>
-                                    <a class="dropdown-item" href="stockage.php">Stockage</a>
+                                    <a class="dropdown-item" href="fivem.php">Five M</a><!--
+                                    <a class="dropdown-item" href="stockage.php">Stockage</a>-->
                                 </div>
                             </div>
                             </li>

composant/navbar.phtml

@@ -24,8 +24,8 @@
                             <a class="dropdown-item" href="vps.php">VPS</a>
                             <a class="dropdown-item" href="siteweb.php">Site Web</a>
                             <a class="dropdown-item" href="minecraft.php">Minecraft</a>
-                            <a class="dropdown-item" href="fivem.php">Five M</a>
-                            <a class="dropdown-item" href="stockage.php">Stockage</a>
+                            <a class="dropdown-item" href="fivem.php">Five M</a><!--
+                            <a class="dropdown-item" href="stockage.php">Stockage</a>-->
                         </div>
                     </li>
 

css/actu.css

@@ -4,7 +4,7 @@
 #start .ac-head{
     width: 100%;
     height: 246px;
-    background: linear-gradient( rgb(2 5 14 / 40%), rgb(2 14 60 / 60%) ), url(../assets/background.png);
+    background: url(../assets/actu.webp);
     background-color: blue;
     border-bottom-left-radius: 30% 10%;
     border-bottom-right-radius: 30% 10%;

css/all.css

@@ -148,6 +148,7 @@ header#nav-desktop nav div {
     top: 0;
     left: 2%;
     min-width: 117px;
+    border-radius: 11px;
 }
 
 .visible-title img.logo{

css/index.css

@@ -82,6 +82,7 @@
           OFFRE
  *************************/
 
+
 #offre .desktop{
     max-width: 1474px;
     margin: 5% auto;

css/support.css

@@ -0,0 +1,64 @@
+/*************************
+          START
+ *************************/
+#suppo #start .ac-head{
+    width: 100%;
+    height: 246px;
+    background: linear-gradient( rgb(2 5 14 / 40%), rgb(2 14 60 / 60%) ), url(../assets/support.jpg);
+    background-color: blue;
+    border-bottom-left-radius: 30% 10%;
+    border-bottom-right-radius: 30% 10%;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: 100%;
+}
+
+#suppo #start .ac-centertext{
+    position: absolute;
+    width: 70%;
+    margin-top: 66px;
+    margin-left: 15%;
+    margin-right: 15%;
+    text-align: center;
+    text-shadow: 1px 4px 10px black;
+}
+
+#suppo #start .ac-head .ac-centertext h1 {
+    font-size: 54px;
+    font-weight: 900;
+    color: white;
+    margin: 22px 0;
+}
+
+
+/*************************
+          title
+ *************************/
+
+#suppo #title{
+
+    text-align: center;
+    margin: 38px;
+}
+
+#suppo #title h2{
+    color: var(--color-principal);
+    margin-bottom: 1rem;
+
+}
+#suppo #title p{
+    margin-bottom: 0;
+}
+#suppo #title li{
+    list-style-type: none;
+}
+
+/*************************
+          discord
+ *************************/
+
+#suppo iframe{
+    width: 80%;
+    margin: 0px 10%;
+    margin-bottom: 30px;
+}

extension/iziToast.phtml

@@ -0,0 +1 @@
+<link rel='stylesheet' href='https://unpkg.com/izitoast/dist/css/iziToast.min.css'><?php

fivem.php

@@ -1,4 +1,4 @@
-<?php include "app/app.php"; $page = 2; head($page); ?>
+<?php include "app/app.php"; $page = 2; $souspage = 4; head($page, $souspage); ?>
 <body> <header> <?php navbar($page); ?> </header>
 
 <main id="fivem">
@@ -63,20 +63,19 @@
     <section id="info-droit">
         <div class="row container">
             <div class="col-6">
-                <img src="assets/fivem.png">
+                <img src="assets/moto.png">
             </div>
             <div class="col-6">
-                <h2>Puissance</h2>
+                <h2>Performance</h2>
                 <ul>
                     <li>
                         <p>
-                            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
+                            Nos serveurs FiveM allient puissance et fiabilité, avec ça pas du tout, vous pourrez accueillir tous les habitants de la ville de Los Santos sans soucis ! Sur notre hébergeur, vos projets avancerons aussi vite qu’une Ocelot Pariah !
                         </p>
                     </li>
                     <li>
                         <p>
-                            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
-                        </p>
+                            Sur SolidServ, on vous donne ce pourquoi vous payer, la RAM n’est pas partagée et nous essayons de toujours fournir le meilleur rapport prix/performance du marché, de plus, avec nous, vous êtes en sécurité avec l’Anti Ddos Game que nous utilisons.</p>
                     </li>
                 </ul>
             </div>
@@ -86,22 +85,22 @@
     <section id="info-gauche">
         <div class="row container">
             <div class="col-6">
-                <h2>TechUnique</h2>
+                <h2>Fiabilité</h2>
                 <ul>
                     <li>
                         <p>
-                            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
+                            Nous utilisons des serveurs récents et performants de plus, nous travaillons dur pour vous faire bénéficier du meilleurs rapport qualité-prix de manière à vous proposer une offre au plus proche de vos attentes.
                         </p>
                     </li>
                     <li>
                         <p>
-                            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
+                            Notre infrastructure est conçue de manière à garantir sa stabilité, avec un uptime d’environ 99% nos serveurs sont prêts pour accueillir vos projets et vous permettre de profiter de nos services en toute tranquillité.
                         </p>
                     </li>
                 </ul>
             </div>
             <div class="col-6">
-                <img src="assets/fivemArm.png">
+                <img src="assets/flic.png">
             </div>
         </div>
     </section>
@@ -116,13 +115,11 @@
                 <ul>
                     <li>
                         <p>
-                            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
-                        </p>
+                            Nous utilisons Pterodactyl un panel de gestion simple ayant fait ses preuves et esthétique qui vous permettra de gérer aisément votre serveur ! </p>
                     </li>
                     <li>
                         <p>
-                            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
-                        </p>
+                            Sur le panel, vous aurez un accès direct à une console ainsi qu’à un WEB FTP, vous pourrez ajouter des sous utilisateurs et relancer votre serveur, changer de version…</p>
                     </li>
                 </ul>
             </div>

index.php

@@ -54,7 +54,7 @@
                 <div class="col-4">
                     <h3><i class="fas fa-shield-alt"></i> FIABILITE </h3>
 
-                    <p>Notre infrastructure est conçue de manière à garantir sa <strong>stabilité</strong>, avec un uptime d’environ 99% nos serveurs sont près pour accueillir vos projets et vous permettre de profiter de nos services en toute tranquillité. </p>
+                    <p>Notre infrastructure est conçue de manière à garantir sa <strong>stabilité</strong>, avec un uptime d’environ 99% nos serveurs sont prêts pour accueillir vos projets et vous permettre de profiter de nos services en toute tranquillité. </p>
                 </div>
 
                 <div class="col-4">
@@ -114,7 +114,7 @@
 
                         <div>
 
-                            <button id="btn-service" class="tyrobutton" data-url="stockage.php">voir plus</button>
+                            <button id="btn-service" class="tyrobutton" data-url="javascript:pageerr();">indisponible</button>
 
                         </div>
                     </div>
@@ -481,12 +481,12 @@
                 <ul>
                     <li>
                         <p>
-                            Notre support est disponible 24h/24 et 7J/7 sur notre site mais aussi sur discord, par téléphone et par mail, nous répondrons à toute vos
+                            Notre support est disponible <strong>24h/24</strong> et <strong>7J/7</strong> sur notre site mais aussi sur Discord, par téléphone et par mail, nous répondrons à toutes vos  problématiques.
                         </p>
                     </li>
                     <li>
                         <p>
-                            Suivez les potentielle panne ou problème technique directement sur le site ou sur vos réseaux préférés comme discord et twitter, en temps réel avec vos services
+                            Suivez les potentielles pannes ou problèmes technique directement sur le site ou sur vos réseaux préférés comme Discord et Twitter, en temps réel avec vos services.
                         </p>
                     </li>
                 </ul>
@@ -553,11 +553,11 @@
                 <ul>
                     <li>
                         <p>
-                            SolidServ et Tyrolium s’engagent à faire de nos projets des services français fait par des français. Les projets resteront français tout en continuant d’essayer de toujours innover, notre projet oeuvre pour un monde meilleur.</p>
+                            SolidServ et Tyrolium s’engagent à faire de nos projets des services <strong>français</strong> fait par des français. Les projets resteront français tout en continuant d’essayer de toujours <strong>innover</strong>, notre projet oeuvre pour un monde meilleur.</p>
                     </li>
                     <li>
                         <p>
-                            Nous vivons dans un monde où vos données sont commercialisées comme des produits, ici, nous luttons contre la vente de données, c’est pourquoi nous ne proposons pas de services gratuits financés par vos données.
+                            Nous vivons dans un monde où vos données sont commercialisées comme des produits, ici, <strong>nous luttons contre la vente de données</strong>, c’est pourquoi nous ne proposons pas de services gratuits financés par vos données.
                         </p>
                     </li>
                 </ul>
@@ -579,4 +579,20 @@
 <script src="https://tyrolium.fr/javascript/tyrobtn.js"></script>
 <script src="javascriptfile/offre.js"></script>
 
+<script src='https://unpkg.com/izitoast/dist/js/iziToast.min.js'></script>
+<script  src="javascriptfile/notif.js"></script>
+
+    <script>
+        function pageerr(){
+            if(Text != 1){
+                iziToast.info({
+                    title: 'Info',
+                    position: 'bottomRight',
+                    <?php ?>
+                    message: 'Les serveurs de stockage ne sont pas encore disponibles.'
+                });
+            }
+        }
+    </script>
+
 <?php footer($page); ?> </body> </html>

javascriptfile/notif.js

@@ -0,0 +1,13 @@
+iziToast.settings({
+    timeout: 3000,
+    resetOnHover: true,
+    transitionIn: 'flipInX',
+    transitionOut: 'flipOutX',
+    position: 'topRight',
+    onOpen: function () {
+        console.log('callback abriu!');
+    },
+    onClose: function () {
+        console.log("callback fechou!");
+    }
+});

minecraft.php

@@ -1,4 +1,4 @@
-<?php include "app/app.php"; $page = 2; head($page); ?>
+<?php include "app/app.php"; $page = 2; $souspage = 3; head($page, $souspage); ?>
 <body> <header> <?php navbar($page); ?> </header>
 
 <main id="mc">
@@ -70,13 +70,11 @@
                 <ul>
                     <li>
                         <p>
-                            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
-                        </p>
+                            Grâce à la puissance de nos serveurs, vous pourrez créer avec pour seule limite votre imagination et celle de vos amis, construire des bâtiments à plusieurs c’est toujours mieux, développer les plugins les plus originaux, ou créer un mod qui rajoute des épées bleues et rouges ! Vous avez les clés en main !</p>
                     </li>
                     <li>
                         <p>
-                            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
-                        </p>
+                            Nos serveurs Minecraft bénéficient de slots illimités ainsi que de RAM dédiée et puissante (mais pas illimité, car ça, c’est pas possible !), la possibilité de mettre votre propre jar, vos propre mod et plugin, de plus nos serveurs sont compatibles Spigot, BungeeCord, Sponge, Forge, Fabric… À peu près tout en fait !</p>
                     </li>
                 </ul>
             </div>
@@ -86,16 +84,16 @@
     <section id="info-gauche">
         <div class="row container">
             <div class="col-6">
-                <h2><img src="assets/RhodoniteSword.png" id="sword">24h/24</h2>
+                <h2><img src="assets/RhodoniteSword.png" id="sword">Fiabilité</h2>
                 <ul>
                     <li>
                         <p>
-                            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
+                            Nous utilisons des serveurs récents et performants de plus, nous travaillons dur pour vous faire bénéficier du meilleurs rapport qualité-prix de manière à vous proposer une offre au plus proche de vos attentes.
                         </p>
                     </li>
                     <li>
                         <p>
-                            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
+                            Notre infrastructure est conçue de manière à garantir sa stabilité, avec un uptime d’environ 99% nos serveurs sont prêts pour accueillir vos projets et vous permettre de profiter de nos services en toute tranquillité.
                         </p>
                     </li>
                 </ul>
@@ -116,13 +114,11 @@
                 <ul>
                     <li>
                         <p>
-                            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
-                        </p>
+                            Nous utilisons Pterodactyl un panel de gestion simple ayant fait ses preuves et esthétique qui vous permettra de gérer aisément votre serveur ! </p>
                     </li>
                     <li>
                         <p>
-                            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
-                        </p>
+                            Sur le panel, vous aurez un accès direct à une console ainsi qu’à un WEB FTP, vous pourrez ajouter des sous utilisateurs et relancer votre serveur, changer de version…</p>
                     </li>
                 </ul>
             </div>