lapikud
/
tipilan
mirror of https://github.com/Lapikud/tipilan
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add kodukord.

Browse Source
pull/2/head
Rene Arumetsa 5 months ago
parent 8c82fa17a3
commit 61caf3139e
2 changed files with 132 additions and 31 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 63
      src/app/kodukord/page.tsx
  2. 100
      src/components/Sidebar.tsx

63
src/app/kodukord/page.tsx
Unescape View File

@ -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>
);
}

100
src/components/Sidebar.tsx
Unescape View File

@ -1,42 +1,80 @@
'use client'; "use client";
// Fonts // Fonts
import { vipnagorgialla } from "@/components/Vipnagorgialla"; import { vipnagorgialla } from "@/components/Vipnagorgialla";
// Use effect to handle route changes and close the sidebar if it's open // Use effect to handle route changes and close the sidebar if it's open
// usePathName to listen to route changes in Next.js // usePathName to listen to route changes in Next.js
import { useEffect } from 'react'; import { useEffect } from "react";
import { usePathname } from 'next/navigation'; import { usePathname } from "next/navigation";
import Link from 'next/link'; import Link from "next/link";
const Sidebar = ({ isOpen, toggleSidebar }: { isOpen: boolean; toggleSidebar: () => void }) => { const Sidebar = ({
const pathname = usePathname(); isOpen,
toggleSidebar,
}: {
isOpen: boolean;
toggleSidebar: () => void;
}) => {
const pathname = usePathname();
useEffect(() => { useEffect(() => {
if (isOpen) { if (isOpen) {
toggleSidebar(); toggleSidebar();
} }
}, [pathname]); }, [pathname]);
return ( return (
<> <>
<div <div
className="fixed inset-0 backdrop-blur mt-16 z-20" 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 onClick={toggleSidebar} // Close sidebar when clicking outside
></div> ></div>
<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`} 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
<Link href="/" className="hover:text-[#00A3E0] transition duration-150">Avaleht</Link> ? "translateX(-13%) skewX(calc(5deg * -1)"
<Link href="/messiala" className="hover:text-[#00A3E0] transition duration-150">Messiala</Link> : "translateX(-150%) skewX(calc(5deg * -1)",
<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">
</div> 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;

Write Preview
Loading…
Cancel
Save