update vps page

public/styles/common.css

@@ -190,6 +190,8 @@ main {
   width: auto;
   height: auto;
 
+  cursor: default;
+
   h2 {
     font-size: 20px;
     color: rgb(255, 255, 255);
@@ -207,6 +209,7 @@ main {
     width: 500px;
 
     .card {
+      cursor: default;
       h3 {
         font-size: 18px;
         color: rgb(255, 255, 255);

public/vps.html

@@ -28,15 +28,6 @@
                     <li><strong>Location:</strong> Paris, FR</li>
                 </ul>
             </div>
-            <div class="card info blur">
-                <h2>C'est mon serveur personnel pour mon cours de labo réseau applicatif et sécurité.</h2>
-                <p>Voici quelques sites de ma création:</p>
-                <ul>
-                    <li><a href="https://games.penggames.systems" target="_blank">Tetris</a></li>
-                    <li><a href="/index.html" target="_blank">Home</a></li>
-                </ul>
-                <p>Pour plus d'information, vous pouvez toujours me contactez ici : <a href="mailto:florian@thepenguninontheweb.tech">florian@thepenguinontheweb.tech</a></p>
-            </div>
             <div class="card info blur">
                 <h2>Mes services : </h2>
                 <div class="card-container">
@@ -48,10 +39,10 @@
                         <h3>Web Server</h3>
                         <p>Hébergement de sites web avec Nginx.</p>
                     </div>
-                    <div class="card">
+                    <a target="_blank" href="https://grafana.thepenguinontheweb.tech" class="card">
                         <h3>Prometheus + Grafana</h3>
                         <p>Surveillance et visualisation des performances du serveur.</p>
-                    </div>
+                    </a>
                     <div class="card">
                         <h3>Ufw Firewall</h3>
                         <p>Protection du serveur avec un pare-feu configuré.</p>
@@ -64,18 +55,22 @@
                         <h3>Postfix</h3>
                         <p>Serveur de messagerie pour l'envoi d'emails.</p>
                     </div>
-                    <div class="card">
+                    <a target="_blank" href="https://posfixadmin.thepenguinontheweb.tech" class="card">
                         <h3>Postfix Admin</h3>
                         <p>Interface web pour la gestion des comptes de messagerie.</p>
-                    </div>
+                    </a>
-                    <div class="card">
+                    <a target="_blank" href="https://roundcube.thepenguinontheweb.tech" class="card">
                         <h3>Roundcube</h3>
                         <p>Client de messagerie web pour accéder aux emails.</p>
-                    </div>
+                    </a>
                     <div class="card">
                         <h3>Minecraft</h3>
                         <p>Serveur de jeu Minecraft pour jouer avec des amis.</p>
                     </div>
+                    <a target="_blank" href="https://git.thepenguinontheweb.tech" class="card">
+                        <h3>Gitea</h3>
+                        <p>Plateforme de gestion de code source pour héberger mes projets, avec pipeline pour mes sites</p>
+                    </a>
                 </div>
             </div>
             <div class="card info blur">
@@ -83,7 +78,14 @@
                 <p>Voici un aperçu de la surveillance de mon serveur :</p>
                 <img src="imgs/grafana_snapshot.png" alt="Grafana Snapshot" class="grafana-snapshot">
                 <a target="_blank" href="https://grafana.thepenguinontheweb.tech/dashboard/snapshot/6YgiZfAb1AnPaN4weKGGiLIlGjIK5JD9?orgId=0&from=2025-06-12T12:41:53.379Z" >la snapshot de Grafana</a>
-
+            </div>
+            <div class="card info blur">
+                <h2>Voici quelques sites de ma création:</h2>
+                <ul>
+                    <li><a href="https://games.penggames.systems" target="_blank">Tetris</a></li>
+                    <li><a href="/index.html" target="_blank">Home</a></li>
+                </ul>
+                <p>Contact: <a href="mailto:florian@thepenguninontheweb.tech">florian@thepenguinontheweb.tech</a></p>
             </div>
         </div>
     </main>