From 41cbdd5ba75088081ba4133c6847c4dae27d0b17 Mon Sep 17 00:00:00 2001
From: SwagMuffin88 <katrilotamois@outlook.com>
Date: Tue, 12 Aug 2025 13:38:55 +0300
Subject: [PATCH 1/2] create menu page for different rule pages

---
 src/app/reeglid/page.tsx | 63 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 63 insertions(+)
 create mode 100644 src/app/reeglid/page.tsx

diff --git a/src/app/reeglid/page.tsx b/src/app/reeglid/page.tsx
new file mode 100644
index 0000000..9339faf
--- /dev/null
+++ b/src/app/reeglid/page.tsx
@@ -0,0 +1,63 @@
+import {vipnagorgialla} from "@/components/Vipnagorgialla";
+import Link from "next/link";
+
+export default function RulesMenu() {
+    const headingStyle = `text-5xl sm:text-6xl ${vipnagorgialla.className} font-bold italic text-[#2A2C3F] dark:text-[#EEE5E5]`;
+    
+    const boxStyle = `-skew-x-2 md:-skew-x-5 text-white md:px-12 hover:scale-103 transition-all duration-150 w-full md:w-xl lg:w-[400px]`;
+    
+    const boxTextStyle = `text-3xl ${vipnagorgialla.className} font-bold uppercase text-[#EEE5E5] pb-2`;
+
+    const SectionDivider = () => <div className="border-b-[3px] border-[#1F5673] w-full"/>;
+
+    return (
+        <div>
+            <div className="flex flex-col md:m-16">
+                <h1 className={`${headingStyle} mt-8 md:mt-16`}>
+                    REEGLID
+                </h1>
+
+                <div className='flex flex-wrap flex-row lg:mt-16 justify-center lg:items-start gap-12 flex-grow mb-8'>
+                    <Link href="/kodukord">
+                        <div className={`${boxStyle} bg-[#007CAB] py-20`}>
+                            <h2 className={`${boxTextStyle}`}>
+                                Kodukord
+                            </h2>
+                        </div>
+                    </Link>
+
+                    <Link href="/reeglid/cs2">
+                        <div className={`${boxStyle} bg-[#1F5673] py-20`}>
+                            <h2 className={`${boxTextStyle}`}>
+                                CS2 reeglid
+                            </h2>
+                        </div>
+                    </Link>
+
+
+                    <Link href="reeglid/lol">
+                        <div className={`${boxStyle} bg-[#007CAB] py-20`}>
+                            <h2 className={`${boxTextStyle}`}>
+                                LoL reeglid
+                            </h2>
+                        </div>
+                    </Link>
+
+                    {/* Minitourn. link coming soon*/}
+                    {/*<Link href="">*/} 
+                        <div
+                            className={`${boxStyle} bg-[#1F5673] py-16`}>
+                            <h2 className={`${boxTextStyle}`}>
+                                Miniturniiride reeglid
+                            </h2>
+                        </div>
+                    {/*</Link>*/}
+                    
+                </div>
+            </div>
+            
+            <SectionDivider />
+            
+        </div>
+    );
+}
\ No newline at end of file

From 876ea3fa171c29c620893a1a1d3a0637dac52083 Mon Sep 17 00:00:00 2001
From: SwagMuffin88 <katrilotamois@outlook.com>
Date: Tue, 12 Aug 2025 13:39:48 +0300
Subject: [PATCH 2/2] add rules link to sidebar menu

---
 src/components/Sidebar.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index 3a92f3b..086bb4c 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -72,6 +72,14 @@ const Sidebar = ({
         >
           Kodukord
         </Link>
+        <Link 
+            href="/reeglid"
+            className="hover:text-[#00A3E0] transition duration-150"
+        >
+          Reeglid
+        </Link>
+              
+              
       </div>
     </>
   );