From 22fa2a8fa3d8785a8490d2ac553170f74da1e267 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tar=C4=B1k=20Co=C5=9Fkun?= <tarikcskun@gmail.com>
Date: Fri, 11 Oct 2024 21:33:50 +0300
Subject: [PATCH] show hidden animated elements when js is disabled

---
 app/(main)/layout.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/app/(main)/layout.tsx b/app/(main)/layout.tsx
index 3c32839..b3c59da 100644
--- 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 />