skycel/Portfolio-Codex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✨ Story 4.4: passions

Browse Source
This commit is contained in:
skycel
2026-02-04 18:22:54 +01:00
parent 63691bd8b2
commit c492208939
4 changed files with 102 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
pages/about.php
View File

@@ -132,6 +132,70 @@ include_template('navbar', compact('currentPage'));
</div>
</section>
<section class="section">
<div class="container-content">
<div class="section-header">
<h2 class="section-title">En Dehors du Code</h2>
<p class="section-subtitle">
Parce qu'un développeur a aussi une vie en dehors de l'écran.
</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
<div class="card group">
<div class="aspect-video overflow-hidden bg-gradient-to-br from-purple-500/20 to-pink-500/10 flex items-center justify-center">
<svg class="w-16 h-16 text-purple-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19V6l12-2v13"/>
<circle cx="6" cy="18" r="3"/>
<circle cx="18" cy="16" r="3"/>
</svg>
</div>
<div class="card-body">
<h3 class="text-lg font-semibold mb-2">Musique</h3>
<p class="text-text-secondary text-sm">
Pratique régulière qui cultive la rigueur et l'écoute, des qualités utiles pour le travail d'équipe.
</p>
</div>
</div>
<div class="card group">
<div class="aspect-video overflow-hidden bg-gradient-to-br from-emerald-500/20 to-cyan-500/10 flex items-center justify-center">
<svg class="w-16 h-16 text-emerald-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7h8a4 4 0 014 4v2a4 4 0 01-4 4H8a4 4 0 01-4-4v-2a4 4 0 014-4z"/>
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 11h2M15 11h2"/>
</svg>
</div>
<div class="card-body">
<h3 class="text-lg font-semibold mb-2">Jeux vidéo</h3>
<p class="text-text-secondary text-sm">
Passion qui nourrit la curiosité, l'optimisation et la recherche d'expériences fluides.
</p>
</div>
</div>
<div class="card group">
<div class="aspect-video overflow-hidden bg-gradient-to-br from-primary/20 to-primary/5 flex items-center justify-center">
<svg class="w-16 h-16 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"/>
</svg>
</div>
<div class="card-body">
<h3 class="text-lg font-semibold mb-2">Projets Open Source</h3>
<p class="text-text-secondary text-sm mb-3">
Je contribue à des projets open source et développe mes propres outils sur mon temps libre.
</p>
<a href="https://github.com/skycel" target="_blank" rel="noopener" class="text-primary text-sm hover:underline inline-flex items-center gap-1">
Voir sur GitHub
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/>
</svg>
</a>
</div>
</div>
</div>
</div>
</section>
<section class="section bg-surface">
<div class="container-content text-center">
<h2 class="text-heading mb-4">Envie d'en savoir plus ?</h2>