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 }}"> <div class="badge {{ classes }}">
{{^ hideAvatar }} {{^ hideAvatar }}
{{# avatarSizeXl }}
{{> atoms-basic-avatar(classes: "avatar--xl badge__avatar") }}
{{/ avatarSizeXl}}
{{^ avatarSizeXl }}
{{> atoms-basic-avatar(classes: "avatar--md badge__avatar") }} {{> atoms-basic-avatar(classes: "avatar--md badge__avatar") }}
{{/ avatarSizeXl }}
{{/ hideAvatar}} {{/ hideAvatar}}
<div class="badge__body"> <div class="badge__body">
<span class="head-heavy-xs">{{ person.first }} {{ person.last }}</span> <span class="head-heavy-xs">{{ person.first }} {{ person.last }}</span>
......
...@@ -18,6 +18,9 @@ ...@@ -18,6 +18,9 @@
<li class="navbar-menu__item"> <li class="navbar-menu__item">
<a href="#" class="navbar-menu__link">Hlavní strana</a> <a href="#" class="navbar-menu__link">Hlavní strana</a>
</li> </li>
<li class="navbar-menu__item">
<a href="#" class="navbar-menu__link">Lidé</a>
</li>
<li class="navbar-menu__item"> <li class="navbar-menu__item">
<a href="#" class="navbar-menu__link">Aktuality</a> <a href="#" class="navbar-menu__link">Aktuality</a>
</li> </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 @@ ...@@ -2,27 +2,27 @@
@apply inline-block text-center rounded-full; @apply inline-block text-center rounded-full;
img { img {
@apply rounded-full block w-24; @apply rounded-full block w-full;
} }
} }
.avatar--xs img { .avatar--xs {
@apply w-12; @apply w-12;
} }
.avatar--sm img { .avatar--sm {
@apply w-16; @apply w-16;
} }
.avatar--md img { .avatar--md {
@apply w-24; @apply w-24;
} }
.avatar--lg img { .avatar--lg {
@apply w-28; @apply w-28;
} }
.avatar--xl img { .avatar--xl {
@apply w-36; @apply w-36;
} }
.avatar--2xl img { .avatar--2xl {
@apply w-64; @apply w-48;
} }
.avatar--bordered { .avatar--bordered {
......
...@@ -5,6 +5,14 @@ hr:not(.hr--unstyled) { ...@@ -5,6 +5,14 @@ hr:not(.hr--unstyled) {
@apply my-8; @apply my-8;
} }
&.hr--big {
@apply my-8;
@screen md {
@apply my-16;
}
}
&.hr--condensed { &.hr--condensed {
@apply my-2; @apply my-2;
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
@apply flex items-center font-body; @apply flex items-center font-body;
.badge__avatar { .badge__avatar {
@apply mr-6; @apply mr-6 flex-shrink-0;
} }
.badge__body { .badge__body {
......
Source diff could not be displayed: it is too large. Options to address this: view the blob.
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment