Refonte du design : moderne + responsive, thème clair/sombre, maj compétences
- Vraie structure HTML5 (doctype, head, meta viewport) via le header commun - CSS réécrit avec variables, police Inter, header sticky, menu burger mobile - Thème clair/sombre avec bouton dans la navbar (mémorisé en localStorage) - Hero sur l'accueil, page compétences en cartes alignée sur le CV (+ Ansible) - Correction des balises body/main dupliquées sur contact, login et cgu Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
Esteban
co-authored by
Claude Fable 5
Claude Fable 5
parent
9bbc05bcac
commit
e50eeacaeb
+92
-27
@@ -2,6 +2,8 @@
|
||||
|
||||
// Compétences
|
||||
|
||||
// Titre de l'onglet
|
||||
$pageTitle = 'Compétences';
|
||||
|
||||
// On ajoute ici le header
|
||||
require_once('./../elements/header.php');
|
||||
@@ -9,44 +11,107 @@ require_once('./../elements/header.php');
|
||||
?>
|
||||
|
||||
<!-- Contenu de la page skills -->
|
||||
<section class="skills-section">
|
||||
|
||||
<div class="container">
|
||||
<h1>Compétences</h1>
|
||||
</div>
|
||||
<div class="skills-header">
|
||||
<h1>Compétences</h1>
|
||||
<p>Un aperçu des technologies et des domaines que je maîtrise.</p>
|
||||
</div>
|
||||
|
||||
<h2><i class="fa-solid fa-computer"></i> Systèmes d'exploitation :</h2>
|
||||
<ul>
|
||||
<li><i class="fa-brands fa-microsoft"></i> Windows (Server/XP 8 10 11)</li>
|
||||
<li><i class="fa-brands fa-linux"></i> Linux</li>
|
||||
<li><i class="fa-brands fa-apple"></i> macOS</li>
|
||||
</ul>
|
||||
<div class="skills-grid">
|
||||
|
||||
<h2>Réseaux :</h2>
|
||||
<ul>
|
||||
<li>Adressage IP</li>
|
||||
<li>VLAN</li>
|
||||
<li><i class="fa-brands fa-cloudflare"></i> Pare-feu</li>
|
||||
<li>DNS (Bind9)</li>
|
||||
<li>DHCP (ISC DHCP)</li>
|
||||
<li>Proxy (Proxy Squid)</li>
|
||||
</ul>
|
||||
|
||||
<h2>Code :</h2>
|
||||
<ul>
|
||||
<li>HTML</li>
|
||||
<li>CSS</li>
|
||||
<li>JavaScript</li>
|
||||
<li>PHP</li>
|
||||
</ul>
|
||||
<!-- Systèmes d'exploitation -->
|
||||
<div class="skill-category">
|
||||
<div class="skill-category-icon">
|
||||
<i class="fa-solid fa-computer"></i>
|
||||
</div>
|
||||
<h2>Systèmes d'exploitation</h2>
|
||||
<ul class="skill-list">
|
||||
<li><i class="fa-brands fa-microsoft"></i> Windows (Serveur/XP/8/10/11)</li>
|
||||
<li><i class="fa-brands fa-linux"></i> Linux (Debian/Ubuntu)</li>
|
||||
<li><i class="fa-brands fa-apple"></i> macOS</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Réseaux -->
|
||||
<div class="skill-category">
|
||||
<div class="skill-category-icon">
|
||||
<i class="fa-solid fa-network-wired"></i>
|
||||
</div>
|
||||
<h2>Réseaux</h2>
|
||||
<ul class="skill-list">
|
||||
<li><i class="fa-solid fa-location-dot"></i> Adressage IP</li>
|
||||
<li><i class="fa-solid fa-diagram-project"></i> VLAN</li>
|
||||
<li><i class="fa-solid fa-shield-halved"></i> Pare-feu (iptables/ufw)</li>
|
||||
<li><i class="fa-solid fa-globe"></i> DNS (Bind9)</li>
|
||||
<li><i class="fa-solid fa-server"></i> DHCP (ISC DHCP)</li>
|
||||
<li><i class="fa-solid fa-arrows-left-right"></i> Proxy (Squid)</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Scripting -->
|
||||
<div class="skill-category">
|
||||
<div class="skill-category-icon">
|
||||
<i class="fa-solid fa-terminal"></i>
|
||||
</div>
|
||||
<h2>Scripting</h2>
|
||||
<ul class="skill-list">
|
||||
<li><i class="fa-solid fa-terminal"></i> Bash</li>
|
||||
<li><i class="fa-brands fa-python"></i> Python</li>
|
||||
<li><i class="fa-brands fa-java"></i> Java</li>
|
||||
<li><i class="fa-solid fa-gears"></i> Ansible</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Applications -->
|
||||
<div class="skill-category">
|
||||
<div class="skill-category-icon">
|
||||
<i class="fa-solid fa-cubes"></i>
|
||||
</div>
|
||||
<h2>Applications</h2>
|
||||
<ul class="skill-list">
|
||||
<li><i class="fa-solid fa-address-book"></i> LDAP (Windows AD)</li>
|
||||
<li><i class="fa-solid fa-headset"></i> GLPI</li>
|
||||
<li><i class="fa-solid fa-compact-disc"></i> FOG</li>
|
||||
<li><i class="fa-solid fa-server"></i> Nginx / Apache</li>
|
||||
<li><i class="fa-brands fa-docker"></i> Docker</li>
|
||||
<li><i class="fa-solid fa-display"></i> Guacamole</li>
|
||||
<li><i class="fa-solid fa-database"></i> MySQL / MariaDB</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Développement web -->
|
||||
<div class="skill-category">
|
||||
<div class="skill-category-icon">
|
||||
<i class="fa-solid fa-code"></i>
|
||||
</div>
|
||||
<h2>Développement web</h2>
|
||||
<ul class="skill-list">
|
||||
<li><i class="fa-brands fa-html5"></i> HTML</li>
|
||||
<li><i class="fa-brands fa-css3-alt"></i> CSS</li>
|
||||
<li><i class="fa-brands fa-js"></i> JavaScript</li>
|
||||
<li><i class="fa-brands fa-php"></i> PHP</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Virtualisation & Outils -->
|
||||
<div class="skill-category">
|
||||
<div class="skill-category-icon">
|
||||
<i class="fa-solid fa-layer-group"></i>
|
||||
</div>
|
||||
<h2>Virtualisation & Outils</h2>
|
||||
<ul class="skill-list">
|
||||
<li><i class="fa-solid fa-server"></i> Proxmox</li>
|
||||
<li><i class="fa-solid fa-box"></i> VirtualBox</li>
|
||||
<li><i class="fa-brands fa-git-alt"></i> Git (GitHub, Gitea)</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<?php
|
||||
|
||||
// Ajout du footer
|
||||
require_once('../elements/footer.php'); ?>
|
||||
require_once('../elements/footer.php'); ?>
|
||||
|
||||
Reference in New Issue
Block a user