Add kodukord.

pull/2/head
Rene Arumetsa 5 months ago
parent 8c82fa17a3
commit 61caf3139e
  1. 63
      src/app/kodukord/page.tsx
  2. 98
      src/components/Sidebar.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>
);
}

@ -1,42 +1,80 @@
'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 pathname = usePathname();
const Sidebar = ({
isOpen,
toggleSidebar,
}: {
isOpen: boolean;
toggleSidebar: () => void;
}) => {
const pathname = usePathname();
useEffect(() => {
if (isOpen) {
toggleSidebar();
}
}, [pathname]);
useEffect(() => {
if (isOpen) {
toggleSidebar();
}
}, [pathname]);
return (
<>
<div
className="fixed inset-0 backdrop-blur mt-16 z-20"
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)' }}
>
<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>
</div>
</>
);
return (
<>
<div
className="fixed inset-0 backdrop-blur mt-16 z-20"
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)",
}}
>
<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>
</>
);
};
export default Sidebar;
Loading…
Cancel
Save