show hidden animated elements when js is disabled

tarikcoskun · Oct 11, 2024 · 22fa2a8 · 22fa2a8
1 parent 9ef46c1
commit 22fa2a8
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/app/(main)/layout.tsx b/app/(main)/layout.tsx
@@ -5,6 +5,13 @@ import { Footer } from "@/components/layout/Footer";
 export default function MainLayout({ children }: React.PropsWithChildren) {
   return (
     <>
+      <noscript>
+        <style dangerouslySetInnerHTML={{
+          __html: "[style*=\"opacity:0\"] { opacity: unset !important; transform: unset !important; }",
+        }}
+        />
+      </noscript>
+
       <Navbar />
       {children}
       <Footer />