Merge pull request #45 from Lapikud/development

Updates to page
pull/56/head
Renkar 4 months ago committed by GitHub
commit 5ba7736ef9
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
  1. 11
      src/app/ajakava/page.tsx
  2. 96
      src/app/kodukord/page.tsx
  3. 51
      src/app/messiala/page.tsx
  4. 19
      src/app/piletid/page.tsx
  5. 13
      src/app/reeglid/[slug]/page.tsx
  6. 64
      src/app/reeglid/page.tsx
  7. 4
      src/app/turniirid/page.tsx
  8. 7
      src/components/SectionDivider.tsx
  9. 8
      src/components/Sidebar.tsx
  10. 30
      src/data/kodukord.md

@ -1,8 +1,9 @@
"use client"; "use client";
import { useState } from "react"; import {useState} from "react";
import { vipnagorgialla } from "@/components/Vipnagorgialla"; import {vipnagorgialla} from "@/components/Vipnagorgialla";
import { scheduleData } from "@/data/timetable"; import {scheduleData} from "@/data/timetable";
import SectionDivider from "@/components/SectionDivider";
const tabs = Object.keys(scheduleData); const tabs = Object.keys(scheduleData);
@ -11,6 +12,7 @@ export default function Timetable() {
const schedule = scheduleData[activeTab]; const schedule = scheduleData[activeTab];
return ( return (
<div>
<div className="flex flex-col min-h-[90vh] m-6 mt-16 md:m-16"> <div className="flex flex-col min-h-[90vh] m-6 mt-16 md:m-16">
<h1 <h1
className={`text-5xl sm:text-6xl ${vipnagorgialla.className} font-bold italic uppercase text-[#2A2C3F] dark:text-[#EEE5E5] mt-8 md:mt-16 mb-8`} className={`text-5xl sm:text-6xl ${vipnagorgialla.className} font-bold italic uppercase text-[#2A2C3F] dark:text-[#EEE5E5] mt-8 md:mt-16 mb-8`}
@ -68,5 +70,8 @@ export default function Timetable() {
))} ))}
</div> </div>
</div> </div>
<SectionDivider/>
</div>
); );
} }

