EstebanandClaude Fable 5
e50eeacaeb
- 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>
118 lines
4.2 KiB
PHP
118 lines
4.2 KiB
PHP
<?php
|
|
|
|
// Compétences
|
|
|
|
// Titre de l'onglet
|
|
$pageTitle = 'Compétences';
|
|
|
|
// On ajoute ici le header
|
|
require_once('./../elements/header.php');
|
|
|
|
?>
|
|
|
|
<!-- Contenu de la page skills -->
|
|
<section class="skills-section">
|
|
|
|
<div class="skills-header">
|
|
<h1>Compétences</h1>
|
|
<p>Un aperçu des technologies et des domaines que je maîtrise.</p>
|
|
</div>
|
|
|
|
<div class="skills-grid">
|
|
|
|
<!-- 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'); ?>
|