lapikud/tipilan
3
0
Fork 0
mirror of https://github.com/Lapikud/tipilan.git synced 2026-03-23 21:34:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #44 from Lapikud/43-bottom-section-divider-on-all-pages

Browse Source 
43 bottom section divider on all pages
This commit is contained in:
Renkar
2025-08-15 14:54:56 +03:00
committed by GitHub
parent 505b6a8d34 f26e4b3d11
commit 94be9056c4
8 changed files with 700 additions and 663 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/app/ajakava/page.tsx
View File

@@ -3,6 +3,7 @@
import {useState} from "react";
import {vipnagorgialla} from "@/components/Vipnagorgialla";
import {scheduleData} from "@/data/timetable";
import SectionDivider from "@/components/SectionDivider";
const tabs = Object.keys(scheduleData);
@@ -11,6 +12,7 @@ export default function Timetable() {
const schedule = scheduleData[activeTab];
return (
<div>
<div className="flex flex-col min-h-[90vh] m-6 mt-16 md:m-16">
<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`}
@@ -68,5 +70,8 @@ export default function Timetable() {
))}
</div>
</div>
<SectionDivider/>
</div>
);
}

5
src/app/kodukord/page.tsx
View File

@@ -4,6 +4,7 @@ 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
@@ -13,6 +14,7 @@ export default function Page() {
const content = fs.readFileSync(filePath, "utf8");
return (
<div>
<div className="flex flex-col min-h-[90vh] m-6 mt-16 md:m-16">
{/* Page title (separate from markdown headings) */}
<h1
@@ -46,5 +48,8 @@ export default function Page() {
</ReactMarkdown>
</div>
</div>
<SectionDivider/>
</div>
);
}

5
src/app/messiala/page.tsx
View File

@@ -4,6 +4,7 @@ import { vipnagorgialla } from "@/components/Vipnagorgialla";
import * as THREE from "three";
import {useEffect, useRef, useState} from "react";
import {EyeClosed, Eye} from "lucide-react";
import SectionDivider from "@/components/SectionDivider";
// Define interface for the ref with toggle function
interface MountRefCurrent extends HTMLDivElement {
@@ -369,6 +370,7 @@ export default function Expo() {
}, [showDividers]);
return (
<div>
<div className="flex flex-col min-h-[90vh] m-6 mt-16 md:m-16">
<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`}
@@ -476,5 +478,8 @@ export default function Expo() {
)}
</div>
</div>
<SectionDivider />
</div>
);
}

17
src/app/piletid/page.tsx
View File

@@ -1,16 +1,20 @@
import {vipnagorgialla} from "@/components/Vipnagorgialla";
import Link from "next/link";
import SectionDivider from "@/components/SectionDivider";
export default function Tickets() {
return (
<div>
<div className="flex flex-col min-h-[90vh] m-6 mt-16 md:m-16">
<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`}
>
PILETID JA REGIS&shy;TREERIMINE
</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 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="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
className={`text-6xl ${vipnagorgialla.className} font-bold italic text-[#EEE5E5] pb-2`}
>
@@ -37,7 +41,8 @@ export default function Tickets() {
</button>
</Link>
</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
className={`text-6xl ${vipnagorgialla.className} font-bold italic text-[#EEE5E5] pb-2`}
>
@@ -66,7 +71,8 @@ export default function Tickets() {
</Link>
</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
className={`text-6xl ${vipnagorgialla.className} font-bold italic text-[#EEE5E5] pb-2`}
>
@@ -92,5 +98,8 @@ export default function Tickets() {
</div>
</div>
</div>
<SectionDivider />
</div>
);
}

5
src/app/reeglid/[slug]/page.tsx
View File

@@ -2,6 +2,7 @@ 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";
type Props = {
params: Promise<{ slug: string }>;
@@ -23,6 +24,7 @@ export default async function RulePage({ params }: Props) {
return (
<>
<div className="mb-16">
<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`}
>
@@ -39,6 +41,9 @@ export default async function RulePage({ params }: Props) {
>
<ReactMarkdown>{file}</ReactMarkdown>
</div>
</div>
<SectionDivider/>
</>
);
}

3
src/app/reeglid/page.tsx
View File

@@ -1,5 +1,6 @@
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]`;
@@ -8,7 +9,7 @@ export default function RulesMenu() {
const boxTextStyle = `text-3xl ${vipnagorgialla.className} font-bold uppercase text-[#EEE5E5] pb-2`;
const SectionDivider = () => <div className="border-b-[3px] border-[#1F5673] w-full"/>;
// const SectionDivider = () => <div className="border-b-[3px] border-[#1F5673] w-full"/>;
return (
<div>

4
src/app/turniirid/page.tsx
View File

@@ -1,11 +1,12 @@
import { vipnagorgialla } from "@/components/Vipnagorgialla";
import Link from "next/link";
import Image from "next/image";
import SectionDivider from "@/components/SectionDivider";
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 SectionDivider = () => <hr className="border-t-[3px] border-[#1F5673]" />;
// const SectionDivider = () => <hr className="border-t-[3px] border-[#1F5673]" />;
return (
<div className="flex flex-col min-h-[90vh] mt-16">
@@ -75,7 +76,6 @@ export default function Tourney() {
<SectionDivider />
{/* 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="hidden md:block">

7
src/components/SectionDivider.tsx Normal file
View File

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