@ -1,63 +1,55 @@
import { vipnagorgialla } from "@/components/Vipnagorgialla"; // app/kodukord/page.tsx (App Router)
import fs from "node:fs";
import path from "node:path";
import ReactMarkdown from "react-markdown";
import remarkGfm from "remark-gfm";
import {vipnagorgialla} from "@/components/Vipnagorgialla";
import SectionDivider from "@/components/SectionDivider";
export const runtime = "nodejs"; // ensure fs is available (not Edge)
export const dynamic = "force-static"; // read at build time
export default function Page() {
const filePath = path.join(process.cwd(), "src/data", "kodukord.md");
const content = fs.readFileSync(filePath, "utf8");
export default function Rulebook() {
return ( return (
<div>
<div className="flex flex-col min-h-[90vh] m-6 mt-16 md:m-16"> <div className="flex flex-col min-h-[90vh] m-6 mt-16 md:m-16">
{/* Page title (separate from markdown headings) */}
<h1 <h1
className={`text-4xl md:text-5xl lg:text-6xl ${vipnagorgialla.className} font-bold italic text-[#2A2C3F] dark:text-[#EEE5E5] mt-8 md:mt-16 mb-4 uppercase`} className={`text-4xl md:text-5xl lg:text-6xl ${vipnagorgialla.className} font-bold italic text-[#2A2C3F] dark:text-[#EEE5E5] mt-8 md:mt-16 mb-4 uppercase`}
> >
Kodukord Kodukord
</h1> </h1>
<ol className="list-decimal ml-6 md:text-xl text-[#2A2C3F] dark:text-[#EEE5E5] y-4">
<li> <div className="prose prose-lg dark:prose-invert max-w-none">
Keelatud on: <ReactMarkdown
<ol className="list-[lower-alpha] ml-6 y-2"> remarkPlugins={[remarkGfm]}
<li>alkoholi ja uimastite omamine ja tarbimine ürituse vältel</li> components={{
<li>alkoholijoobes või uimastite mõju all viibimine üritusel</li> h1: ({node, ...props}) => (
<li> <h1 className="text-3xl md:text-4xl font-bold my-4" {...props} />
suitsetamine (ka e-sigaret) selleks mitte ettenähtud kohtades ),
suitsetada võib suitsuruumis või õues vastava prügikasti juures h2: ({node, ...props}) => (
<ul className="list-disc ml-6"> <h2 className="text-2xl md:text-3xl font-semibold my-3" {...props} />
<li>suitsetamine alaealistel</li> ),
<li>mokatubaka kasutamine TalTech-i territooriumil</li> ol: ({node, ...props}) => (
</ul> <ol className="list-decimal ml-6 md:text-xl" {...props} />
</li> ),
<li>külm- ja imitatsioonrelvad</li> ul: ({node, ...props}) => (
<li> <ul className="list-disc ml-6 md:text-xl" {...props} />
ürituse alal igasuguse vägivalla kasutamine teiste ja teiste vara ),
suhtes p: ({node, ...props}) => (
</li> <p className="md:text-xl" {...props} />
<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 {content}
pöörduda korraldajate poole </ReactMarkdown>
</li> </div>
<li> </div>
mängimiseks ebavajalike seadmete ühendamine vooluvõrku (nt
veekeetja, puhur, sirgendaja) <SectionDivider/>
</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="md: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> </div>
); );
} }

@ -1,9 +1,10 @@
"use client"; "use client";
import { vipnagorgialla } from "@/components/Vipnagorgialla"; import {vipnagorgialla} from "@/components/Vipnagorgialla";
import * as THREE from "three"; import * as THREE from "three";
import { useEffect, useRef, useState } from "react"; import {useEffect, useRef, useState} from "react";
import { EyeClosed, Eye } from "lucide-react"; import {EyeClosed, Eye} from "lucide-react";
import SectionDivider from "@/components/SectionDivider";
// Define interface for the ref with toggle function // Define interface for the ref with toggle function
interface MountRefCurrent extends HTMLDivElement { interface MountRefCurrent extends HTMLDivElement {
@ -13,7 +14,7 @@ interface MountRefCurrent extends HTMLDivElement {
export default function Expo() { export default function Expo() {
const mountRef = useRef<MountRefCurrent | null>(null); const mountRef = useRef<MountRefCurrent | null>(null);
const [hoveredRoom, setHoveredRoom] = useState<string | null>(null); const [hoveredRoom, setHoveredRoom] = useState<string | null>(null);
const [mousePosition, setMousePosition] = useState({ x: 0, y: 0 }); const [mousePosition, setMousePosition] = useState({x: 0, y: 0});
const [showDividers, setShowDividers] = useState<boolean>(true); const [showDividers, setShowDividers] = useState<boolean>(true);
useEffect(() => { useEffect(() => {
@ -30,17 +31,17 @@ export default function Expo() {
// Get responsive dimensions // Get responsive dimensions
const getResponsiveDimensions = () => { const getResponsiveDimensions = () => {
const container = mountRef.current; const container = mountRef.current;
if (!container) return { width: 800, height: 600 }; if (!container) return {width: 800, height: 600};
const containerWidth = container.offsetWidth; const containerWidth = container.offsetWidth;
const maxWidth = Math.min(containerWidth, 800); const maxWidth = Math.min(containerWidth, 800);
const width = Math.max(maxWidth, 300); // Minimum width const width = Math.max(maxWidth, 300); // Minimum width
const height = (width * 600) / 800; // Maintain aspect ratio const height = (width * 600) / 800; // Maintain aspect ratio
return { width, height }; return {width, height};
}; };
const { width, height } = getResponsiveDimensions(); const {width, height} = getResponsiveDimensions();
// Isometric camera setup with responsive sizing // Isometric camera setup with responsive sizing
const aspect = width / height; const aspect = width / height;
@ -60,7 +61,7 @@ export default function Expo() {
camera.lookAt(-1.4, 0, 0); camera.lookAt(-1.4, 0, 0);
// Renderer // Renderer
const renderer = new THREE.WebGLRenderer({ antialias: true }); const renderer = new THREE.WebGLRenderer({antialias: true});
renderer.setSize(width, height); renderer.setSize(width, height);
renderer.shadowMap.enabled = true; renderer.shadowMap.enabled = true;
renderer.shadowMap.type = THREE.PCFSoftShadowMap; renderer.shadowMap.type = THREE.PCFSoftShadowMap;
@ -193,7 +194,7 @@ export default function Expo() {
room.position.set(roomDef.x, roomDef.height / 2, roomDef.z); room.position.set(roomDef.x, roomDef.height / 2, roomDef.z);
room.castShadow = true; room.castShadow = true;
room.receiveShadow = true; room.receiveShadow = true;
room.userData = { name: roomDef.name, originalColor: roomDef.color }; room.userData = {name: roomDef.name, originalColor: roomDef.color};
scene.add(room); scene.add(room);
rooms.push(room); rooms.push(room);
@ -236,7 +237,7 @@ export default function Expo() {
// Ground plane // Ground plane
const groundGeometry = new THREE.PlaneGeometry(14, 10.5); const groundGeometry = new THREE.PlaneGeometry(14, 10.5);
const groundMaterial = new THREE.MeshLambertMaterial({ color: 0xcccccc }); const groundMaterial = new THREE.MeshLambertMaterial({color: 0xcccccc});
const ground = new THREE.Mesh(groundGeometry, groundMaterial); const ground = new THREE.Mesh(groundGeometry, groundMaterial);
ground.rotation.x = -Math.PI / 2; ground.rotation.x = -Math.PI / 2;
ground.position.x = -1.1; ground.position.x = -1.1;
@ -258,7 +259,7 @@ export default function Expo() {
// Resize handler // Resize handler
const handleResize = () => { const handleResize = () => {
const { width: newWidth, height: newHeight } = getResponsiveDimensions(); const {width: newWidth, height: newHeight} = getResponsiveDimensions();
// Update camera // Update camera
const newAspect = newWidth / newHeight; const newAspect = newWidth / newHeight;
@ -285,14 +286,14 @@ export default function Expo() {
mouse.y = -((event.clientY - rect.top) / rect.height) * 2 + 1; mouse.y = -((event.clientY - rect.top) / rect.height) * 2 + 1;
// Update mouse position for tooltip // Update mouse position for tooltip
setMousePosition({ x: event.clientX, y: event.clientY }); setMousePosition({x: event.clientX, y: event.clientY});
// Update raycaster // Update raycaster
raycaster.setFromCamera(mouse, camera); raycaster.setFromCamera(mouse, camera);
const intersects = raycaster.intersectObjects(rooms); const intersects = raycaster.intersectObjects(rooms);
// Reset all rooms to original state // Reset all rooms to original state
roomData.forEach(({ mesh, originalColor, originalScale }) => { roomData.forEach(({mesh, originalColor, originalScale}) => {
(mesh.material as THREE.MeshLambertMaterial).color.setHex( (mesh.material as THREE.MeshLambertMaterial).color.setHex(
originalColor, originalColor,
); );
@ -369,6 +370,7 @@ export default function Expo() {
}, [showDividers]); }, [showDividers]);
return ( return (
<div>
<div className="flex flex-col min-h-[90vh] m-6 mt-16 md:m-16"> <div className="flex flex-col min-h-[90vh] m-6 mt-16 md:m-16">
<h1 <h1
className={`text-4xl md:text-5xl lg:text-6xl ${vipnagorgialla.className} font-bold italic text-[#2A2C3F] dark:text-[#EEE5E5] mt-8 md:mt-16 mb-4 uppercase`} className={`text-4xl md:text-5xl lg:text-6xl ${vipnagorgialla.className} font-bold italic text-[#2A2C3F] dark:text-[#EEE5E5] mt-8 md:mt-16 mb-4 uppercase`}
@ -383,7 +385,7 @@ export default function Expo() {
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<div <div
className="w-4 h-4 border border-gray-300" className="w-4 h-4 border border-gray-300"
style={{ backgroundColor: "#ff6b35" }} style={{backgroundColor: "#ff6b35"}}
></div> ></div>
<span className="text-sm text-[#2A2C3F] dark:text-[#EEE5E5]"> <span className="text-sm text-[#2A2C3F] dark:text-[#EEE5E5]">
Mänguklubi Mänguklubi
@ -392,7 +394,7 @@ export default function Expo() {
<div className="items-center gap-2 hidden"> <div className="items-center gap-2 hidden">
<div <div
className="w-4 h-4 border border-gray-300" className="w-4 h-4 border border-gray-300"
style={{ backgroundColor: "#4ecdc4" }} style={{backgroundColor: "#4ecdc4"}}
></div> ></div>
<span className="text-sm text-[#2A2C3F] dark:text-[#EEE5E5]"> <span className="text-sm text-[#2A2C3F] dark:text-[#EEE5E5]">
Baariala Baariala
@ -401,7 +403,7 @@ export default function Expo() {
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<div <div
className="w-4 h-4 border border-gray-300" className="w-4 h-4 border border-gray-300"
style={{ backgroundColor: "#ffe66d" }} style={{backgroundColor: "#ffe66d"}}
></div> ></div>
<span className="text-sm text-[#2A2C3F] dark:text-[#EEE5E5]"> <span className="text-sm text-[#2A2C3F] dark:text-[#EEE5E5]">
EVAL EVAL
@ -410,7 +412,7 @@ export default function Expo() {
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<div <div
className="w-4 h-4 border border-gray-300" className="w-4 h-4 border border-gray-300"
style={{ backgroundColor: "#e74c3c" }} style={{backgroundColor: "#e74c3c"}}
></div> ></div>
<span className="text-sm text-[#2A2C3F] dark:text-[#EEE5E5]"> <span className="text-sm text-[#2A2C3F] dark:text-[#EEE5E5]">
Redbull Redbull
@ -419,7 +421,7 @@ export default function Expo() {
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<div <div
className="w-4 h-4 border border-gray-300" className="w-4 h-4 border border-gray-300"
style={{ backgroundColor: "#9b59b6" }} style={{backgroundColor: "#9b59b6"}}
></div> ></div>
<span className="text-sm text-[#2A2C3F] dark:text-[#EEE5E5]"> <span className="text-sm text-[#2A2C3F] dark:text-[#EEE5E5]">
Võitlusmängu ala Võitlusmängu ala
@ -428,7 +430,7 @@ export default function Expo() {
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<div <div
className="w-4 h-4 border border-gray-300" className="w-4 h-4 border border-gray-300"
style={{ backgroundColor: "#3498db" }} style={{backgroundColor: "#3498db"}}
></div> ></div>
<span className="text-sm text-[#2A2C3F] dark:text-[#EEE5E5]"> <span className="text-sm text-[#2A2C3F] dark:text-[#EEE5E5]">
Sony Sony
@ -437,7 +439,7 @@ export default function Expo() {
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<div <div
className="w-4 h-4 border border-gray-300" className="w-4 h-4 border border-gray-300"
style={{ backgroundColor: "#2ecc71" }} style={{backgroundColor: "#2ecc71"}}
></div> ></div>
<span className="text-sm text-[#2A2C3F] dark:text-[#EEE5E5]"> <span className="text-sm text-[#2A2C3F] dark:text-[#EEE5E5]">
Chillimisala Chillimisala
@ -446,15 +448,15 @@ export default function Expo() {
</div> </div>
<div className="flex flex-col lg:flex-row gap-8 items-start"> <div className="flex flex-col lg:flex-row gap-8 items-start">
<div className="flex-shrink-0 border-3 border-[#1F5673] w-full max-w-[800px] relative"> <div className="flex-shrink-0 border-3 border-[#1F5673] w-full max-w-[800px] relative">
<div ref={mountRef} className="w-full" /> <div ref={mountRef} className="w-full"/>
<button <button
onClick={() => setShowDividers(!showDividers)} onClick={() => setShowDividers(!showDividers)}
className={`absolute top-2 right-2 px-3 py-2 bg-[#1F5673] text-white hover:bg-[#2A7A9B] ${vipnagorgialla.className} uppercase italic text-sm font-semibold flex items-center transition-colors shadow-lg z-10`} className={`absolute top-2 right-2 px-3 py-2 bg-[#1F5673] text-white hover:bg-[#2A7A9B] ${vipnagorgialla.className} uppercase italic text-sm font-semibold flex items-center transition-colors shadow-lg z-10`}
> >
{showDividers ? ( {showDividers ? (
<EyeClosed className="w-6 h-6 mr-2" /> <EyeClosed className="w-6 h-6 mr-2"/>
) : ( ) : (
<Eye className="w-6 h-6 mr-2" /> <Eye className="w-6 h-6 mr-2"/>
)} )}
{showDividers ? "Peida" : "Näita"} {showDividers ? "Peida" : "Näita"}
@ -476,5 +478,8 @@ export default function Expo() {
)} )}
</div> </div>
</div> </div>
<SectionDivider />
</div>
); );
} }

@ -1,16 +1,20 @@
import { vipnagorgialla } from "@/components/Vipnagorgialla"; import {vipnagorgialla} from "@/components/Vipnagorgialla";
import Link from "next/link"; import Link from "next/link";
import SectionDivider from "@/components/SectionDivider";
export default function Tickets() { export default function Tickets() {
return ( return (
<div>
<div className="flex flex-col min-h-[90vh] m-6 mt-16 md:m-16"> <div className="flex flex-col min-h-[90vh] m-6 mt-16 md:m-16">
<h1 <h1
className={`text-4xl md:text-5xl lg:text-6xl ${vipnagorgialla.className} font-bold italic text-[#2A2C3F] dark:text-[#EEE5E5] mt-8 md:mt-16 mb-4`} className={`text-4xl md:text-5xl lg:text-6xl ${vipnagorgialla.className} font-bold italic text-[#2A2C3F] dark:text-[#EEE5E5] mt-8 md:mt-16 mb-4`}
> >
PILETID JA REGIS&shy;TREERIMINE PILETID JA REGIS&shy;TREERIMINE
</h1> </h1>
<div className="flex justify-center lg:items-center flex-col lg:flex-row gap-8 md:gap-12 flex-grow mb-16 md:mt-8 lg:mt-0"> <div
<div className="bg-[#007CAB] -skew-x-2 md:-skew-x-5 text-white px-8 md:px-12 py-16 hover:scale-103 transition-all duration-150 w-full md:w-xl lg:w-[400px]"> className="flex justify-center lg:items-center flex-col lg:flex-row gap-8 md:gap-12 flex-grow mb-16 md:mt-8 lg:mt-0">
<div
className="bg-[#007CAB] -skew-x-2 md:-skew-x-5 text-white px-8 md:px-12 py-16 hover:scale-103 transition-all duration-150 w-full md:w-xl lg:w-[400px]">
<h2 <h2
className={`text-6xl ${vipnagorgialla.className} font-bold italic text-[#EEE5E5] pb-2`} className={`text-6xl ${vipnagorgialla.className} font-bold italic text-[#EEE5E5] pb-2`}
> >
@ -37,7 +41,8 @@ export default function Tickets() {
</button> </button>
</Link> </Link>
</div> </div>
<div className="bg-[#1F5673] -skew-x-2 md:-skew-x-5 text-white px-8 md:px-12 py-16 hover:scale-103 transition-all duration-150 w-full md:w-xl lg:w-[400px]"> <div
className="bg-[#1F5673] -skew-x-2 md:-skew-x-5 text-white px-8 md:px-12 py-16 hover:scale-103 transition-all duration-150 w-full md:w-xl lg:w-[400px]">
<h2 <h2
className={`text-6xl ${vipnagorgialla.className} font-bold italic text-[#EEE5E5] pb-2`} className={`text-6xl ${vipnagorgialla.className} font-bold italic text-[#EEE5E5] pb-2`}
> >
@ -66,7 +71,8 @@ export default function Tickets() {
</Link> </Link>
</div> </div>
<div className="bg-[#007CAB] -skew-x-2 md:-skew-x-5 text-white px-8 md:px-12 py-16 hover:scale-103 transition-all duration-150 w-full md:w-xl lg:w-[400px]"> <div
className="bg-[#007CAB] -skew-x-2 md:-skew-x-5 text-white px-8 md:px-12 py-16 hover:scale-103 transition-all duration-150 w-full md:w-xl lg:w-[400px]">
<h2 <h2
className={`text-6xl ${vipnagorgialla.className} font-bold italic text-[#EEE5E5] pb-2`} className={`text-6xl ${vipnagorgialla.className} font-bold italic text-[#EEE5E5] pb-2`}
> >
@ -92,5 +98,8 @@ export default function Tickets() {
</div> </div>
</div> </div>
</div> </div>
<SectionDivider />
</div>
); );
} }

@ -1,14 +1,15 @@
import { vipnagorgialla } from "@/components/Vipnagorgialla"; import {vipnagorgialla} from "@/components/Vipnagorgialla";
import path from "node:path"; import path from "node:path";
import fs from "node:fs/promises"; import fs from "node:fs/promises";
import ReactMarkdown from "react-markdown"; import ReactMarkdown from "react-markdown";
import SectionDivider from "@/components/SectionDivider";
type Props = { type Props = {
params: Promise<{ slug: string }>; params: Promise<{ slug: string }>;
}; };
export default async function RulePage({ params }: Props) { export default async function RulePage({params}: Props) {
const { slug } = await params; const {slug} = await params;
const filePath = path.join(process.cwd(), "src/data/rules", `${slug}.md`); const filePath = path.join(process.cwd(), "src/data/rules", `${slug}.md`);
let file: string; let file: string;
@ -19,10 +20,11 @@ export default async function RulePage({ params }: Props) {
file = `# ${slug.toUpperCase()} REEGLID\n\nSisu hetkel puudub.`; file = `# ${slug.toUpperCase()} REEGLID\n\nSisu hetkel puudub.`;
} }
const data = { title: undefined as string | undefined }; const data = {title: undefined as string | undefined};
return ( return (
<> <>
<div className="mb-16">
<h1 <h1
className={`not-prose ${vipnagorgialla.className} font-bold italic uppercase text-[64px] leading-[96px] tracking-[-0.02em] text-[#2A2C3F] dark:text-[#EEE5E5] mx-auto mt-16 mb-6 px-8`} className={`not-prose ${vipnagorgialla.className} font-bold italic uppercase text-[64px] leading-[96px] tracking-[-0.02em] text-[#2A2C3F] dark:text-[#EEE5E5] mx-auto mt-16 mb-6 px-8`}
> >
@ -39,6 +41,9 @@ export default async function RulePage({ params }: Props) {
> >
<ReactMarkdown>{file}</ReactMarkdown> <ReactMarkdown>{file}</ReactMarkdown>
</div> </div>
</div>
<SectionDivider/>
</> </>
); );
} }

@ -0,0 +1,64 @@
import {vipnagorgialla} from "@/components/Vipnagorgialla";
import Link from "next/link";
import SectionDivider from "@/components/SectionDivider";
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>
);
}

@ -1,11 +1,12 @@
import { vipnagorgialla } from "@/components/Vipnagorgialla"; import { vipnagorgialla } from "@/components/Vipnagorgialla";
import Link from "next/link"; import Link from "next/link";
import Image from "next/image"; import Image from "next/image";
import SectionDivider from "@/components/SectionDivider";
export default function Tourney() { export default function Tourney() {
const headingStyle = `text-3xl md:text-5xl lg:text-5xl ${vipnagorgialla.className} font-bold uppercase text-[#2A2C3F] dark:text-[#EEE5E5] -skew-x-2 md:-skew-x-5`; const headingStyle = `text-3xl md:text-5xl lg:text-5xl ${vipnagorgialla.className} font-bold uppercase text-[#2A2C3F] dark:text-[#EEE5E5] -skew-x-2 md:-skew-x-5`;
const SectionDivider = () => <hr className="border-t-[3px] border-[#1F5673]" />; // const SectionDivider = () => <hr className="border-t-[3px] border-[#1F5673]" />;
return ( return (
<div className="flex flex-col min-h-[90vh] mt-16"> <div className="flex flex-col min-h-[90vh] mt-16">
@ -75,7 +76,6 @@ export default function Tourney() {
<SectionDivider /> <SectionDivider />
{/* LoL turniir */} {/* LoL turniir */}
<div className="grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-16 items-center mx-8 md:mx-16 lg:mx-32 xl:mx-48"> <div className="grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-16 items-center mx-8 md:mx-16 lg:mx-32 xl:mx-48">
<div className="hidden md:block"> <div className="hidden md:block">

@ -0,0 +1,7 @@
import React from 'react';
export default function SectionDivider() {
return (
<hr className="border-t-[3px] border-[#1F5673]" />
);
};

@ -72,6 +72,14 @@ const Sidebar = ({
> >
Kodukord Kodukord
</Link> </Link>
<Link
href="/reeglid"
className="hover:text-[#00A3E0] transition duration-150"
>
Reeglid
</Link>
</div> </div>
</> </>
); );

@ -0,0 +1,30 @@
Üritusel osalemise kodukord kehtib kõigile, nii külastajatele kui võistlejatele. Kodukorra rikkumisel jätab TipiLAN endale õiguse osaleja ürituselt eemaldada ning vajadusel teavitada politseid. Alaealise osaleja puhul teavitame raskema kodukorra eiramise puhul tema vanemaid või eestkostjaid.
# Osaleja meelespea
1. Tulles vaheta oma pilet käepaela vastu.
2. Osaleja peab olema vähemalt 16-aastane. Pileti kontrollija võib küsida Sinult dokumenti.
3. Üritust pildistatakse ning filmitakse ja ürituse sisu kajastatakse erinevates meediakanalites.
4. Kui Sul on ette nähtud TipiLANi poolne majutus, anna sellest teada pileti käepaela vastu vahetamisel.
5. Kui tuled oma arvutiga, juhendatakse Sind käepaela saades, kuhu saad selle üles panna.
# Ürituse kodukord
1. Osaleja kohustub käituma viisakalt ning väärikalt ja austama teisi üritusel osalejaid.
2. TipiLAN ei tolereeri:
2.1. Vihakõnet rahvusliku, rassilise, soolise, seksuaalse või religioosse kuuluvuse, puude, välimuse või vanuse kohta; ahistamist, ähvardavat, solvavat või agressiivset käitumist, sellele õhutamist või selle pooldamist
2.2. See kehtib nii ürituse alal (IRL) kui ka üritusega seotud online-keskkondades.
3. Osaleja kohustub käituma ürituse hoone, inventari ja sisustuse suhtes heaperemehelikult. Keelatud on lõhkuda, määrida või viia mujale esemeid, mis ei kuulu osalejale.
3.1. Kui osalejal on ette nähtud korraldajapoolne majutus, siis majutusalal on osalejal kohustus olla vaikselt ning lubada kaaslastel puhata.
3.2. Majutusalale ei või kaasa kutsuda isikuid, kellel ei ole seal majutust ette nähtud.
4. TipiLAN ei vastuta osaleja isikliku vara eest.
4.1. Korraldajapoolne majutusala on lukustatav ning kõrvalisi isikuid sinna ei lubata, kuid sellest sõltumata tasub oma väärisesemetel silma peal hoida.
4.2. Kui on tekkinud kahtlus, et on toimunud vargus, tuleb sellest koheselt teavitada korraldajat.
4.3. Kaotatud asjade leidmisel palume anda need korraldajale või viia need *lost & found’i* (Merchilauda).
5. Ürituse alal on keelatud suitsetada ning kasutada vape’i. Selleks on õues ette nähtud suitsetamise kohad.
6. Üritusele ei tohi kaasa võtta illegaalseid aineid või ravimeid, terariistu, tulirelvi, lõhke- või süüteained ning muid esemeid, mis võivad osalejatele või teistele viga teha.
7. Alaealisel osalejal on keelatud tarbida alkoholi või kasutada nikotiini sisaldavaid tooteid.
7.1. Olles baarist alkoholi ostmas, on osalejal baaritöötaja nõudmisel kohustus näidata isikuttõendavat dokumenti.
8. Osaleja kohustub käituma alkoholi suhtes vastutustundlikult.
9. Keelatud on igasugune hasartmäng nii raha kui muude hüvede peale.
Loading…
Cancel
Save