adminflsu/Landing_Page
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update vps page

Browse Source
This commit is contained in:
florian 2025-06-12 17:04:56 +02:00
parent b28c5f8f74
commit a7a3ae2586
2 changed files with 21 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
public/styles/common.css
View File

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

34
public/vps.html
View File

@ -28,15 +28,6 @@
<li><strong>Location:</strong> Paris, FR</li> <li><strong>Location:</strong> Paris, FR</li>
</ul> </ul>
</div> </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"> <div class="card info blur">
<h2>Mes services : </h2> <h2>Mes services : </h2>
<div class="card-container"> <div class="card-container">
@ -48,10 +39,10 @@
<h3>Web Server</h3> <h3>Web Server</h3>
<p>Hébergement de sites web avec Nginx.</p> <p>Hébergement de sites web avec Nginx.</p>
</div> </div>
<div class="card"> <a target="_blank" href="https://grafana.thepenguinontheweb.tech" class="card">
<h3>Prometheus + Grafana</h3> <h3>Prometheus + Grafana</h3>
<p>Surveillance et visualisation des performances du serveur.</p> <p>Surveillance et visualisation des performances du serveur.</p>
</div> </a>
<div class="card"> <div class="card">
<h3>Ufw Firewall</h3> <h3>Ufw Firewall</h3>
<p>Protection du serveur avec un pare-feu configuré.</p> <p>Protection du serveur avec un pare-feu configuré.</p>
@ -64,18 +55,22 @@
<h3>Postfix</h3> <h3>Postfix</h3>
<p>Serveur de messagerie pour l'envoi d'emails.</p> <p>Serveur de messagerie pour l'envoi d'emails.</p>
</div> </div>
<div class="card"> <a target="_blank" href="https://posfixadmin.thepenguinontheweb.tech" class="card">
<h3>Postfix Admin</h3> <h3>Postfix Admin</h3>
<p>Interface web pour la gestion des comptes de messagerie.</p> <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> <h3>Roundcube</h3>
<p>Client de messagerie web pour accéder aux emails.</p> <p>Client de messagerie web pour accéder aux emails.</p>
</div> </a>
<div class="card"> <div class="card">
<h3>Minecraft</h3> <h3>Minecraft</h3>
<p>Serveur de jeu Minecraft pour jouer avec des amis.</p> <p>Serveur de jeu Minecraft pour jouer avec des amis.</p>
</div> </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> </div>
<div class="card info blur"> <div class="card info blur">
@ -83,7 +78,14 @@
<p>Voici un aperçu de la surveillance de mon serveur :</p> <p>Voici un aperçu de la surveillance de mon serveur :</p>
<img src="imgs/grafana_snapshot.png" alt="Grafana Snapshot" class="grafana-snapshot"> <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> <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>
</div> </div>
</main> </main>