Skip to content

Commit

Permalink
use util selectors where possible
Browse files Browse the repository at this point in the history
  • Loading branch information
dakur committed Dec 12, 2024
1 parent 9bbfa88 commit b8d3fb9
Show file tree
Hide file tree
Showing 15 changed files with 178 additions and 132 deletions.
2 changes: 1 addition & 1 deletion UI/BaseUnitsAndClubsList/BaseUnitsController.latte
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

{block content}
<main role="main">
<article class="baseUnits">
<article class="baseUnits hb-mw-40 hb-mi-auto">
<h1>
Seznam základních článků a klubů
</h1>
Expand Down
2 changes: 1 addition & 1 deletion UI/Courses/CoursesController.latte
Original file line number Diff line number Diff line change
Expand Up @@ -150,7 +150,7 @@
zájem žáků o&nbsp;svět kolem&nbsp;nás.
</p>

<a class="courses__highSchoolsPrograms hero button--secondary-wrapper" href="{$highSchoolPageLink}">
<a class="courses__highSchoolsPrograms hero button--secondary-wrapper" href="{$highSchoolPageLink}" style="--hero-background-image-url: url('{$themePathRelative|noescape}/frontend/dist/images/highSchoolPrograms.jpg')">
<div class="button button--secondary">{block |trim}{* because of whitespace in text underline *}
Nabídka programů pro&nbsp;školy{/block}
</div>
Expand Down
10 changes: 5 additions & 5 deletions UI/English/EnglishController.latte
Original file line number Diff line number Diff line change
Expand Up @@ -7,19 +7,19 @@
About Brontosaurus
</h1>

<p class="english-paragraph">
<p class="hb-block-text hb-mbe-5">
Hnutí Brontosaurus is a&nbsp;group of mostly young people under 26&nbsp;years old, who care about the&nbsp;world they
live in. Therefore we combine meaningful volunteering for&nbsp;nature, historical sites
and&nbsp;people with unconventional experiences and&nbsp;fun. We are independent and&nbsp;open to&nbsp;new
ideas. Thousands of&nbsp;volunteers set&nbsp;out each year to&nbsp;mow orchid meadows, plant trees, repair
castles, or&nbsp;build a&nbsp;school in&nbsp;the&nbsp;Himalayas, to&nbsp;name just a&nbsp;few of&nbsp;the activities.
</p>

<h2 class="english-subheading">
<h2 class="hb-block-text">
Let's help nature, monuments and people together!
</h2>

<ul class="english-list list">
<ul class="list hb-mbe-4">
<li class="list__item">
Join our Erasmus+ training courses and youth exchanges.
</li>
Expand All @@ -41,9 +41,9 @@
</li>
</ul>

<div class="english-card">
<div class="english__card hb-p-4">
<div>
<a class="english-card-contactLink button button--primary" href="mailto:[email protected]">
<a class="button button--primary" href="mailto:[email protected]">
[email protected]
</a>
</div>
Expand Down
10 changes: 5 additions & 5 deletions UI/Error/ErrorController.404.latte
Original file line number Diff line number Diff line change
@@ -1,18 +1,18 @@
{layout $layoutPath}

{block content}
<main class="error404" role="main">
<h1 class="error404__heading">
<main role="main">
<h1>
Jejda&hellip;
</h1>

<p class="error404__lead">
<p class="hb-block-text hb-lg-ta-c hb-mbe-5">
Stránku, kterou chceš zobrazit, bohužel nikde nemůžeme najít.
</p>

<h2>Co teď?</h2>

<ul class="error404__whatNow list">
<ul class="list hb-mbe-5">
<li class="list__item">
Podívej&nbsp;se nahoru do&nbsp;navigačního menu, jestli tam nenajdeš správnou cestu k&nbsp;hledané informaci.
</li>
Expand All @@ -32,7 +32,7 @@

<h2>Zavedl&nbsp;tě sem zbloudilý odkaz?</h2>

<p class="error404__paragraph">
<p class="hb-block-text hb-mbe-4">
To, že tato stránka neexistuje, může&nbsp;být i&nbsp;nedopatření. Pokud si&nbsp;myslíš, že tomu tak&nbsp;je, napiš nám na&nbsp;e-mail <a href="mailto:[email protected]" rel="noopener noreferrer" target="_blank">[email protected]</a> a&nbsp;my&nbsp;to prověříme.
</p>
</main>
Expand Down
20 changes: 10 additions & 10 deletions UI/FirstTime/FirstTimeController.latte
Original file line number Diff line number Diff line change
Expand Up @@ -2,61 +2,61 @@

{block content}
<main role="main">
<article class="firstTime">
<article>
<h1>
Co čekat, když jedu poprvé
</h1>

