diff --git a/index.html b/index.html index ab56ef1..9a7f6a2 100644 --- a/index.html +++ b/index.html @@ -78,17 +78,17 @@

Développeur web fullstack

- Je - conçois, - développe - et - déploie - des - applications - web - performantes - et - maintenables. + Je + conçois, + développe + et + déploie + des + applications + web + performantes + et + maintenables.

Diplômé d'un Bachelor Développeur Web à l'ESD Paris et récemment en poste chez Tool4Staffing, je porte une @@ -111,62 +111,62 @@

Backend

- PHPSymfonyDoctrine - NodeFastifyPrisma - JestGo - JavaC#C++ + PHPSymfonyDoctrine + NodeFastifyPrisma + JestGo + JavaC#C++

Frontend

- Vue - Nuxt - React - Next - TypeScript - HTML - CSS - Tailwind + Vue + Nuxt + React + Next + TypeScript + HTML + CSS + Tailwind

Mobile

- Flutter - Kotlin - React Native + Flutter + Kotlin + React Native

Base de données

- MySQL - PostgreSQL - SQLite - Supabase - Firebase + MySQL + PostgreSQL + SQLite + Supabase + Firebase

DevOps

- Docker - Nginx - Debian - CI/CD - GitHub Actions - Jenkins - Dockploy - Coolify - GCP - AWS + Docker + Nginx + Debian + CI/CD + GitHub Actions + Jenkins + Dockploy + Coolify + GCP + AWS

Pratiques

-
DDDTestsAgile - Anglais C1 +
DDDTestsAgile + Anglais C1
diff --git a/style.css b/style.css index c2d99c6..981a694 100644 --- a/style.css +++ b/style.css @@ -42,8 +42,8 @@ main.container { padding: 0; } -main.container > section:not(.hero-fullscreen), -main.container > .card { +main.container>section:not(.hero-fullscreen), +main.container>.card { padding: 24px; } @@ -211,43 +211,53 @@ main.container > .card { margin-bottom: 1.5rem; } -.hero h1 .word { +.hero h1>span { display: inline-block; opacity: 0; animation: slideUpWord 0.6s ease forwards; } -.hero h1 .word:nth-child(1) { +.hero h1>span:nth-child(1) { animation-delay: 0.1s; } -.hero h1 .word:nth-child(2) { + +.hero h1>span:nth-child(2) { animation-delay: 0.2s; } -.hero h1 .word:nth-child(3) { + +.hero h1>span:nth-child(3) { animation-delay: 0.3s; } -.hero h1 .word:nth-child(4) { + +.hero h1>span:nth-child(4) { animation-delay: 0.4s; } -.hero h1 .word:nth-child(5) { + +.hero h1>span:nth-child(5) { animation-delay: 0.5s; } -.hero h1 .word:nth-child(6) { + +.hero h1>span:nth-child(6) { animation-delay: 0.6s; } -.hero h1 .word:nth-child(7) { + +.hero h1>span:nth-child(7) { animation-delay: 0.7s; } -.hero h1 .word:nth-child(8) { + +.hero h1>span:nth-child(8) { animation-delay: 0.8s; } -.hero h1 .word:nth-child(9) { + +.hero h1>span:nth-child(9) { animation-delay: 0.9s; } -.hero h1 .word:nth-child(10) { + +.hero h1>span:nth-child(10) { animation-delay: 1s; } -.hero h1 .word:nth-child(11) { + +.hero h1>span:nth-child(11) { animation-delay: 1.1s; } @@ -256,6 +266,7 @@ main.container > .card { opacity: 0; transform: translateY(20px); } + to { opacity: 1; transform: translateY(0); @@ -278,6 +289,7 @@ main.container > .card { from { opacity: 0; } + to { opacity: 1; } @@ -295,13 +307,6 @@ main.container > .card { flex-wrap: wrap; } -/* Remove any image-specific styles that might still be present */ -.hero img, -.hero-image, -.about-image { - display: none; -} - /* Sections */ section { margin-top: 48px; @@ -363,7 +368,7 @@ p.lead { gap: 6px; } -.tag { +.tags>span { border: 1px solid #263626; border-radius: 999px; padding: 4px 8px; @@ -478,6 +483,7 @@ a:visited:hover { opacity: 0; transform: translateY(-100%); } + to { opacity: 1; transform: translateY(0); @@ -568,8 +574,8 @@ footer .to-top { padding: 16px; } - main.container > section:not(.hero-fullscreen), - main.container > .card { + main.container>section:not(.hero-fullscreen), + main.container>.card { padding: 16px; } @@ -590,7 +596,8 @@ footer .to-top { position: fixed; left: 16px; right: 16px; - top: 78px; /* 70px header height + 8px gap */ + top: 78px; + /* 70px header height + 8px gap */ background: var(--surface); border: 1px solid var(--border); border-radius: 12px; @@ -610,4 +617,4 @@ footer .to-top { padding: 12px 10px; border-radius: 8px; } -} +} \ No newline at end of file