Site GitHub Pages professionnel présentant mon travail, mes compétences et mon parcours.
Le site est accessible à l'adresse : mathilde-ly.github.io
mathilde-ly.github.io/
│
├── index.html # Page d'accueil
├── projets.html # Portfolio de projets
├── cv.html # Curriculum Vitae
├── README.md # Documentation
│
└── static/
├── style.css # Styles CSS avec animations
└── script.js # JavaScript pour interactivité
- Hero section avec animation de texte dynamique
- Section compétences avec cartes interactives
- Section à propos avec code snippet animé
- Formulaire de contact fonctionnel
- Statistiques animées
- Filtrage dynamique par catégorie (Web, Mobile, Backend, Design)
- Cartes de projets avec overlay au survol
- Design responsive et moderne
- Animations au scroll
- Layout professionnel en deux colonnes
- Timeline interactive pour l'expérience
- Barres de progression pour les compétences
- Section certifications
- Optimisé pour l'impression (Ctrl+P)
- HTML5 - Structure sémantique
- CSS3 - Design moderne avec variables CSS, Grid, Flexbox
- JavaScript Vanilla - Interactions sans dépendances
- Font Awesome - Icônes
- Responsive Design - Mobile-first
Les couleurs sont définies dans style.css avec des variables CSS :
:root {
--primary-color: #6366f1;
--secondary-color: #ec4899;
--accent-color: #10b981;
}Dans projets.html, dupliquez une carte de projet :
<article class="project-card" data-category="web">
<!-- Contenu du projet -->
</article>Éditez cv.html pour mettre à jour vos expériences, formations et compétences.
Le site est entièrement responsive et s'adapte à tous les écrans :
- Desktop (1200px+)
- Tablette (768px - 1199px)
- Mobile (< 768px)
- CSS optimisé avec variables
- JavaScript modulaire
- Animations performantes (GPU-accelerated)
- Lazy loading des images
- Code sémantique pour le SEO
- Optimisé pour l'impression (CV)
Le site est automatiquement déployé sur GitHub Pages lors d'un push sur la branche main.
# Cloner le repository
git clone https://github.com/mathilde-ly/mathilde-ly.github.io.git
# Faire des modifications
git add .
git commit -m "feat: update portfolio"
git push origin mainPour ajouter Google Analytics, ajoutez ce code dans le <head> de chaque page :
<!-- Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_TRACKING_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'GA_TRACKING_ID');
</script>© 2026 Mathilde Ly. Tous droits réservés.
- Email : contact@mathilde-ly.com
- LinkedIn : linkedin.com/in/mathilde-ly
- GitHub : github.com/mathilde-ly
Note : Ce site est conçu pour impressionner les recruteurs. N'oubliez pas de personnaliser tous les contenus avec vos informations réelles avant de le publier !