Skip to content
Snippets Groups Projects
Commit abbf8140 authored by xaralis's avatar xaralis
Browse files

Add people page

parent 0ab451fa
Branches
Tags
No related merge requests found
Pipeline #774 passed
<div class="badge {{ classes }}">
{{^ hideAvatar }}
{{# avatarSizeXl }}
{{> atoms-basic-avatar(classes: "avatar--xl badge__avatar") }}
{{/ avatarSizeXl}}
{{^ avatarSizeXl }}
{{> atoms-basic-avatar(classes: "avatar--md badge__avatar") }}
{{/ avatarSizeXl }}
{{/ hideAvatar}}
<div class="badge__body">
<span class="head-heavy-xs">{{ person.first }} {{ person.last }}</span>
......
......@@ -18,6 +18,9 @@
<li class="navbar-menu__item">
<a href="#" class="navbar-menu__link">Hlavní strana</a>
</li>
<li class="navbar-menu__item">
<a href="#" class="navbar-menu__link">Lidé</a>
</li>
<li class="navbar-menu__item">
<a href="#" class="navbar-menu__link">Aktuality</a>
</li>
......
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 row-gap-8 col-gap-8 lg:col-gap-16">
{{> molecules-basic-badge(occupation: "předseda krajského sdružení Pardubického kraje") }}
{{> molecules-basic-badge(occupation: "1. místopředseda KS Pardubický kraj") }}
{{> molecules-basic-badge(occupation: "2. místopředsedkyně KS Pardubický kraj") }}
{{> molecules-basic-badge(occupation: "3. místopředseda KS Pardubický kraj") }}
{{> molecules-basic-badge(occupation: "4. místopředseda KS Pardubický kraj") }}
</div>
{{> organisms-header }}
<div class="container container--default py-8 lg:py-24">
<section>
<h1 class="head-alt-md md:head-alt-lg max-w-5xl mb-8">Lidé</h1>
<main>
<h2 class="head-heavy-base mb-4">Krajské přesednictvo</h2>
{{> organisms-people-list }}
<hr class="hr--big" />
<h2 class="head-heavy-base mb-4">Předsedové místních sdružení</h2>
{{> organisms-people-list }}
<hr class="hr--big" />
<h2 class="head-heavy-base mb-4">Koordinátoři</h2>
{{> organisms-people-list }}
</main>
</section>
</div>
{{> organisms-footer }}
......@@ -2,27 +2,27 @@
@apply inline-block text-center rounded-full;
img {
@apply rounded-full block w-24;
@apply rounded-full block w-full;
}
}
.avatar--xs img {
.avatar--xs {
@apply w-12;
}
.avatar--sm img {
.avatar--sm {
@apply w-16;
}
.avatar--md img {
.avatar--md {
@apply w-24;
}
.avatar--lg img {
.avatar--lg {
@apply w-28;
}
.avatar--xl img {
.avatar--xl {
@apply w-36;
}
.avatar--2xl img {
@apply w-64;
.avatar--2xl {
@apply w-48;
}
.avatar--bordered {
......
......@@ -5,6 +5,14 @@ hr:not(.hr--unstyled) {
@apply my-8;
}
&.hr--big {
@apply my-8;
@screen md {
@apply my-16;
}
}
&.hr--condensed {
@apply my-2;
......
......@@ -2,7 +2,7 @@
@apply flex items-center font-body;
.badge__avatar {
@apply mr-6;
@apply mr-6 flex-shrink-0;
}
.badge__body {
......
This diff is collapsed.
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment