Add people page

source/_patterns/01-molecules/00-badge/basic-badge.mustache

 <div class="badge {{ classes }}">
   {{^ hideAvatar }}
-    {{> atoms-basic-avatar(classes: "avatar--md badge__avatar") }}
+    {{# 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>

source/_patterns/02-organisms/00-global/navbar.mustache

@@ -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>

source/_patterns/02-organisms/people/people-list.mustache

+<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>

source/_patterns/03-templates/people.mustache

+{{> 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 }}

source/css/atoms/avatar.pcss

@@ -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 {

source/css/atoms/horizontal-rule.pcss

@@ -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;
 

source/css/molecules/badge.pcss

@@ -2,7 +2,7 @@
   @apply flex items-center font-body;
 
   .badge__avatar {
-    @apply mr-6;
+    @apply mr-6 flex-shrink-0;
   }
 
   .badge__body {