Restore css 2025 12 06 (#119)

* Redeploy Jekyll site (test)

* Restore previous main stylesheet and layout

* Restore modern stylesheet (Dec 2025)

Author: DavidKRK

assets/css/style.css

@@ -2,6 +2,7 @@
  *   TAILWIND  – 3.4.1 (Base CSS)  +  Vos styles personnels
  * ========================================================== */
 
+
 /*!
  * tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
  * (copied wholesale – no change)
@@ -208,6 +209,7 @@ summary {
   border-radius: 5px;
 }
 
+
 /* ==============================
  *   VARIABLES & CUSTOM SETTINGS
  * ============================== */
@@ -220,6 +222,7 @@ summary {
   --transition: all 0.4s ease;
 }
 
+
 /* ===== GLOBAL ===== */
 html,
 body {
@@ -230,6 +233,7 @@ body {
   overflow-x: hidden;
 }
 
+
 /* ---------- HOME PAGE BACKGROUND ---------- */
 body.home-page {
   background-image: url("../images/david_krk_owl.jpg");
@@ -244,6 +248,7 @@ body:not(.home-page) {
   background-color: #416e73;
 }
 
+
 /* ---------- MAIN WRAPPER ---------- */
 .content-wrapper {
   position: relative;
@@ -253,6 +258,7 @@ body:not(.home-page) {
   min-height: 100vh;
 }
 
+
 /* ---------- HEADER ---------- */
 .hero-header {
   display: flex;
@@ -272,6 +278,7 @@ body:not(.home-page) {
   color: var(--primary-color);
 }
 
+
 /* ---------- MAIN & FOOTER ---------- */
 main {
   flex: 1;
@@ -282,6 +289,7 @@ footer {
   padding: 2rem 1rem;
 }
 
+
 /* ---------- PLAYER CONTAINER (mixcloud widget area) ---------- */
 .player-container {
   background-color: rgba(0, 0, 0, 0.3);
@@ -291,6 +299,7 @@ footer {
   margin: 0.5rem auto 2rem auto;
 }
 
+
 /* ---------- TYPOGRAPHY ---------- */
 .text-center .main-title {
   font-size: 4rem !important; /* Taille par défaut (mobile) */
@@ -315,15 +324,6 @@ footer {
     font-size: 5rem !important; /* sm:text-5xl */
   }
 }
-
-.fab.fa-whatsapp {
-    color: #25D366;
-}
-
-.social-icon {
-    font-size: 2.5rem; /* mobile */
-}
-
 @media (min-width: 768px) {
   .text-center .main-title {
     font-size: 6rem !important; /* md:text-6xl */
@@ -344,6 +344,7 @@ footer {
   }
 }
 
+
 /* ---------- NEON TEXT ---------- */
 .neon-text {
   animation: neon 2s ease-in-out infinite;
@@ -362,6 +363,7 @@ footer {
   }
 }
 
+
 /* ---------- ICONS ---------- */
 .fab {
   color: #25d366;
@@ -375,25 +377,29 @@ footer {
   }
 }
 
+
 /* ---------- RESPONSIVE OVERRIDES ---------- */
 @media (max-width: 768px) {
   .hero-header a {
     font-size: 1rem;
     margin: 0 0.5rem;
   }
 
+
   /* Override .main-title size within responsive breakpoint */
   .main-title {
     font-size: 2.5rem;
   }
 
+
   .hero-logo {
     width: 100px;
     bottom: 10px;
     right: 10px;
   }
 }
 
+
 /* ---------- BIO PAGE ---------- */
 .bio-text-container {
   background-color: rgba(0, 0, 0, 0.25);
@@ -413,6 +419,7 @@ footer {
   text-align: center;
 }
 
+
 /* ---------- LANGUAGE SELECTOR ---------- */
 .language-selector {
   display: flex;
@@ -436,6 +443,7 @@ footer {
   transform: scale(1.05);
 }
 
+
 /* ---------- BIO MESSAGE (language toggler) ---------- */
 .bio-message {
   display: none;
@@ -447,6 +455,7 @@ footer {
   animation: fadeIn 0.8s ease-out;
 }
 
+
 /* ---------- ANIMATIONS ---------- */
 @keyframes fadeIn {
   from {
@@ -476,6 +485,7 @@ footer {
   }
 }
 
+
 /* ---------- PLAYER (SiriWave) ---------- */
 #waveform {
   width: 100%;
@@ -513,6 +523,7 @@ footer {
   z-index: -1;
 }
 
+
 /* ---------- LOADING SPINNER ---------- */
 #loading {
   position: absolute;
@@ -548,6 +559,7 @@ footer {
   }
 }
 
+
 /* ---------- PLAYLIST ---------- */
 #playlist {
   width: 100%;
@@ -584,6 +596,7 @@ footer {
   cursor: pointer;
 }
 
+
 /* ---------- VOLUME SLIDER ---------- */
 #volume {
   width: 100%;
@@ -627,6 +640,7 @@ footer {
   cursor: pointer;
 }
 
+
 /* ---------- FADE IN/OUT ---------- */
 .fadeout {
   animation: fadeOut 0.5s;
@@ -649,4 +663,4 @@ footer {
   to {
     opacity: 0;
   }
-}
+}