From ef2d696671c92a3696d993c995190a784207c74e Mon Sep 17 00:00:00 2001 From: Daniel Kurowski Date: Fri, 19 Apr 2024 11:15:57 +0200 Subject: [PATCH] wip: prototype 1 --- .../SupportOverviewController.latte | 46 ++++++++++++------- .../SupportOverviewController.php | 8 +++- .../src/styles/pages/support-overview.scss | 14 ++++++ 3 files changed, 50 insertions(+), 18 deletions(-) diff --git a/UI/SupportOverview/SupportOverviewController.latte b/UI/SupportOverview/SupportOverviewController.latte index 6cd921a..ced2e88 100644 --- a/UI/SupportOverview/SupportOverviewController.latte +++ b/UI/SupportOverview/SupportOverviewController.latte @@ -1,7 +1,7 @@ {layout $layoutPath} {block content} -
+

Adoptuj Brontosaura @@ -25,29 +25,41 @@
-
+
- + + + +
+ + chci darovat jednorázově
-
+
diff --git a/UI/SupportOverview/SupportOverviewController.php b/UI/SupportOverview/SupportOverviewController.php index 75063e4..3c6330a 100644 --- a/UI/SupportOverview/SupportOverviewController.php +++ b/UI/SupportOverview/SupportOverviewController.php @@ -7,6 +7,7 @@ use HnutiBrontosaurus\Theme\UI\Controller; use Latte\Engine; use stdClass; +use function array_chunk; use function sprintf; use function wp_get_theme; @@ -29,7 +30,7 @@ public function render(): void }); $params = [ - 'whatWeDo' => self::whatWeDo(), + 'whatWeDo' => array_chunk(self::whatWeDo(), length: 3), 'aboutSuccessesLink' => $this->base->getLinkFor(AboutSuccessesController::PAGE_SLUG), 'stories' => self::stories(), 'references' => self::references(), @@ -52,6 +53,7 @@ private static function whatWeDo(): array 'Sázíme stromořadí, oživujeme polní krajinu, staráme se o mokřady, budujeme lužní park Krče. Chceme s dobrovolníky a dobrovolnicemi obnovit další místa po celé ČR. Podpoř nás v tom.', ], 'image' => self::imagePathFor('adopce-krajina'), + 'price' => 2000, ], (object) [ 'title' => 'Pro památky', @@ -60,6 +62,7 @@ private static function whatWeDo(): array 'Chceme v tom pokračovat a opravovat i méně známé památky u nás i u krajanů v Banátu. Podpoř nás, ať můžeme pomáhat na dalších lokalitách.', ], 'image' => self::imagePathFor('adopce-pamatky'), + 'price' => 1000, ], (object) [ 'title' => 'Chráníme vše živé', @@ -68,6 +71,7 @@ private static function whatWeDo(): array 'Budujeme úkryty, vyvěšujeme budky i netopýrníky, vysazujeme květnaté louky, staráme se o migrující žáby. Podpoř nás při tvorbě prostředí plného ptačího zpěvu a hmyzího bzukotu.', ], 'image' => self::imagePathFor('adopce-zivot'), + 'price' => 600, ], (object) [ 'title' => 'Práce na chráněných územích', @@ -76,6 +80,7 @@ private static function whatWeDo(): array 'Snažíme se přispět k jejich zachování. Péčí o orchidejové louky, udržováním stepních společenstev či bojem s invazními druhy. Podpoř zapojení dalších mladých lidí do těchto aktivit!', ], 'image' => self::imagePathFor('adopce-uzemi'), + 'price' => 200, ], (object) [ 'title' => 'Pro další generace', @@ -84,6 +89,7 @@ private static function whatWeDo(): array 'Na výukových programech v přírodě jim ukazujeme, jak mohou životní prostředí chránit. Podpoř aktivity pro mládež, která se chce podílet na naší budoucnosti.', ], 'image' => self::imagePathFor('adopce-generace'), + 'price' => 100, ], ]; } diff --git a/frontend/src/styles/pages/support-overview.scss b/frontend/src/styles/pages/support-overview.scss index 50306e1..be21ab0 100644 --- a/frontend/src/styles/pages/support-overview.scss +++ b/frontend/src/styles/pages/support-overview.scss @@ -86,4 +86,18 @@ } } } + + .hb-option { + justify-content: flex-start; + } + .hb-option__image { + border-radius: unset; + } + .hb-option--imageFirst .hb-option__image { + order: -1; + } + .hb-option__button { + position: relative; + height: 2rem; + } }