lapikud/tipilan
3
0
Fork 0
mirror of https://github.com/Lapikud/tipilan.git synced 2026-08-08 17:49:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

Bunch of minor fixes

Browse Source
This commit is contained in:
Randel Mandre
2026-05-09 17:56:33 +03:00
parent c08a665503
commit 3c025639aa
12 changed files with 183 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
src/app/[locale]/kodukord/page.tsx
View File

@@ -30,7 +30,7 @@ export default async function Page({
return (
<div className="bg-[#0E0F19] min-h-screen pt-16 md:pt-20">
<div className="max-w-480 mx-auto px-6 md:px-12 py-8 md:py-16">
<div className="max-w-480 mx-auto px-8 md:px-16 py-10 md:py-20">
<div className="grid grid-cols-1 lg:grid-cols-[1fr_300px] gap-8 lg:gap-16">
{/* Main content */}
<div>
@@ -41,50 +41,56 @@ export default async function Page({
{t("rules.houseRules")}
</h1>
<ReactMarkdown
components={
{
h1: (props) => {
const id =
sections[headingCount]?.id || `section-${headingCount}`;
headingCount++;
return (
<h1
id={id}
className={`${vipnagorgialla.className} font-bold italic text-2xl md:text-3xl text-white uppercase mb-4 mt-12 first:mt-0 scroll-mt-24 md:scroll-mt-28`}
<div className="rules-markdown">
<ReactMarkdown
components={
{
h1: (props) => {
const id =
sections[headingCount]?.id || `section-${headingCount}`;
headingCount++;
return (
<h1
id={id}
className={`${vipnagorgialla.className} font-bold italic text-2xl md:text-3xl text-white uppercase mb-4 mt-12 first:mt-0 scroll-mt-24 md:scroll-mt-28`}
>
{props.children}
</h1>
);
},
h2: (props) => (
<h2
className={`${vipnagorgialla.className} font-bold italic text-xl text-white uppercase mb-2 mt-6`}
>
{props.children}
</h1>
);
},
h2: (props) => (
<h2
className={`${vipnagorgialla.className} font-bold italic text-xl text-white uppercase mb-2 mt-6`}
>
{props.children}
</h2>
),
ol: (props) => (
<ol className="list-decimal list-inside text-white mb-4">
{props.children}
</ol>
),
ul: (props) => (
<ul className="list-disc list-inside text-white mb-4">
{props.children}
</ul>
),
p: (props) => (
<p className="text-white mb-4">{props.children}</p>
),
li: (props) => (
<li className="text-white mb-2">{props.children}</li>
),
} as Components
}
>
{content}
</ReactMarkdown>
</h2>
),
ol: (props) => (
<ol className="text-white mb-4 leading-[19px]">
{props.children}
</ol>
),
ul: (props) => (
<ul className="list-disc list-inside text-white mb-4 leading-[19px]">
{props.children}
</ul>
),
p: (props) => (
<p className="text-white mb-4 leading-[19px]">
{props.children}
</p>
),
li: (props) => (
<li className="text-white mb-2 leading-[19px]">
{props.children}
</li>
),
} as Components
}
>
{content}
</ReactMarkdown>
</div>
</div>
{/* Sidebar navigation */}

2
src/app/[locale]/piletid/page.tsx
View File

@@ -79,7 +79,7 @@ function TicketCard({
</ul>
<Link href={buttonHref} target="_blank">
<button
className={`px-4 py-2 bg-[#00A3E0] hover:bg-[#E5E5EE] text-[#0A121F] cursor-pointer ${vipnagorgialla.className} font-bold italic uppercase transition`}
className={`px-4 py-2 border-4 border-transparent bg-[#00A3E0] hover:bg-[#E5E5EE] text-[#0A121F] cursor-pointer ${vipnagorgialla.className} font-bold italic leading-none uppercase transition`}
>
{buttonText}
</button>

54
src/app/[locale]/turniirid/cs2/page.tsx
View File

@@ -30,7 +30,7 @@ export default async function CS2Tournament({
return (
<div className="bg-[#0E0F19] min-h-screen pt-16 md:pt-20">
<div className="max-w-480 mx-auto px-6 md:px-12 py-8 md:py-16">
<div className="max-w-480 mx-auto px-8 md:px-16 py-10 md:py-20">
<div className="grid grid-cols-1 lg:grid-cols-[1fr_300px] gap-8 lg:gap-16">
{/* Main content */}
<div>
@@ -46,14 +46,14 @@ export default async function CS2Tournament({
<Link
href="https://fienta.com/et/tipilan"
target="_blank"
className={`${vipnagorgialla.className} font-bold italic px-4 py-3 bg-[#00A3E0] hover:bg-[#E5E5EE] text-[#0A121F] uppercase transition`}
className={`${vipnagorgialla.className} font-bold italic leading-none text-lg px-4 py-3 border-4 border-transparent bg-[#00A3E0] hover:bg-[#E5E5EE] text-[#0A121F] uppercase transition`}
>
{t("cs2page.buyTicket")}
</Link>
<Link
href="https://git.edunaut.ee/slunk/TipiLAN_reeglistik_ruleset/src/branch/main/CS2%20tournament"
target="_blank"
className={`${vipnagorgialla.className} font-bold italic text-lg uppercase px-4 py-2 border-2 border-[#00A3E0] bg-[#1F5673] text-[#EEE5E5] hover:bg-[#00A3E0] hover:text-black transition`}
className={`${vipnagorgialla.className} font-bold italic leading-none text-lg uppercase px-4 py-3 border-4 border-[#00A3E0] bg-[#1F5673] text-[#EEE5E5] hover:bg-[#00A3E0] hover:text-black transition`}
>
{t("cs2page.viewGithub")}
</Link>
@@ -66,7 +66,7 @@ export default async function CS2Tournament({
>
{t("cs2page.intro.title")}
</h2>
<p className="text-white mb-6">
<p className="text-white mb-6 leading-[19px]">
{t("cs2page.intro.description")}
</p>
@@ -75,8 +75,8 @@ export default async function CS2Tournament({
>
{t("cs2page.intro.previousWinners")}
</h3>
<p className="text-white font-bold">2025</p>
<ol className="text-white list-decimal list-inside mb-4">
<p className="text-white font-bold leading-[19px]">2025</p>
<ol className="text-white list-decimal list-inside mb-4 leading-[19px]">
<li>RAID (Eesti)</li>
<li>hypewrld (Läti)</li>
<li>CSDIILIT (Soome/Eesti)</li>
@@ -90,7 +90,9 @@ export default async function CS2Tournament({
>
{t("cs2page.info.title")}
</h2>
<p className="text-white">{t("cs2page.info.description")}</p>
<p className="text-white leading-[19px]">
{t("cs2page.info.description")}
</p>
</section>
{/* AUHINNAFOND */}
@@ -106,7 +108,7 @@ export default async function CS2Tournament({
>
{t("cs2page.prizes.mainTitle")}
</h3>
<ul className="text-white mb-2">
<ul className="text-white mb-2 leading-[19px]">
<li>
1. koht - 3000€, 600€ inimese kohta, 50% ehk 1/2
auhinnafondist.
@@ -120,7 +122,7 @@ export default async function CS2Tournament({
auhinnafondist.
</li>
</ul>
<p className="text-white/80 text-sm mb-6">
<p className="text-white/80 text-sm mb-6 leading-[19px]">
{t("cs2page.prizes.mainNote")}
</p>
@@ -129,7 +131,7 @@ export default async function CS2Tournament({
>
{t("cs2page.prizes.secondTitle")}
</h3>
<ul className="text-white mb-2">
<ul className="text-white mb-2 leading-[19px]">
<li>
1. koht - 500€, 100€ inimese kohta, 66.6...(6)% ehk 2/3
auhinnafondist.
@@ -139,7 +141,7 @@ export default async function CS2Tournament({
auhinnafondist.
</li>
</ul>
<p className="text-white/80 text-sm">
<p className="text-white/80 text-sm leading-[19px]">
{t("cs2page.prizes.secondNote")}
</p>
</section>
@@ -151,11 +153,15 @@ export default async function CS2Tournament({
>
{t("cs2page.format.title")}
</h2>
<p className="text-white mb-4">
<p className="text-white mb-4 leading-[19px]">
{t("cs2page.format.description")}
</p>
<p className="text-white">{t("cs2page.format.day1")}</p>
<p className="text-white">{t("cs2page.format.day23")}</p>
<p className="text-white leading-[19px]">
{t("cs2page.format.day1")}
</p>
<p className="text-white leading-[19px]">
{t("cs2page.format.day23")}
</p>
</section>
{/* VRS INFO */}
@@ -165,8 +171,12 @@ export default async function CS2Tournament({
>
{t("cs2page.vrs.title")}
</h2>
<p className="text-white mb-4">{t("cs2page.vrs.description1")}</p>
<p className="text-white">{t("cs2page.vrs.description2")}</p>
<p className="text-white mb-4 leading-[19px]">
{t("cs2page.vrs.description1")}
</p>
<p className="text-white leading-[19px]">
{t("cs2page.vrs.description2")}
</p>
</section>
{/* FAQ - commented out until content is ready
@@ -194,19 +204,23 @@ export default async function CS2Tournament({
>
{t("cs2page.rules.title")}
</h2>
<p className="text-white mb-6">
<p className="text-white mb-6 leading-[19px]">
{t("cs2page.rules.description")}
</p>
<RulesContent sections={t.raw("cs2page.rules.sections")} />
<div className="mt-8">
<p className="text-white mb-2">{t("cs2page.rules.contact")}</p>
<p className="text-white mb-2 leading-[19px]">
{t("cs2page.rules.contact")}
</p>
<p className="text-[#00A3E0] font-bold">
{t("cs2page.rules.contactName")}
</p>
<p className="text-white">{t("cs2page.rules.contactRole")}</p>
<p className="text-white">
<p className="text-white leading-[19px]">
{t("cs2page.rules.contactRole")}
</p>
<p className="text-white leading-[19px]">
Discord:{" "}
<a
href="https://discord.com/users/292372329747710013"

40
src/app/[locale]/turniirid/lol/page.tsx
View File

@@ -29,7 +29,7 @@ export default async function LoLTournament({
return (
<div className="bg-[#0E0F19] min-h-screen pt-16 md:pt-20">
<div className="max-w-480 mx-auto px-6 md:px-12 py-8 md:py-16">
<div className="max-w-480 mx-auto px-8 md:px-16 py-10 md:py-20">
<div className="grid grid-cols-1 lg:grid-cols-[1fr_300px] gap-8 lg:gap-16">
{/* Main content */}
<div>
@@ -45,7 +45,7 @@ export default async function LoLTournament({
<Link
href="https://fienta.com/et/tipilan"
target="_blank"
className={`${vipnagorgialla.className} font-bold italic px-4 py-2 bg-[#00A3E0] hover:bg-[#E5E5EE] text-[#0A121F] uppercase transition`}
className={`${vipnagorgialla.className} font-bold italic leading-none text-lg px-4 py-3 border-4 border-transparent bg-[#00A3E0] hover:bg-[#E5E5EE] text-[#0A121F] uppercase transition`}
>
{t("lolpage.buyTicket")}
</Link>
@@ -58,7 +58,7 @@ export default async function LoLTournament({
>
{t("lolpage.intro.title")}
</h2>
<p className="text-white mb-6">
<p className="text-white mb-6 leading-[19px]">
{t("lolpage.intro.description")}
</p>
@@ -67,8 +67,8 @@ export default async function LoLTournament({
>
{t("lolpage.intro.previousWinners")}
</h3>
<p className="text-white font-bold">2025</p>
<ol className="text-white list-decimal list-inside mb-4">
<p className="text-white font-bold leading-[19px]">2025</p>
<ol className="text-white list-decimal list-inside mb-4 leading-[19px]">
<li>Ükssilm (Eesti)</li>
<li>Eesti Rästikud (Eesti)</li>
<li>LOMiks (Läti)</li>
@@ -82,7 +82,9 @@ export default async function LoLTournament({
>
{t("lolpage.info.title")}
</h2>
<p className="text-white">{t("lolpage.info.description")}</p>
<p className="text-white leading-[19px]">
{t("lolpage.info.description")}
</p>
</section>
{/* AUHINNAFOND */}
@@ -98,12 +100,12 @@ export default async function LoLTournament({
>
{t("lolpage.prizes.mainTitle")}
</h3>
<ul className="text-white mb-2">
<ul className="text-white mb-2 leading-[19px]">
<li>{t("lolpage.prizes.place1")}</li>
<li>{t("lolpage.prizes.place2")}</li>
<li>{t("lolpage.prizes.place3")}</li>
</ul>
<p className="text-white/80 text-sm">
<p className="text-white/80 text-sm leading-[19px]">
{t("lolpage.prizes.note")}
</p>
</section>
@@ -115,11 +117,15 @@ export default async function LoLTournament({
>
{t("lolpage.format.title")}
</h2>
<p className="text-white mb-4">
<p className="text-white mb-4 leading-[19px]">
{t("lolpage.format.description")}
</p>
<p className="text-white">{t("lolpage.format.day1")}</p>
<p className="text-white">{t("lolpage.format.day2")}</p>
<p className="text-white leading-[19px]">
{t("lolpage.format.day1")}
</p>
<p className="text-white leading-[19px]">
{t("lolpage.format.day2")}
</p>
</section>
{/* FAQ - commented out until content is ready
@@ -147,19 +153,23 @@ export default async function LoLTournament({
>
{t("lolpage.rules.title")}
</h2>
<p className="text-white mb-6">
<p className="text-white mb-6 leading-[19px]">
{t("lolpage.rules.description")}
</p>
<RulesContent sections={t.raw("lolpage.rules.sections")} />
<div className="mt-8">
<p className="text-white mb-2">{t("lolpage.rules.contact")}</p>
<p className="text-white mb-2 leading-[19px]">
{t("lolpage.rules.contact")}
</p>
<p className="text-[#00A3E0] font-bold">
{t("lolpage.rules.contactName")}
</p>
<p className="text-white">{t("lolpage.rules.contactRole")}</p>
<p className="text-white">
<p className="text-white leading-[19px]">
{t("lolpage.rules.contactRole")}
</p>
<p className="text-white leading-[19px]">
Discord:{" "}
<a
href="https://discord.com/users/125585160761638912"

29
src/app/globals.css
View File

@@ -132,6 +132,35 @@ body {
}
}
.rules-markdown ol {
counter-reset: list-item;
list-style: none;
margin-left: 0;
padding-left: 0;
}
.rules-markdown ol > li {
counter-increment: list-item;
position: relative;
padding-left: 2.5rem;
font-variant-numeric: tabular-nums;
}
.rules-markdown ol > li::before {
content: counters(list-item, ".") ".";
position: absolute;
left: 0;
width: 2rem;
text-align: right;
color: #ffffff;
}
.rules-markdown ol ol {
counter-reset: list-item;
margin-top: 0.5rem;
margin-left: 1rem;
}
.material-symbols-outlined {
font-variation-settings:
"FILL" 1,