<p class="firstTime__text">
<p class="hb-block-text hb-mbe-4">
<strong>Akce jsou určené všem, kteří mají zájem o svět kolem nás.</strong>
Co ti mohou přinést? Třeba zajímavý zářez do životopisu a příležitosti,
které se s dobrovolnictvím pojí. Možnost vycestovat do zahraničí, potkat se
se zajímavými lidmi z mnoha oborů nebo absolvovat školení a kurzy. A hlavně dobrý pocit,
nové zkušenosti, kamarády, zážitky…
</p>

<p class="firstTime__text">
<p class="hb-block-text hb-mbe-4">
<strong>Aby ses akcí mohl účastnit, nemusíš být členem Hnutí Brontosaurus.</strong>
Nepotřebuješ ani žádné zvláštní vybavení, schopnosti a zkušenosti. Organizátoři tě všechno rádi naučí.
</p>

<p class="firstTime__text">
<p class="hb-block-text hb-mbe-4">
<strong>U aktivit, které nebudeš chtít dělat, stačí říct prostě „NE“.</strong>
Nikdo ti to nebude vyčítat, budujeme totiž bezpečné prostředí založené na pochopení a toleranci.
Na víkendovky jezdí různá sorta lidí, které spojuje otevřenost a zájem o svět kolem sebe a program
je vždy postavený tak, aby se všichni rychle seznámili a poznali.
</p>

<p class="firstTime__text">
<p class="hb-block-text hb-mbe-4">
<strong>Spíme většinou ve spacácích, ale každá víkendovka to má trochu jinak.</strong>
Někde je ubytování v objektu a jinde v teepee nebo ve stanu… Vaříme poctivé jídlo ze surovin šetrných
k přírodnímu prostředí. S organizátory se většinou lze domluvit i na speciálních požadavcích (vegetarián, bezlepek).
Vše zjistíš na stránkách akce.
</p>

<p class="firstTime__text">
<p class="hb-block-text hb-mbe-4">
<strong>Organizátoři akcí jsou vyškolení od profesionálů.</strong>
Pokud se i ty chceš stát profesionálním „orgem“, mrkni
na <a href="http://praha.brontosaurus.cz/organizatorsky-kurz" target="_blank">Organizátorský kurz v Praze</a>
a <a href="http://organizator.brontosaurus.cz/wp" target="_blank">v Brně</a>
nebo intenzivní <a href="http://www.cesticky.cz" target="_blank">letní kurz Cestičky 2.0</a>.
</p>

<p class="firstTime__text">
<p class="hb-block-text hb-mbe-4">
<strong>Přihlašuje se přes formulář nebo kontaktní e-mail uvedený u akce.</strong>
Ideální je hlásit se alespoň dva týdny předem. Několik dní před akcí ti organizátoři pošlou informace o tom,
co vzít s sebou a jak se na místo dopravit.
</p>

<a class="firstTime__hero hero button--secondary-wrapper" href="{$voluntaryPageLink}?{$filtersKey}=jedu-poprve#obsah">
<a class="hero button--secondary-wrapper hb-mb-4 hb-lg-mbe-6" href="{$voluntaryPageLink}?{$filtersKey}=jedu-poprve#obsah" style="--hero-background-image-url: url('{$themePathRelative|noescape}/frontend/dist/images/box-firstTime.jpg')">
<div class="button button--secondary">Vybrat si dobrovolnickou akci</div>
</a>

<h2>
Průběh akce
</h2>

<ul class="firstTime__list list">
<ul class="list hb-mbe-4">
<li class="list__item">
Na místo konání se dopravuje většinou každý zvlášť v pátek večer, pak následují hry k seznámení s ostatními.
Nejčastěji jezdí středoškoláci, vysokoškoláci, ale i mladí pracující.
Expand All @@ -81,7 +81,7 @@
</li>
</ul>

<div class="firstTime__chooseEvent">
<div class="hb-ta-c">
<a class="button button--primary" href="{$voluntaryPageLink}?{$filtersKey}=jedu-poprve#obsah">
Vybrat si akci
</a>
Expand Down
6 changes: 3 additions & 3 deletions UI/ForChildren/ForChildrenController.latte
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
{layout $layoutPath}

{block content}
<main class="forchildren__events hb-events" role="main" id="obsah">
<main class="hb-events hb-mbe-6" role="main" id="obsah">
<h1 class="hb-events__heading">
Akce pro&nbsp;děti i&nbsp;rodiče
</h1>

<div class="forchildren__mapWrapper">
<div class="hb-ta-c hb-mbe-6">
<a class="forchildren__map" href="{$aboutStructurePageLink}#mapa-detske-oddily">
BRĎO – Brontosauří dětské oddíly
</a>
Expand Down Expand Up @@ -58,7 +58,7 @@
</main>

