Skip to content

Commit

Permalink
Add minimal web content
Browse files Browse the repository at this point in the history
  • Loading branch information
@krystof-k
krystof-k committed May 30, 2024
1 parent 35a054b commit 610a49f
Show file tree
Hide file tree
Showing 6 changed files with 411 additions and 108 deletions.
46 changes: 39 additions & 7 deletions apps/web/app/[lang]/layout.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,6 @@
import "../globals.css";
import type { Metadata } from "next";
import Link from "next/link";

export const metadata: Metadata = {
title: "Create Turborepo",
description: "Generated by create turbo",
};
import "../globals.css";

export default function RootLayout({
params: { lang },
Expand All @@ -15,7 +11,43 @@ export default function RootLayout({
}): JSX.Element {
return (
<html lang={lang}>
<body>{children}</body>
<body>
<main className="p-4 grid gap-8">
<header className="grid gap-2">
<Link href="/cs">
<h1 className="text-5xl font-semibold">Kalkulacka.1</h1>
<p className="text-lg font-medium">
Ta <em>pravá</em> volební kalkulačka pro miliony voličů ve 4
zemích
</p>
</Link>
<nav className="grid grid-flow-col auto-cols-max gap-2">
<Link href="/cs" className="underline hover:no-underline">
Domů
</Link>
<Link
href="/cs/podporte-kalkulacku"
className="underline hover:no-underline"
>
Podpora
</Link>
<Link
href="/cs/zapojte-se"
className="underline hover:no-underline"
>
Dobrovolnictví
</Link>
<Link
href="/cs/vlastni-kalkulacka"
className="underline hover:no-underline"
>
Vlastní kalkulačka
</Link>
</nav>
</header>
{children}
</main>
</body>
</html>
);
}
166 changes: 116 additions & 50 deletions apps/web/app/[lang]/page.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,53 +1,119 @@
export default function Page({
params: { lang },
}: {
params: { lang: string };
}): JSX.Element {
import type { Metadata } from "next";
import Link from "next/link";

export const metadata: Metadata = {
title: "Kalkulacka.1",
description: "Ta pravá volební kalkulačka pro miliony voličů ve 4 zemích",
};

export default function Page(): JSX.Element {
return (
<main className="p-4">
<p>{lang}</p>
<p className="text-5xl font-light">Radio Canada Light</p>
<p className="text-5xl font-normal">Radio Canada Normal</p>
<p className="text-5xl font-medium">Radio Canada Medium</p>
<p className="text-5xl font-semibold">Radio Canada Semibold</p>
<p className="text-5xl font-bold">Radio Canada Bold</p>
<p className="text-5xl font-light italic">Radio Canada Light Italic</p>
<p className="text-5xl font-normal italic">Radio Canada Normal Italic</p>
<p className="text-5xl font-medium italic">Radio Canada Medium Italic</p>
<p className="text-5xl font-semibold italic">
Radio Canada Semibold Italic
</p>
<p className="text-5xl font-bold italic">Radio Canada Bold Italic</p>
<p className="text-5xl font-light font-condensed">
Radio Canada Light Condensed
</p>
<p className="text-5xl font-normal font-condensed">
Radio Canada Normal Condensed
</p>
<p className="text-5xl font-medium font-condensed">
Radio Canada Medium Condensed
</p>
<p className="text-5xl font-semibold font-condensed">
Radio Canada Semibold Condensed
</p>
<p className="text-5xl font-bold font-condensed">
Radio Canada Bold Condensed
</p>
<p className="text-5xl font-light italic font-condensed">
Radio Canada Light Italic Condensed
</p>
<p className="text-5xl font-normal italic font-condensed">
Radio Canada Normal Italic Condensed
</p>
<p className="text-5xl font-medium italic font-condensed">
Radio Canada Medium Italic Condensed
</p>
<p className="text-5xl font-semibold italic font-condensed">
Radio Canada Semibold Italic Condensed
</p>
<p className="text-5xl font-bold italic font-condensed">
Radio Canada Bold Italic Condensed
</p>
</main>
<section className="max-w-2xl grid gap-8">
<section className="grid gap-2">
<h2 className="text-2xl font-medium">
Tvoříme <span className="font-bold">Volební kalkulačku</span>, která
vám pomáhá rozhodnout se koho volit
</h2>
<p>
Jsme spolek{" "}
<a
href="https://kohovolit.eu"
className="underline hover:no-underline"
>
KohoVolit.eu
</a>{" "}
a už 15 let pro vás tvoříme{" "}
<a
href="https://www.volebnikalkulacka.cz"
className="underline hover:no-underline"
>
Volební kalkulačku
</a>
, která vám pomáhá učinit informované rozhodnutí, koho volit.
</p>
<p>
V roce 2022 jsme s podporou{" "}
<a
href="https://cesko.digital"
className="underline hover:no-underline"
>
Česko.Digital
</a>{" "}
přinesli novou generaci Volební kalkulačky v&nbsp;novém designu a teď nás
čeká další etapa: mezinárodní expanze. Už jsme spustili kalkulačku na
Slovensku, v&nbsp;Maďarsku a Rakousku, a chystáme další:
</p>
<ul className="list-disc pl-6">
<li>
🇨🇿{" "}
<a
href="https://www.volebnikalkulacka.cz"
className="font-bold underline hover:no-underline"
>
Volební kalkulačka
</a>{" "}
v&nbsp;Česku
</li>
<li>
🇸🇰{" "}
<a
href="https://www.volebnakalkulacka.sk"
className="font-bold underline hover:no-underline"
>
Volební kalkulačka
</a>{" "}
na Slovensku
</li>
<li>
🇭🇺{" "}
<a
href="https://www.voksmonitor.hu"
className="font-bold underline hover:no-underline"
>
Voksmonitor
</a>{" "}
v&nbsp;Maďarsku
</li>
<li>
🇦🇹{" "}
<a
href="https://www.wahlrechner.at"
className="font-bold underline hover:no-underline"
>
Wahlrechner
</a>{" "}
v&nbsp;Rakousku
</li>
</ul>
<p>
Naše volební kalkulačky vyplní statisíce voličů každý rok. Jen
prezidentskou kalkulačku v&nbsp;Česku vyplnilo v&nbsp;roce 2023 přes{" "}
<strong>1 milion lidí</strong>!
</p>
</section>
<section className="grid gap-2">
<h2 className="text-2xl font-medium">
Podpořte Volební kalkulačku. Nebo se zapojte!
</h2>
<p>
Abychom mohli v tvorbě kalkulaček pokračovat, potřebujeme vaši
podporu.{" "}
<Link
href="/cs/podporte-kalkulacku"
className="font-bold underline hover:no-underline"
>
Podpořte nás
</Link>{" "}
nebo se{" "}
<Link
href="/cs/zapojte-se"
className="font-bold underline hover:no-underline"
>
zapojte do našeho týmu dobrovolníků
</Link>{" "}
a pomozte nám Volební kalkulačku dál rozvíjet. Děkujeme!
</p>
</section>
</section>
);
}
18 changes: 18 additions & 0 deletions apps/web/app/[lang]/podporte-kalkulacku/page.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
"use client";

import { useEffect } from "react";

export default function Page(): JSX.Element {
useEffect(() => {
eval(`+function(w, d, s, u, a, b) {
w["DarujmeObject"] = u;
w[u] = w[u] || function () { (w[u].q = w[u].q || []).push(arguments) };
a = d.createElement(s); b = d.getElementsByTagName(s)[0];
a.async = 1; a.src = "https://www.darujme.cz/assets/scripts/widget.js";
b.parentNode.insertBefore(a, b);
}(window, document, "script", "Darujme");
Darujme(1, "w2acrk0w61fgr3so", 'render', "https://www.darujme.cz/widget?token=w2acrk0w61fgr3so", "100%");`);
}, []);

return <div data-darujme-widget-token="w2acrk0w61fgr3so">Načítám…</div>;
}
55 changes: 55 additions & 0 deletions apps/web/app/[lang]/vlastni-kalkulacka/page.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,55 @@
export default function Page(): JSX.Element {
return (
<section className="max-w-2xl grid gap-4">
<section className="grid gap-2">
<h2 className="text-3xl font-bold">
Získejte vlastní Volební kalkulačku
</h2>
<p>
Náš tým vývojářů dokáže vytvořit přizpůsobenou webovou aplikaci
kalkulačky ušitou na míru vašim konkrétním volbám a kandidátům.
</p>
<p>
Kalkulačku můžete použít i v jiných oblastech než jen předvolební
nástroj pro voliče.
</p>
<p>
Zajímají vás podrobnosti nebo chcete připravit cenovou nabídku?
Kontaktujte nás ještě dnes na{" "}
<a
href="mailto:[email protected]"
className="underline hover:no-underline"
>
[email protected]
</a>{" "}
nebo zavolejte autorovi Volební kalkulačky Michalu Škopovi na{" "}
<a href="tel:+420735518529">+420 735 518 529</a>.
</p>
</section>
<section className="grid gap-2">
<h3 className="text-2xl font-bold">Naše vývojářské služby</h3>
<ul className="list-disc pl-6">
<li>Přizpůsobené otázky a možnosti odpovědí</li>
<li>Integrace databáze kandidátů/stran</li>
<li>Analýza výsledků a výpočty shody</li>
<li>Responsivní webdesign a vývoj</li>
<li>Hosting, údržba a podpora</li>
</ul>
</section>
<section className="grid gap-2">
<h3 className="text-2xl font-bold">Chcete si vyzkoušet kalkulačku?</h3>
<p>
Vyplňte si skutečnou volební kalkulačku a zjistěte shodu s politiky:
🇨🇿{" "}
<a
href="https://www.volebnikalkulacka.cz"
className="font-bold underline hover:no-underline"
>
Volební kalkulačka
</a>
!
</p>
</section>
</section>
);
}
Loading

0 comments on commit 610a49f

Please sign in to comment.