Add kodukord.

src/app/kodukord/page.tsx

@@ -0,0 +1,63 @@
+import { vipnagorgialla } from "@/components/Vipnagorgialla";
+
+export default function Rulebook() {
+  return (
+    <div className="flex flex-col min-h-[90vh] p-12 pt-18">
+      <h1
+        className={`text-5xl sm:text-6xl ${vipnagorgialla.className} font-bold italic uppercase text-[#2A2C3F] dark:text-[#EEE5E5] mt-8 mb-4`}
+      >
+        Kodukord
+      </h1>
+      <ol className="list-decimal ml-6 text-xl text-[#2A2C3F] dark:text-[#EEE5E5] y-4">
+        <li>
+          Keelatud on:
+          <ol className="list-[lower-alpha] ml-6 y-2">
+            <li>alkoholi ja uimastite omamine ja tarbimine ürituse vältel</li>
+            <li>alkoholijoobes või uimastite mõju all viibimine üritusel</li>
+            <li>
+              suitsetamine (ka e-sigaret) selleks mitte ettenähtud kohtades –
+              suitsetada võib suitsuruumis või õues vastava prügikasti juures
+              <ul className="list-disc ml-6">
+                <li>suitsetamine alaealistel</li>
+                <li>mokatubaka kasutamine TalTech-i territooriumil</li>
+              </ul>
+            </li>
+            <li>külm- ja imitatsioonrelvad</li>
+            <li>
+              ürituse alal igasuguse vägivalla kasutamine teiste ja teiste vara
+              suhtes
+            </li>
+            <li>teiste vara omavoliline kasutamine, näppimine</li>
+            <li>turniiri reeglitele mittevastavalt mängimine</li>
+            <li>
+              omavoliline taristu (võrgu) näppimine – võrguprobleemidega tuleb
+              pöörduda korraldajate poole
+            </li>
+            <li>
+              mängimiseks ebavajalike seadmete ühendamine vooluvõrku (nt
+              veekeetja, puhur, sirgendaja)
+            </li>
+          </ol>
+        </li>
+        <li>Iga külastaja vastutab enda asjade ja vara eest ise</li>
+        <li>
+          Korraldajale varalise kahju tekitanud külastaja on kohustatud korvama
+          täies ulatuses tekitatud kahju
+        </li>
+        <li>
+          Magamiseks ettenähtud ajal ja magamiseks ettenähtud ruumis tuleb olla
+          vaikselt ja võimaldada kaas mängijatel magada
+        </li>
+        <li>Korraldajad ei vastuta külastajate eest</li>
+        <li>
+          Mängijad on TipiLAN-il kohustatud kinni pidama mängule seatud
+          vanusepiirangutest
+        </li>
+      </ol>
+      <p className="text-xl text-[#2A2C3F] dark:text-[#EEE5E5] y-4 mt-4">
+        NB! Reeglite rikkumise puhul on korraldajatel õigus mängija (koos tema
+        meeskonnaga) eemaldada ja rakendada edasist keeldu TipiLAN-i üritustelt.
+      </p>
+    </div>
+  );
+}

src/components/Sidebar.tsx

@@ -1,15 +1,21 @@
-'use client';
+"use client";
 
 // Fonts
 import { vipnagorgialla } from "@/components/Vipnagorgialla";
 
 // Use effect to handle route changes and close the sidebar if it's open
 // usePathName to listen to route changes in Next.js
-import { useEffect } from 'react';
-import { usePathname } from 'next/navigation';
-import Link from 'next/link';
+import { useEffect } from "react";
+import { usePathname } from "next/navigation";
+import Link from "next/link";
 
-const Sidebar = ({ isOpen, toggleSidebar }: { isOpen: boolean; toggleSidebar: () => void }) => {
+const Sidebar = ({
+  isOpen,
+  toggleSidebar,
+}: {
+  isOpen: boolean;
+  toggleSidebar: () => void;
+}) => {
   const pathname = usePathname();
 
   useEffect(() => {
@@ -22,18 +28,50 @@ const Sidebar = ({ isOpen, toggleSidebar }: { isOpen: boolean; toggleSidebar: ()
     <>
       <div
         className="fixed inset-0 backdrop-blur mt-16 z-20"
-                style={{ display: isOpen ? 'block' : 'none' }}
+        style={{ display: isOpen ? "block" : "none" }}
         onClick={toggleSidebar} // Close sidebar when clicking outside
       ></div>
       <div
         className={`text-3xl md:text-5xl ${vipnagorgialla.className} font-bold italic uppercase fixed flex items-start xs:pl-25 pl-20 sm:pl-20 md:pl-24 flex-col gap-8 pt-16 top-0 left-0 h-[99vh] mt-16 -skew-x-5 border-r-3 border-[#1F5673]  w-screen sm:w-96 md:w-128 bg-[#EEE5E5] dark:bg-[#0E0F19] text-[#2A2C3F] dark:text-[#EEE5E5] transition-transform transform z-20`}
-                style={{ transform: isOpen ? 'translateX(-13%) skewX(calc(5deg * -1)' : 'translateX(-150%) skewX(calc(5deg * -1)' }}
+        style={{
+          transform: isOpen
+            ? "translateX(-13%) skewX(calc(5deg * -1)"
+            : "translateX(-150%) skewX(calc(5deg * -1)",
+        }}
       >
-                <Link href="/" className="hover:text-[#00A3E0] transition duration-150">Avaleht</Link>
-                <Link href="/messiala" className="hover:text-[#00A3E0] transition duration-150">Messiala</Link>
-                <Link href="/piletid" className="hover:text-[#00A3E0] transition duration-150">Piletid</Link>
-                <Link href="/ajakava" className="hover:text-[#00A3E0] transition duration-150">Ajakava</Link>
-                <Link href="/turniirid" className="hover:text-[#00A3E0] transition duration-150">Turniirid</Link>
+        <Link href="/" className="hover:text-[#00A3E0] transition duration-150">
+          Avaleht
+        </Link>
+        <Link
+          href="/messiala"
+          className="hover:text-[#00A3E0] transition duration-150"
+        >
+          Messiala
+        </Link>
+        <Link
+          href="/piletid"
+          className="hover:text-[#00A3E0] transition duration-150"
+        >
+          Piletid
+        </Link>
+        <Link
+          href="/ajakava"
+          className="hover:text-[#00A3E0] transition duration-150"
+        >
+          Ajakava
+        </Link>
+        <Link
+          href="/turniirid"
+          className="hover:text-[#00A3E0] transition duration-150"
+        >
+          Turniirid
+        </Link>
+        <Link
+          href="/kodukord"
+          className="hover:text-[#00A3E0] transition duration-150"
+        >
+          Kodukord
+        </Link>
       </div>
     </>
   );