<aside>
<section class="forchildren__description description">
<section class="description hb-mbe-5">
<h1>
Programy pro&nbsp;děti
</h1>
Expand Down
8 changes: 4 additions & 4 deletions frontend/src/styles/components/hero.scss
Original file line number Diff line number Diff line change
@@ -1,16 +1,16 @@
.hero {
min-height: 19em;
max-width: 40rem;
background-image: var(--hero-background-image-url);
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
border-radius: 2em;

@media ($header-breakpoint-navigationHiddenToVisible-visible-from) {
margin-left: -#{vr-unit(1)};
margin-right: -#{vr-unit(1)};
margin-inline: -#{vr-unit(1)};
}
@media ($typography-breakpoint-large-from) {
margin-left: auto;
margin-right: auto;
margin-inline: auto;
}
}
12 changes: 3 additions & 9 deletions frontend/src/styles/pages/baseUnits.scss
Original file line number Diff line number Diff line change
@@ -1,16 +1,10 @@
.baseUnits {
max-width: 40rem;
margin-left: auto;
margin-right: auto;

&__list {
list-style-type: none;
}

&__unit {
&:not(:last-child) {
margin-bottom: vr-unit(2);
}
&__unit:not(:last-child) {
margin-block-end: 2rlh;
}

&__unitName {
Expand All @@ -24,7 +18,7 @@
&__address,
&__website,
&__emailAddress {
padding-left: vr-unit(1);
padding-inline-start: 1rlh;
position: relative;

&::before {
Expand Down
8 changes: 3 additions & 5 deletions frontend/src/styles/pages/courses.scss
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
.courses {
&__events {
margin-block-end: calc(var(--hb-vr-base) * 3);
margin-block-end: 3rlh;
}

&__info {
text-align: center;
margin-block: calc(var(--hb-vr-base) * 0.5 * -1) calc(var(--hb-vr-base) * 2);
margin-block: -0.5rlh 2rlh;
font-size: 0.8em;

@media ($events-breakpoint-oneColumn-until) {
Expand All @@ -15,12 +15,10 @@
}

&__description {
margin-block-end: calc(var(--hb-vr-base) * 3);
margin-block-end: 3rlh;
}

&__highSchoolsPrograms {
background-image: url("../images/highSchoolPrograms.jpg");
background-position-y: 36%;
background-repeat: no-repeat;
}
}
38 changes: 6 additions & 32 deletions frontend/src/styles/pages/english.scss
Original file line number Diff line number Diff line change
@@ -1,46 +1,20 @@
.english {
&-heading {
@include block-text();
}

&-paragraph {
@include block-text();
margin-bottom: vr-unit(2);
p {
hyphens: auto;
}

&-subheading {
@include block-text();
}

&-list {
margin-bottom: vr-unit(1);
}

&-card {
&__card {
max-width: 22em;
margin-left: -#{vr-unit(1)};
padding: vr-unit(1);

@media ($header-breakpoint-navigationHiddenToVisible-hidden-until), ($typography-breakpoint-large-from) {
max-width: 25em;
margin-left: auto;
margin-right: auto;
margin-inline: auto;
text-align: center;
}
}

&-text {
margin-bottom: vr-unit(1);
max-width: 15em;

@media ($header-breakpoint-navigationHiddenToVisible-hidden-until), ($typography-breakpoint-large-from) {
margin-left: auto;
margin-right: auto;
}
}

&-contactLink {
text-transform: none;
}
a {
text-transform: none;
}
}
19 changes: 0 additions & 19 deletions frontend/src/styles/pages/error404.scss

This file was deleted.

24 changes: 0 additions & 24 deletions frontend/src/styles/pages/firstTime.scss

This file was deleted.

12 changes: 0 additions & 12 deletions frontend/src/styles/pages/forchildren.scss
Original file line number Diff line number Diff line change
@@ -1,8 +1,4 @@
.forchildren {
&__mapWrapper {
text-align: center;
margin-block-end: calc(var(--hb-vr-base) * 1);
}
&__map {
--forchildren-map-size-icon: 1.7em;
background-image: url("../images/icon-map.svg");
Expand All @@ -12,12 +8,4 @@
display: inline-block;
padding-left: calc(var(--forchildren-map-size-icon) + 0.5em);
}

&__events {
margin-block-end: calc(var(--hb-vr-base) * 3);
}

&__description {
margin-block-end: calc(var(--hb-vr-base) * 2);
}
}
2 changes: 0 additions & 2 deletions frontend/src/styles/style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -65,8 +65,6 @@
@import "pages/contacts";
@import "pages/detail";
@import "pages/english";
@import "pages/error404";
@import "pages/firstTime";
@import "pages/forchildren";
@import "pages/future";
@import "pages/highschool";
Expand Down
Loading

0 comments on commit b8d3fb9

Please sign in to comment.