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

Added tickets and timetable pages

Browse Source
pull/2/head
v4ltages 8 months ago
parent 9399dc332e
commit ed248a88e5
No known key found for this signature in database
GPG Key ID: DC7BC38E0DC642B
5 changed files with 104 additions and 28 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. 2
      src/app/layout.tsx
  2. 46
      src/app/page.tsx
  3. 53
      src/app/tickets/page.tsx
  4. 10
      src/app/timetable/page.tsx
  5. 21
      src/components/Footer.tsx

2
src/app/layout.tsx
Unescape View File

@ -34,6 +34,7 @@ export const vipnagorgialla = localFont({
import "./globals.css"; import "./globals.css";
import Header from "@/components/Header"; import Header from "@/components/Header";
import Footer from "@/components/Footer";
const workSans = Work_Sans({ const workSans = Work_Sans({
subsets: ["latin"], subsets: ["latin"],
@ -56,6 +57,7 @@ export default function RootLayout({
> >
<Header /> <Header />
{children} {children}
<Footer />
</body> </body>
</html> </html>
); );

46
src/app/page.tsx
Unescape View File

@ -1,6 +1,6 @@
import { vipnagorgialla } from "./layout"; import { vipnagorgialla } from "./layout";
import { SiDiscord, SiInstagram, SiFacebook } from "react-icons/si";
import { MdEast, MdEmojiEvents, MdEventNote, MdWeekend } from "react-icons/md"; import { MdEast, MdEmojiEvents, MdEventNote, MdWeekend } from "react-icons/md";
import Link from 'next/link';
export default function Home() { export default function Home() {
return ( return (
@ -16,12 +16,14 @@ export default function Home() {
{/* Grid of buttons */} {/* Grid of buttons */}
<div className="grid grid-cols-1 xl:grid-cols-3 border-[#007CAB] min-h-[33vh]"> <div className="grid grid-cols-1 xl:grid-cols-3 border-[#007CAB] min-h-[33vh]">
<div className="p-12 flex flex-col justify-between border-b-3 lg:border-r-3 group border-[#007CAB] hover:bg-[#007CAB] transition-all"> <div className="p-12 flex flex-col justify-between border-b-3 lg:border-r-3 group border-[#007CAB] hover:bg-[#007CAB] transition-all">
<div className="cursor-pointer flex flex-row justify-between"> <Link href="/timetable" prefetch={true}>
<h2 className={`text-5xl ${vipnagorgialla.className} font-bold italic text-[#2A2C3F] group-hover:text-black`}> <div className="cursor-pointer flex flex-row justify-between">
Ajakava <h2 className={`text-5xl ${vipnagorgialla.className} font-bold italic text-[#2A2C3F] group-hover:text-black`}>
</h2> Ajakava
<MdEast size={'4em'} className="text-[#007CAB] group-hover:translate-x-2 -translate-y-2 group-hover:text-[#EEE5E5] transition-all"/> </h2>
</div> <MdEast size={'4em'} className="text-[#007CAB] group-hover:translate-x-2 -translate-y-2 group-hover:text-[#EEE5E5] transition-all"/>
</div>
</Link>
<div> <div>
<MdEventNote size={'4em'} className="text-[#007CAB] group-hover:text-[#EEE5E5] mb-4"/> <MdEventNote size={'4em'} className="text-[#007CAB] group-hover:text-[#EEE5E5] mb-4"/>
<p className="text-xl group-hover:text-black"> <p className="text-xl group-hover:text-black">
@ -62,32 +64,20 @@ export default function Home() {
</div> </div>
{/* Date */} {/* Date */}
<div className={`p-12 flex flex-col ${vipnagorgialla.className} font-bold italic border-b-3 border-[#007CAB] hover:bg-[#007CAB] group transition-all`}> <div className={`p-12 flex flex-col ${vipnagorgialla.className} font-bold italic border-b-3 border-[#007CAB] hover:bg-[#007CAB] group transition-all`}>
<div className="cursor-pointer text-left flex flex-row justify-between xl:justify-start"> <Link href="/tickets" prefetch={true}>
<h3 className="text-5xl text-[#2A2C3F] group-hover:text-black pb-8"> <div className="cursor-pointer text-left flex flex-row justify-between xl:justify-start">
Broneeri oma koht juba täna. <h3 className="text-5xl text-[#2A2C3F] group-hover:text-black pb-8">
</h3> Broneeri oma koht juba täna!
<MdEast size={'4em'} className="text-[#007CAB] ml-8 group-hover:translate-x-2 -translate-y-2 group-hover:text-[#EEE5E5] transition-all"/> </h3>
</div> <MdEast size={'4em'} className="text-[#007CAB] ml-8 group-hover:translate-x-2 -translate-y-2 group-hover:text-[#EEE5E5] transition-all"/>
</div>
</Link>
<h2 className="text-6xl text-[#007CAB] group-hover:text-[#EEE5E5]"> <h2 className="text-6xl text-[#007CAB] group-hover:text-[#EEE5E5]">
24.-26. okt. 24.-26. okt.
</h2> </h2>
</div> </div>
{/* Footer */} {/* Footer */}
<div className="flex items-center justify-between h-60 px-12">
<img src="/tipilan-white.svg" alt="TipiLAN Logo" className="h-16"/>
{/* Social media */}
<div className="flex flex-row">
<a href="#" target="_blank" rel="noopener noreferrer">
<SiDiscord title="Discord" size={'2em'} className="mx-4 text-[#2A2C3F]"/>
</a>
<a href="#" target="_blank" rel="noopener noreferrer">
<SiInstagram title="Instagram" size={'2em'} className="mx-4 text-[#2A2C3F]"/>
</a>
<a href="#" target="_blank" rel="noopener noreferrer">
<SiFacebook title="Facebook" size={'2em'} className="mx-4 text-[#2A2C3F]"/>
</a>
</div>
</div>
</div> </div>
); );
} }

53
src/app/tickets/page.tsx
Unescape View File

@ -0,0 +1,53 @@
import { vipnagorgialla } from "../layout";
import Link from 'next/link';
export default function Tickets() {
return (
<div className="flex flex-col min-h-[90vh] bg-[#EEE5E5] p-12">
<h1 className={`text-6xl ${vipnagorgialla.className} font-bold text-[#2A2C3F] mt-8 pb-8`}>Piletid ja registreerimine</h1>
<div className="flex justify-center items-center flex-row gap-16 flex-grow">
<div className="bg-[#007CAB] -skew-x-5 text-white px-12 py-16 w-72 hover:scale-105 transition-all">
<h2 className={`text-5xl ${vipnagorgialla.className} font-bold italic text-[#EEE5E5] pb-4`}>8€</h2>
<h3 className={`text-3xl ${vipnagorgialla.className} font-bold italic text-[#EEE5E5] pb-2`}>Osaleja</h3>
<ul className="pl-4 pb-4 list-[square] marker:text-[#1F5673]">
<li className="text-xl">Isiklik laud, voolu- ja internetiühendus</li>
<li className="text-xl">Ligipääs demoalale</li>
<li className="text-xl">Turniiride pealt vaatamine</li>
<li className="text-xl">Võimalus osaleda miniturniiridel</li>
</ul>
<Link href="https://fienta.com/et/tipilan">
<button className={`px-4 py-2 bg-[#1F5673] cursor-pointer ${vipnagorgialla.className} font-bold italic`}>OSTA PILET</button>
</Link>
</div>
<div className="bg-[#007CAB] -skew-x-5 text-white px-12 py-16 w-72 hover:scale-105 transition-all">
<h2 className={`text-5xl ${vipnagorgialla.className} font-bold italic text-[#EEE5E5] pb-4`}>10€</h2>
<h3 className={`text-3xl ${vipnagorgialla.className} font-bold italic text-[#EEE5E5] pb-2`}>Võistleja</h3>
<ul className="pl-4 pb-4 list-[square] marker:text-[#1F5673]">
<li className="text-xl">Võimalus osaleda turniiridel</li>
<li className="text-xl">Isiklik laud, voolu- ja internetiühendus</li>
<li className="text-xl">Ligipääs demoalale</li>
<li className="text-xl">Turniiride pealt vaatamine</li>
<li className="text-xl">Võimalus osaleda miniturniiridel</li>
</ul>
<Link href="https://fienta.com/et/tipilan">
<button className={`px-4 py-2 bg-[#1F5673] cursor-pointer ${vipnagorgialla.className} font-bold italic`}>OSTA PILET</button>
</Link>
</div>
<div className="bg-[#007CAB] -skew-x-5 text-white px-12 py-16 w-72 hover:scale-105 transition-all">
<h2 className={`text-5xl ${vipnagorgialla.className} font-bold italic text-[#EEE5E5] pb-4`}>6€</h2>
<h3 className={`text-3xl ${vipnagorgialla.className} font-bold italic text-[#EEE5E5] pb-2`}>Külastaja</h3>
<ul className="pl-4 pb-4 list-[square] marker:text-[#1F5673]">
<li className="text-xl">Ligipääs demoalale</li>
<li className="text-xl">Turniiride pealt vaatamine</li>
<li className="text-xl">Võimalus osaleda miniturniiridel</li>
</ul>
<Link href="https://fienta.com/et/tipilan">
<button className={`px-4 py-2 bg-[#1F5673] cursor-pointer ${vipnagorgialla.className} font-bold italic`}>OSTA PILET</button>
</Link>
</div>
</div>
</div>
);
}

10
src/app/timetable/page.tsx
Unescape View File

@ -0,0 +1,10 @@
import { vipnagorgialla } from "../layout";
export default function Timetable() {
return (
<div className="flex flex-col min-h-[90vh] bg-[#EEE5E5] p-12">
<h1 className={`text-6xl ${vipnagorgialla.className} font-bold italic text-[#2A2C3F] mt-8 mb-4`}>Ajakava</h1>
<p className="text-xl text-[#2A2C3F]">Ajakava on tegemisel.</p>
</div>
);
}

21
src/components/Footer.tsx
Unescape View File

@ -0,0 +1,21 @@
import { SiDiscord, SiInstagram, SiFacebook } from "react-icons/si";
const Footer = () => (
<div className="flex items-center justify-between h-60 px-12">
<img src="/tipilan-white.svg" alt="TipiLAN Logo" className="h-16"/>
{/* Social media */}
<div className="flex flex-row">
<a href="#" target="_blank" rel="noopener noreferrer">
<SiDiscord title="Discord" size={'2em'} className="mx-4 text-[#2A2C3F]"/>
</a>
<a href="#" target="_blank" rel="noopener noreferrer">
<SiInstagram title="Instagram" size={'2em'} className="mx-4 text-[#2A2C3F]"/>
</a>
<a href="#" target="_blank" rel="noopener noreferrer">
<SiFacebook title="Facebook" size={'2em'} className="mx-4 text-[#2A2C3F]"/>
</a>
</div>
</div>
);
export default Footer;
Write Preview
Loading…
Cancel
Save