From ac2fac2a861f79741a72d51df71b14f69a334cad Mon Sep 17 00:00:00 2001 From: Whykioh Date: Sat, 11 Jul 2026 04:37:31 +0200 Subject: [PATCH] Fix Project section --- css/style.css | 61 +++++++++++++++++++++++++++------ index.php | 95 ++++++++++++++++++++++++++++++++------------------- 2 files changed, 110 insertions(+), 46 deletions(-) diff --git a/css/style.css b/css/style.css index d3920f8..70079bf 100644 --- a/css/style.css +++ b/css/style.css @@ -75,26 +75,65 @@ hr::after { width: 40px; } +/* --- Projects --- */ +.projects { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); + gap: 25px; + margin-top: 20px; +} + .project { - background: var(--glass-light); - backdrop-filter: blur(10px); + background: rgba(255, 255, 255, 0.05); + backdrop-filter: blur(15px); border: 1px solid var(--glass-border); border-radius: 25px; - padding: 20px; - width: 300px; - color: #fff; - text-decoration: none; + padding: 25px; transition: 0.3s; } -.project:hover { - background: rgba(255, 255, 255, 0.12); - border-color: var(--accent-yellow); +.project-header { + display: flex; + align-items: center; + gap: 20px; + margin-bottom: 15px; } -.project img { - width: 100%; +.project-header img { + width: 80px; + height: 80px; border-radius: 15px; + object-fit: cover; + border: 1px solid var(--glass-border); +} + +.project-info h2 { + margin: 0; + font-size: 1.5rem; + color: #fff; +} + +/* --- Etiquettes (Tags) --- */ +.tag { + display: inline-block; + padding: 4px 12px; + border-radius: 50px; + font-size: 0.75rem; + font-weight: bold; + text-transform: uppercase; + backdrop-filter: blur(5px); + border: 1px solid rgba(255, 255, 255, 0.1); + margin-top: 5px; +} + +.purple-tag { + background: rgba(147, 51, 234, 0.2); + color: #d8b4fe; +} + +.yellow-tag { + background: rgba(234, 179, 8, 0.2); + color:#fde047; } .video-container { diff --git a/index.php b/index.php index 541cb5a..a0cb74e 100644 --- a/index.php +++ b/index.php @@ -36,45 +36,70 @@ Ko-fi
-

Mes Projets :

-

Voici quelques-uns de mes projets :

-
-
- +

Mes Projets :

+

Voici quelques-uns de mes projets :

+
+ +
+ +
WatchGether -

WatchGether

-

In Progress

-

- WatchGether est une liste de film à regarder en duo, WatchGether analyse et compare les listes du duo pour trouver des films en commun et en rapport avec les thèmes et genre apprécié de chaque utilisateur. Pour l'instant WatchGether n'est utilisable que par moi, mais sera ouvert au public prochainement. -

-
-
- +
+

WatchGether

+ In Progress +
+
+ +

+ WatchGether est une liste de film à regarder en duo, WatchGether analyse et compare les listes du duo pour trouver des films en commun et en rapport avec les thèmes et genre apprécié de chaque utilisateur. Pour l'instant WatchGether n'est utilisable que par moi, mais sera ouvert au public prochainement. +

+
+ +
+ +
GameL0ver -

GameL0ver

-

Coming Soon

-

- GameL0ver est un site de rencontre pour les joueurs, il permet de trouver des personnes avec qui jouer, voire même peut être l'amour, à des jeux vidéo en fonction de leurs préférences et de leurs jeux favoris. GameL0ver permet de discuter publiquement et même en privé et intègre un système de match avec des Likes et des Pass. GameL0ver est actuellement en développement et sera bientôt disponible. -

-
-
- +
+

GameL0ver

+ Coming Soon +
+
+ +

+ GameL0ver est un site de rencontre pour les joueurs, il permet de trouver des personnes avec qui jouer, voire même peut être l'amour, à des jeux vidéo en fonction de leurs préférences et de leurs jeux favoris. GameL0ver permet de discuter publiquement et même en privé et intègre un système de match avec des Likes et des Pass. GameL0ver est actuellement en développement et sera bientôt disponible. +

+
+ +
+ +
BlindTube -

BlindTube

-

In Progress

-

- BlindTube est une application de Blind Test pour YouTube Music, elle permet d'effectuer un blind test seul ou à plusieurs en partant de vos playlists YouTube Music. BlindTube est actuellement en développement et sera disponible. -

-
-
- +
+

BlindTube

+ In Progress +
+
+ +

+ BlindTube est une application de Blind Test pour YouTube Music, elle permet d'effectuer un blind test seul ou à plusieurs en partant de vos playlists YouTube Music. BlindTube est actuellement en développement et sera disponible. +

+
+ +
+ +
Viens On Jette -

Viens On Jette

-

Disponible

-

- Viens On Jette est un duo avec mon ami Naxo sur YouTube, nous faisons des vidéos de jeux vidéo, des courts-métrages et d'autres contenus. Regardez dès maintenant ! -

-
+
+

Viens On Jette

+ Disponible +
+
+ +

+ Viens On Jette est un duo avec mon ami Naxo sur YouTube, nous faisons des vidéos de jeux vidéo, des courts-métrages et d'autres contenus. Regardez dès maintenant ! +

+
+

Voici la dernière vidéo de Whykioh :