mirror of https://github.com/Lapikud/tipilan
Merge pull request #46 from Lapikud/development
React 19 update changed the way ref works. Removed redundant packages and updated markdown to use Bunpull/56/head
Voltages
4 months ago
committed by
GitHub
commit
5b464e9f6a
10 changed files with 1081 additions and 790 deletions
@ -1,7 +1,24 @@ |
|||||||
import type { NextConfig } from "next"; |
import type { NextConfig } from "next"; |
||||||
|
|
||||||
const nextConfig: NextConfig = { |
const nextConfig: NextConfig = { |
||||||
/* config options here */ |
async headers() { |
||||||
|
return [ |
||||||
|
{ |
||||||
|
source: "/(.*)", |
||||||
|
headers: [ |
||||||
|
{ |
||||||
|
key: "Content-Security-Policy", |
||||||
|
value: |
||||||
|
"frame-src 'self' https://tipilan.ee https://player.twitch.tv https://embed.twitch.tv; frame-ancestors 'self' https://tipilan.ee;", |
||||||
|
}, |
||||||
|
{ |
||||||
|
key: "X-Frame-Options", |
||||||
|
value: "SAMEORIGIN", |
||||||
|
}, |
||||||
|
], |
||||||
|
}, |
||||||
|
]; |
||||||
|
}, |
||||||
}; |
}; |
||||||
|
|
||||||
export default nextConfig; |
export default nextConfig; |
||||||
|
|||||||
@ -1,49 +1,103 @@ |
|||||||
|
import { notFound } from "next/navigation"; |
||||||
|
import ReactMarkdown, { Components } from "react-markdown"; |
||||||
import { vipnagorgialla } from "@/components/Vipnagorgialla"; |
import { vipnagorgialla } from "@/components/Vipnagorgialla"; |
||||||
import path from "node:path"; |
|
||||||
import fs from "node:fs/promises"; |
|
||||||
import ReactMarkdown from "react-markdown"; |
|
||||||
import SectionDivider from "@/components/SectionDivider"; |
import SectionDivider from "@/components/SectionDivider"; |
||||||
|
|
||||||
type Props = { |
// Map of valid slugs to their corresponding file paths and titles
|
||||||
|
const rulesMap = { |
||||||
|
lol: { |
||||||
|
filePath: "src/data/rules/lol.md", |
||||||
|
title: "LOL Reeglid", |
||||||
|
}, |
||||||
|
cs2: { |
||||||
|
filePath: "src/data/rules/cs2.md", |
||||||
|
title: "CS2 Reeglid", |
||||||
|
}, |
||||||
|
} as const; |
||||||
|
|
||||||
|
type RuleSlug = keyof typeof rulesMap; |
||||||
|
|
||||||
|
interface PageProps { |
||||||
params: Promise<{ slug: string }>; |
params: Promise<{ slug: string }>; |
||||||
}; |
} |
||||||
|
|
||||||
export default async function RulePage({params}: Props) { |
async function getRuleContent(slug: string) { |
||||||
const {slug} = await params; |
if (!Object.keys(rulesMap).includes(slug)) { |
||||||
|
return null; |
||||||
|
} |
||||||
|
|
||||||
const filePath = path.join(process.cwd(), "src/data/rules", `${slug}.md`); |
const ruleConfig = rulesMap[slug as RuleSlug]; |
||||||
let file: string; |
|
||||||
|
|
||||||
try { |
try { |
||||||
file = await fs.readFile(filePath, "utf8"); |
const file = Bun.file(ruleConfig.filePath); |
||||||
} catch { |
const content = await file.text(); |
||||||
file = `# ${slug.toUpperCase()} REEGLID\n\nSisu hetkel puudub.`; |
return { |
||||||
|
content, |
||||||
|
title: ruleConfig.title, |
||||||
|
}; |
||||||
|
} catch (error) { |
||||||
|
console.error(`Error reading rule file for slug ${slug}:`, error); |
||||||
|
return null; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
export default async function RulePage({ params }: PageProps) { |
||||||
|
const { slug } = await params; |
||||||
|
const ruleData = await getRuleContent(slug); |
||||||
|
|
||||||
|
if (!ruleData) { |
||||||
|
notFound(); |
||||||
} |
} |
||||||
|
|
||||||
const data = {title: undefined as string | undefined}; |
const headingStyle = `text-5xl sm:text-6xl ${vipnagorgialla.className} font-bold uppercase italic text-[#2A2C3F] dark:text-[#EEE5E5]`; |
||||||
|
|
||||||
return ( |
return ( |
||||||
<> |
<div> |
||||||
<div className="mb-16"> |
<div className="flex flex-col min-h-[90vh] m-6 mt-16 md:m-16"> |
||||||
<h1 |
<h1 className={`${headingStyle} mt-8 md:mt-16 mb-4`}> |
||||||
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`} |
{ruleData.title} |
||||||
> |
|
||||||
{data.title || `${slug.toUpperCase()} REEGLID`} |
|
||||||
</h1> |
</h1> |
||||||
|
|
||||||
<div |
<div className="prose prose-lg dark:prose-invert max-w-none"> |
||||||
className={`mx-auto px-8 font-worksans
|
<ReactMarkdown |
||||||
[&_ol]:ml-6 |
components={ |
||||||
[&_ol_ol]:ml-10 |
{ |
||||||
[&_ol_ol_ol]:ml-14 |
h1: (props) => ( |
||||||
[&_h2]:font-bold |
<h1 className="text-3xl md:text-4xl font-bold my-4"> |
||||||
`}
|
{props.children} |
||||||
|
</h1> |
||||||
|
), |
||||||
|
h2: (props) => ( |
||||||
|
<h2 className="text-2xl md:text-3xl font-semibold my-3"> |
||||||
|
{props.children} |
||||||
|
</h2> |
||||||
|
), |
||||||
|
ol: (props) => ( |
||||||
|
<ol className="list-none ml-6 md:text-xl"> |
||||||
|
{props.children} |
||||||
|
</ol> |
||||||
|
), |
||||||
|
ul: (props) => ( |
||||||
|
<ul className="list-disc ml-6 md:text-xl"> |
||||||
|
{props.children} |
||||||
|
</ul> |
||||||
|
), |
||||||
|
p: (props) => <p className="md:text-xl">{props.children}</p>, |
||||||
|
} as Components |
||||||
|
} |
||||||
> |
> |
||||||
<ReactMarkdown>{file}</ReactMarkdown> |
{ruleData.content} |
||||||
|
</ReactMarkdown> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
|
|
||||||
<SectionDivider /> |
<SectionDivider /> |
||||||
</> |
</div> |
||||||
); |
); |
||||||
} |
} |
||||||
|
|
||||||
|
export async function generateStaticParams() { |
||||||
|
return Object.keys(rulesMap).map((slug) => ({ |
||||||
|
slug, |
||||||
|
})); |
||||||
|
} |
||||||
|
|||||||
@ -0,0 +1,210 @@ |
|||||||
|
import { vipnagorgialla } from "@/components/Vipnagorgialla"; |
||||||
|
import Link from "next/link"; |
||||||
|
import Image from "next/image"; |
||||||
|
|
||||||
|
export default function Home() { |
||||||
|
return ( |
||||||
|
<div> |
||||||
|
<div className="grid grid-cols-1 md:grid-cols-2"> |
||||||
|
{/* Title */} |
||||||
|
<div className="grid grid-cols-1 items-center justify-between mt-18 gap-12 pt-8"> |
||||||
|
<Image |
||||||
|
src="/tipilan-white.svg" |
||||||
|
width={850} |
||||||
|
height={120} |
||||||
|
alt="TipiLAN Logo" |
||||||
|
className="px-8 py-8 md:px-12 md:py-14 dark:hidden w-[max(300px,min(100%,850px))] h-auto" |
||||||
|
/> |
||||||
|
<Image |
||||||
|
src="/tipilan-dark.svg" |
||||||
|
width={850} |
||||||
|
height={120} |
||||||
|
alt="TipiLAN Logo" |
||||||
|
className="px-8 py-8 md:px-12 md:py-14 not-dark:hidden w-[max(300px,min(100%,850px))] h-auto2" |
||||||
|
/> |
||||||
|
<Link |
||||||
|
href="/ajakava" |
||||||
|
className="px-8 md:px-12 py-8 flex flex-col gap-4 border-b-3 border-t-3 group border-[#1F5673] hover:bg-[#007CAB] dark:hover:bg-[#00A3E0] transition" |
||||||
|
> |
||||||
|
<div className="cursor-pointer flex flex-row justify-between gap-4 items-center"> |
||||||
|
<h2 |
||||||
|
className={`text-[clamp(2rem,1.8rem+1vw,3rem)] ${vipnagorgialla.className} font-bold italic uppercase dark:text-[#EEE5E5] text-[#2A2C3F] group-hover:text-black dark:group-hover:text-[#2A2C3F]`} |
||||||
|
> |
||||||
|
Ajakava |
||||||
|
</h2> |
||||||
|
<span className="material-symbols-outlined !text-[clamp(2rem,1.5rem+1.5vw,3.5rem)] !font-bold text-[#007CAB] dark:text-[#00A3E0] group-hover:translate-x-2 dark:group-hover:text-[#EEE5E5] group-hover:text-[#EEE5E5] transition"> |
||||||
|
arrow_right_alt |
||||||
|
</span> |
||||||
|
</div> |
||||||
|
<div className="flex flex-col gap-4"> |
||||||
|
<span className="material-symbols-outlined !text-[clamp(2rem,1.5rem+1.5vw,3.5rem)] text-[#007CAB] dark:text-[#00A3E0] dark:group-hover:text-[#EEE5E5] group-hover:text-[#EEE5E5]"> |
||||||
|
event_note |
||||||
|
</span> |
||||||
|
<p className="text-[clamp(0.875rem,0.75rem+0.5vw,1.25rem)] tracking-[-0.045rem] dark:group-hover:text-[#2A2C3F] group-hover:text-black"> |
||||||
|
TipiLAN on pungil põnevatest turniiridest, mini-võistlustest ja |
||||||
|
paljust muust. |
||||||
|
</p> |
||||||
|
</div> |
||||||
|
</Link> |
||||||
|
</div> |
||||||
|
{/* Stream iframe from Twitch */} |
||||||
|
<div className="border-[#1F5673] -ml-0.75 border-l-0 md:border-l-3 border-b-3 h-full pt-0 md:pt-16"> |
||||||
|
<iframe |
||||||
|
src="https://player.twitch.tv/?channel=tipilan_ee&parent=localhost&parent=tipilan.ee" |
||||||
|
height="100%" |
||||||
|
width="100%" |
||||||
|
className="w-full h-full min-h-[400px]" |
||||||
|
allow="autoplay; encrypted-media" |
||||||
|
></iframe> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
{/* Grid of buttons */} |
||||||
|
<div className="grid grid-cols-1 xl:grid-cols-2 border-[#1F5673]"> |
||||||
|
<Link |
||||||
|
href="/turniirid" |
||||||
|
className="px-8 md:px-12 py-8 flex flex-col gap-4 border-b-3 lg:border-r-3 group border-[#1F5673] hover:bg-[#007CAB] dark:hover:bg-[#00A3E0] transition" |
||||||
|
> |
||||||
|
<div className="cursor-pointer flex flex-row justify-between gap-4 items-center"> |
||||||
|
<h2 |
||||||
|
className={`text-[clamp(2rem,1.8rem+1vw,3rem)] ${vipnagorgialla.className} font-bold italic uppercase dark:text-[#EEE5E5] text-[#2A2C3F] dark:group-hover:text-[#2A2C3F] group-hover:text-black`} |
||||||
|
> |
||||||
|
Turniirid |
||||||
|
</h2> |
||||||
|
<span className="material-symbols-outlined !text-[clamp(2rem,1.5rem+1.5vw,3.5rem)] !font-bold text-[#007CAB] dark:text-[#00A3E0] group-hover:translate-x-2 dark:group-hover:text-[#EEE5E5] group-hover:text-[#EEE5E5] transition"> |
||||||
|
arrow_right_alt |
||||||
|
</span> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div className="flex flex-col gap-4"> |
||||||
|
<span className="material-symbols-outlined !text-[clamp(2rem,1.5rem+1.5vw,3.5rem)] text-[#007CAB] dark:text-[#00A3E0] dark:group-hover:text-[#EEE5E5] group-hover:text-[#EEE5E5]"> |
||||||
|
trophy |
||||||
|
</span> |
||||||
|
<p className="text-[clamp(0.875rem,0.75rem+0.5vw,1.25rem)] tracking-[-0.045rem] dark:group-hover:text-[#2A2C3F] group-hover:text-black"> |
||||||
|
TipiLANil toimuvad suurejoonelised CS2 ja LoL turniirid, mille |
||||||
|
auhinnafond on 10 000€. |
||||||
|
</p> |
||||||
|
</div> |
||||||
|
</Link> |
||||||
|
<Link |
||||||
|
href="/messiala" |
||||||
|
className="px-8 md:px-12 py-8 flex flex-col gap-4 border-b-3 border-[#1F5673] group hover:bg-[#007CAB] dark:hover:bg-[#00A3E0] transition-all" |
||||||
|
> |
||||||
|
<div className="cursor-pointer flex flex-row justify-between gap-4 items-center"> |
||||||
|
<h2 |
||||||
|
className={`text-[clamp(2rem,1.8rem+1vw,3rem)] ${vipnagorgialla.className} font-bold italic uppercase dark:text-[#EEE5E5] text-[#2A2C3F] dark:group-hover:text-[#2A2C3F] group-hover:text-black`} |
||||||
|
> |
||||||
|
Messiala |
||||||
|
</h2> |
||||||
|
<span className="material-symbols-outlined !text-[clamp(2rem,1.5rem+1.5vw,3.5rem)] !font-bold text-[#007CAB] dark:text-[#00A3E0] group-hover:translate-x-2 dark:group-hover:text-[#EEE5E5] group-hover:text-[#EEE5E5] transition"> |
||||||
|
arrow_right_alt |
||||||
|
</span> |
||||||
|
</div> |
||||||
|
<div className="flex flex-col gap-4"> |
||||||
|
<span className="material-symbols-outlined !text-[clamp(2rem,1.5rem+1.5vw,3.5rem)] text-[#007CAB] dark:text-[#00A3E0] dark:group-hover:text-[#EEE5E5] group-hover:text-[#EEE5E5]"> |
||||||
|
weekend |
||||||
|
</span> |
||||||
|
<p className="text-[clamp(0.875rem,0.75rem+0.5vw,1.25rem)] tracking-[-0.045rem] dark:group-hover:text-[#2A2C3F] group-hover:text-black"> |
||||||
|
TipiLANi messialal paiknevad ettevõtted, lisategevused ja toimuvad |
||||||
|
loengud. |
||||||
|
</p> |
||||||
|
</div> |
||||||
|
</Link> |
||||||
|
</div> |
||||||
|
{/* Date */} |
||||||
|
<Link |
||||||
|
href="/piletid" |
||||||
|
className={`p-8 md:p-12 flex flex-col ${vipnagorgialla.className} font-bold italic border-b-3 border-[#1F5673] hover:bg-[#007CAB] dark:hover:bg-[#00A3E0] group transition`} |
||||||
|
> |
||||||
|
<div className="cursor-pointer text-left flex flex-row justify-between xl:justify-start gap-8"> |
||||||
|
<h3 className="text-4xl md:text-5xl dark:text-[#EEE5E5] dark:group-hover:text-[#2A2C3F] text-[#2A2C3F] group-hover:text-black"> |
||||||
|
Bro­neeri oma koht juba täna! |
||||||
|
</h3> |
||||||
|
<span className="material-symbols-outlined !text-[clamp(2rem,1.5rem+1.5vw,3.5rem)] !font-bold text-[#007CAB] dark:text-[#00A3E0] hidden md:block group-hover:translate-x-2 group-hover:text-[#EEE5E5] dark:group-hover:text-[#EEE5E5] transition"> |
||||||
|
arrow_right_alt |
||||||
|
</span> |
||||||
|
</div> |
||||||
|
<h2 className="text-[clamp(2.5rem,2.25rem+1.25vw,3.75rem)] text-[#007CAB] dark:text-[#00A3E0] dark:group-hover:text-[#EEE5E5] group-hover:text-[#EEE5E5]"> |
||||||
|
24.-26. okt. |
||||||
|
</h2> |
||||||
|
</Link> |
||||||
|
{/* Sponsors */} |
||||||
|
<div |
||||||
|
className={`p-12 flex flex-col ${vipnagorgialla.className} font-bold italic border-b-3 border-[#1F5673]`} |
||||||
|
> |
||||||
|
<div className="text-left flex flex-col justify-between xl:justify-start"> |
||||||
|
<h3 className="text-4xl md:text-5xl dark:text-[#EEE5E5] text-[#2A2C3F] group-hover:text-black pb-8"> |
||||||
|
TipiLANi tõmbab käima... |
||||||
|
</h3> |
||||||
|
<div className="flex flex-row flex-wrap gap-8 md:gap-18 items-center"> |
||||||
|
<Link href="https://taltech.ee" target="_blank"> |
||||||
|
<Image |
||||||
|
src="/sponsors/taltech-color.png" |
||||||
|
alt="Taltech (Tallinna Tehnikaülikool)" |
||||||
|
width={192} |
||||||
|
height={192} |
||||||
|
className="object-contain" |
||||||
|
/> |
||||||
|
</Link> |
||||||
|
<Link href="https://www.redbull.com/ee-et/" target="_blank"> |
||||||
|
<Image |
||||||
|
src="/sponsors/redbull.png" |
||||||
|
alt="Redbull" |
||||||
|
width={80} |
||||||
|
height={80} |
||||||
|
className="object-contain" |
||||||
|
/> |
||||||
|
</Link> |
||||||
|
<Link href="https://www.alecoq.ee" target="_blank"> |
||||||
|
<Image |
||||||
|
src="/sponsors/alecoq.svg" |
||||||
|
alt="Alecoq" |
||||||
|
width={200} |
||||||
|
height={200} |
||||||
|
className="object-contain" |
||||||
|
/> |
||||||
|
</Link> |
||||||
|
<Link href="https://www.simracing.ee/" target="_blank"> |
||||||
|
<Image |
||||||
|
src="/sponsors/EVAL.png" |
||||||
|
alt="EVAL" |
||||||
|
width={200} |
||||||
|
height={200} |
||||||
|
className="object-contain" |
||||||
|
/> |
||||||
|
</Link> |
||||||
|
<Link href="https://balsnack.ee" target="_blank"> |
||||||
|
<Image |
||||||
|
src="/sponsors/balsnack.svg" |
||||||
|
alt="Balsnack" |
||||||
|
width={200} |
||||||
|
height={200} |
||||||
|
className="object-contain" |
||||||
|
/> |
||||||
|
</Link> |
||||||
|
<Link |
||||||
|
href="https://www.rara.ee/sundmused/interaktiivne-videomangude-muuseum-lvlup/" |
||||||
|
target="_blank" |
||||||
|
> |
||||||
|
<Image |
||||||
|
src="/sponsors/lvlup_logo_export.svg" |
||||||
|
alt="LVLup!" |
||||||
|
width={192} |
||||||
|
height={192} |
||||||
|
className="object-contain" |
||||||
|
/> |
||||||
|
</Link> |
||||||
|
<Link href="https://www.facebook.com/bfglOfficial" target="_blank"> |
||||||
|
<Image |
||||||
|
src="/sponsors/BFGL.png" |
||||||
|
alt="BFGL" |
||||||
|
width={192} |
||||||
|
height={192} |
||||||
|
className="object-contain" |
||||||
|
/> |
||||||
|
</Link> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
); |
||||||
|
} |
||||||
@ -0,0 +1,5 @@ |
|||||||
|
## Tulekul |
||||||
|
|
||||||
|
CS2 turniiri reeglid on hetkel ettevalmistamisel ja avaldatakse peagi. |
||||||
|
|
||||||
|
Jälgige meie discordi! |
||||||
Loading…
Reference in new issue