mirror of https://github.com/Lapikud/tipilan
parent
8c82fa17a3
commit
61caf3139e
2 changed files with 132 additions and 31 deletions
@ -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; |
||||
export default Sidebar; |
||||
|
||||
Loading…
Reference in new issue