feat: add responsive styles for navigation and header in noscript section

2026-08-19 19:53:24 +02:00 · 2025-09-16 21:50:55 +02:00
parent 8b400135c9
commit 4bf902bb55
2 changed files with 360 additions and 598 deletions
@@ -12,6 +12,42 @@
  <title>Portfolio Florian Sylvain - Développeur web fullstack</title>

  <link rel="stylesheet" href="style.css">
+
+  <noscript>
+    <style>
+      .reveal {
+        opacity: 1 !important;
+        transform: none !important;
+      }
+
+      @media (max-width: 760px) {
+        .site-nav {
+          position: static !important;
+          display: flex !important;
+          flex-direction: column !important;
+          background: transparent !important;
+          border: none !important;
+          padding: 0 !important;
+          box-shadow: none !important;
+          gap: 0 !important;
+        }
+
+        .menu-toggle {
+          display: none !important;
+        }
+
+        .site-header {
+          height: auto !important;
+          padding: 16px 0 !important;
+        }
+
+        .site-header .inner {
+          flex-direction: column !important;
+          gap: 16px !important;
+        }
+      }
+    </style>
+  </noscript>
 </head>

 <body id="top">