Skip to content
Snippets Groups Projects
Verified Commit 3eded5bc authored by Andrej Ramašeuski's avatar Andrej Ramašeuski
Browse files

Upravy styleguide a homepage

parent e6a36111
Branches
No related tags found
No related merge requests found
Pipeline #15419 passed
REACT_APP_STYLEGUIDE_URL="https://styleguide.pirati.cz/2.16.1" REACT_APP_STYLEGUIDE_URL="https://styleguide.pirati.cz/2.7.1"
REACT_APP_ROOT_URL="https://cf2024.pirati.cz" REACT_APP_ROOT_URL="https://cf2024.pirati.cz"
REACT_APP_CF_TITLE="CF 2024" REACT_APP_CF_TITLE="CF 2024"
REACT_APP_CF_DESC="Oficiální stránka zasedání Celostátního fóra České pirátské strany, 13. 1. 2024" REACT_APP_CF_DESC="Oficiální stránka zasedání Celostátního fóra České pirátské strany, 13. 1. 2024"
......
...@@ -9,7 +9,7 @@ import cfLogo from "../cf2023_kormidlo_lod.svg"; ...@@ -9,7 +9,7 @@ import cfLogo from "../cf2023_kormidlo_lod.svg";
import cfPattern from "./gingerbread-pattern-colourful-384px.svg"; import cfPattern from "./gingerbread-pattern-colourful-384px.svg";
const Home = () => { const Home = () => {
const delta = Math.abs(new Date(2023, 3, 29, 9, 0, 0) - new Date()) / 1_000; const delta = Math.abs(new Date(2024, 0, 13, 9, 0, 0) - new Date()) / 1_000;
const days = Math.floor(delta / 86_400); const days = Math.floor(delta / 86_400);
const hours = Math.floor((delta - days * 86_400) / 3_600) % 24; const hours = Math.floor((delta - days * 86_400) / 3_600) % 24;
...@@ -17,14 +17,16 @@ const Home = () => { ...@@ -17,14 +17,16 @@ const Home = () => {
<article className="space-y-8 md:space-y-16"> <article className="space-y-8 md:space-y-16">
<div className="bg-blue-300 text-white p-8 md:p-16"> <div className="bg-blue-300 text-white p-8 md:p-16">
<div className="content-block"> <div className="content-block">
{/*
<h3 className="head-alt-md">Zasedání Celostátního fóra proběhlo 29.&nbsp;dubna 2023 v&nbsp;Domě Kultury v&nbsp;Liberci</h3> <h3 className="head-alt-md">Zasedání Celostátního fóra proběhlo 29.&nbsp;dubna 2023 v&nbsp;Domě Kultury v&nbsp;Liberci</h3>
<h2 className="head-alt-md lg:head-alt-lg"> <h2 className="head-alt-md lg:head-alt-lg">
Děkujeme všem za účast a těšíme se na vás na volebním zasedání Celostátního fóra v&nbsp;lednu 2024. Děkujeme všem za účast a těšíme se na vás na volebním zasedání Celostátního fóra v&nbsp;lednu 2024.
</h2> </h2>
*/}
{/* {/*
<p className="text-md lg:text-lg"> <p className="text-md lg:text-lg">
Zasedání bude možno sledovat on-line na adrese{" "} Zasedání bude možno sledovat on-line na adrese{" "}
<a href="https://cf2023.online" className="font-bold"> <a href="https://cf2024.online" className="font-bold">
cf2023.online cf2023.online
</a> </a>
. .
...@@ -36,19 +38,19 @@ const Home = () => { ...@@ -36,19 +38,19 @@ const Home = () => {
className="md:text-xl btn--to-blue-300" className="md:text-xl btn--to-blue-300"
bodyClassName="whitespace-no-wrap" bodyClassName="whitespace-no-wrap"
color="white" color="white"
href="https://cf2023.online" href="https://cf2024.online"
icon="ico--chevron-right" icon="ico--chevron-right"
rel="noreferrer noopener" rel="noreferrer noopener"
target="_blank" target="_blank"
> >
Sledovat CF 2023 online Sledovat CF 2024 online
</Button> </Button>
*/} */}
</div> </div>
<div className="content-block"> <div className="content-block">
<p className="text-md lg:text-lg"> <p className="text-md lg:text-lg">
<strong>Letos se zasedání CF s doprovodným programem bude konat v&nbsp;Liberci v termínu 28.&nbsp;&nbsp;30. dubna 2023.</strong><br/><br/> <strong>Letos se zasedání CF s doprovodným programem bude konat v&nbsp;Brně v termínu 13.&nbsp;&nbsp;14. ledna 2024.</strong><br/><br/>
Po dlouhé době bude možnost se konečně osobně setkat, projednat, co je potřeba, vyměnit si zkušenosti napříč republikou a&nbsp;skvěle se pobavit. Setkání Celostátního fóra je stěžejní událost, kterou si umíme užít se vším všudy. I&nbsp;tentokrát nás čeká pestrý a&nbsp; pěkně nabitý program.<br/> Po dlouhé době bude možnost se konečně osobně setkat, projednat, co je potřeba, vyměnit si zkušenosti napříč republikou a&nbsp;skvěle se pobavit. Setkání Celostátního fóra je stěžejní událost, kterou si umíme užít se vším všudy. I&nbsp;tentokrát nás čeká pestrý a&nbsp; pěkně nabitý program.<br/>
</p> </p>
</div> </div>
...@@ -76,7 +78,6 @@ const Home = () => { ...@@ -76,7 +78,6 @@ const Home = () => {
))} ))}
</div> </div>
{/*
<div className="content-block alert alert--yellow-400 flex-col p-8 md:p-16"> <div className="content-block alert alert--yellow-400 flex-col p-8 md:p-16">
<h3 className="head-alt-md">Online registrace účastníků zasedání CF byla spuštěna</h3> <h3 className="head-alt-md">Online registrace účastníků zasedání CF byla spuštěna</h3>
<p className="text-md lg:text-lg"> <p className="text-md lg:text-lg">
...@@ -93,15 +94,13 @@ const Home = () => { ...@@ -93,15 +94,13 @@ const Home = () => {
</Button> </Button>
<p className="text-md lg:text-lg pt-8"> <p className="text-md lg:text-lg pt-8">
<strong>Rezervace ubytování není součástí registrace účastníků a každý účastník si ubytování řeší individuálně.<br/> <strong>Rezervace ubytování není součástí registrace účastníků a každý účastník si ubytování řeší individuálně.<br/>
Kapacity ubytování jsme měli v hotelích blokované pro rezervaci pouze do 12. dubna. Kapacity ubytování jsme měli v hotelích blokované pro rezervaci pouze do 2. ledna.
Pokud nemáte rezervované ubytování, v tuto chvíli se můžete pouze inspirovat naší stránkou <a className="font-bold" href="ubytovani">rezervace ubytování</a>.<br/> Pokud nemáte rezervované ubytování, v tuto chvíli se můžete pouze inspirovat naší stránkou <a className="font-bold" href="ubytovani">rezervace ubytování</a>.<br/>
</strong> </strong>
</p> </p>
</div> </div>
*/}
{/*
<div className="relative card elevation-10 flex flex-col lg:flex-row lg:items-center my-8 xl:-mx-16 container-padding--zero md:container-padding--auto overflow-hidden"> <div className="relative card elevation-10 flex flex-col lg:flex-row lg:items-center my-8 xl:-mx-16 container-padding--zero md:container-padding--auto overflow-hidden">
<div <div
className="cf-hero" className="cf-hero"
...@@ -133,7 +132,6 @@ const Home = () => { ...@@ -133,7 +132,6 @@ const Home = () => {
</div> </div>
</div> </div>
</div> </div>
*/}
<div className="grid md:grid-cols-3 gap-4 md:gap-8"> <div className="grid md:grid-cols-3 gap-4 md:gap-8">
{nav.map((navItem) => ( {nav.map((navItem) => (
...@@ -169,7 +167,7 @@ const Home = () => { ...@@ -169,7 +167,7 @@ const Home = () => {
bodyClassName="whitespace-no-wrap" bodyClassName="whitespace-no-wrap"
color="black" color="black"
icon="ico--chevron-right" icon="ico--chevron-right"
href="https://dary.pirati.cz/projekty-kampane/cf-2023/" href="https://dary.pirati.cz/projekty-kampane/cf-2024/"
rel="noreferrer noopener" rel="noreferrer noopener"
target="_blank" target="_blank"
> >
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment