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
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