chore(mentoring): add mentoring page and its hero section, move

_config.yml

@@ -46,6 +46,8 @@ collections:
     output: true
   people:
     output: false
+  mentoring:
+    output: true
 plugins:
   - jekyll-paginate-v2
   - jekyll-redirect-from

_data/navbar.yml

@@ -10,6 +10,11 @@
     cs: Přidej se
     en: Join us
   url: /pridejse
+- title:
+    cs: Mentoring
+    en: Mentoring
+  url: /mentoring
+  burger: true
 - title:
     cs: Dokumenty
     en: Documents

_layouts/mentoring.html

@@ -0,0 +1,34 @@
+---
+layout: default
+---
+{% include nav.html %}
+<section class="post">
+<div class="post__title__wrapper">
+
+  <div class="post__title__background post__mentoring__hero__wrapper">
+    <div class="container post__mentoring__hero">
+      <div class="post__mentoring__info">
+        <h2 class="post__title">{{ page.name }}</h2>
+        <p>{{ page.specialization }}</p>
+        <div class="post__mentoring__socials">
+          {% if page.discord %}
+          <a class="refs__links__link" rel="noopener noreferrer" target="_blank"><iconify-icon noobserver class="post__mentoring__socials__icon" icon="ion:logo-discord"></iconify-icon> @{{ page.discord }}</a>
+          {% endif %}
+        </div>
+      </div>
+      <img class="post__mentoring__img" src="{{ page.img | relative_url }}">
+    </div>
+  </div>
+  <div class="post__categories">
+    {% for tag in page.tags %}
+      <small class="post__category">{{tag}}</small>
+    {% endfor %}
+  </div>
+</div>
+<main class="post__main">
+  <article class="post__article">
+        {{ content }}
+  </article>
+</main>
+
+</section>

_mentoring/kopalvo.md

@@ -0,0 +1,14 @@
+---
+layout: mentoring
+name: "Vojta Kopal"
+nick: "kopalvo1"
+specialization: "Asi dělá diplomku"
+email: "teoretickyinformatik@seznam.cz"
+discord: "kopalvo1"
+img: "/assets/images/people/vojta.webp"
+tags:
+- "TZP"
+- "SAP"
+- "MA1"
+- "MA2"
+---

_mentoring/krykyx.md

@@ -0,0 +1,21 @@
+---
+layout: mentoring
+name: "Kryštof Machart"
+nick: "KrykyX"
+specialization: "Idk. nějáké počítače"
+email: "krystof@jeborec.cz"
+discord: "KrykyX"
+img: "/assets/images/people/krystof.webp"
+tags:
+- "AG1"
+- "AG2"
+- "AAG"
+- "DML"
+- "PA1"
+- "PA2"
+---
+PR* TO ZASE DOKÁŽE
+
+
+
+*ŘEDSEDA

assets/css/input.css

@@ -901,6 +901,99 @@ section.post {
   @apply list-decimal text-left;
 }
 
+.mentoring {
+  @apply flex flex-col gap-16;
+}
+
+.mentoring__hero__wrapper {
+  @apply grid md:grid-cols-3 justify-center gap-4 md:justify-between;
+}
+
+.mentoring h1 {
+  @apply text-4xl font-bold;
+}
+
+.mentoring__hero__card {
+  @apply flex flex-col items-center max-w-96 text-center shrink-0;
+}
+
+.mentoring__hero__icon {
+  @apply text-4xl m-2;
+}
+
+.mentoring__persons {
+  @apply grid justify-center items-center lg:grid-cols-3 gap-16;
+}
+
+.mentoring__persons__card {
+  @apply flex flex-col gap-4 w-full h-full items-center px-8 pt-8 pb-16 grow;
+  @apply bg-slate-50 drop-shadow-xl border-b-primary-yellow border-b-4;
+  @apply transition-all duration-300;
+
+  @apply hover:-translate-y-4 hover:border-b-primary-yellow-hover;
+}
+
+.mentoring__persons__card__image {
+  @apply aspect-square max-w-full max-h-[200px];
+}
+
+.mentoring__persons__card__titles {
+  @apply w-full flex flex-col items-center mb-4;
+}
+
+.mentoring__persons__card__title {
+  @apply text-2xl font-semibold;
+}
+
+.mentoring__persons__tags {
+  @apply flex flex-wrap gap-2;
+}
+
+.mentoring__persons__tag {
+  @apply px-1 bg-green-400;
+  padding-top: 0.0605rem;
+  padding-bottom: 0.0605rem;
+}
+
+.mentoring__persons__tag[data-tag*="DML"],
+.mentoring__persons__tag[data-tag*="MA1"],
+.mentoring__persons__tag[data-tag*="MA2"],
+.mentoring__persons__tag[data-tag*="LA1"],
+.mentoring__persons__tag[data-tag*="LA2"] {
+  @apply bg-red-400;
+}
+
+.mentoring__persons__tag[data-tag*="SAP"],
+.mentoring__persons__tag[data-tag*="TZP"] {
+  @apply bg-blue-400;
+}
+
+.post__mentoring__hero__wrapper {
+  @apply pb-0 pt-16;
+}
+.post__mentoring__hero {
+  @apply flex justify-center gap-16 lg:gap-[32rem] lg:max-w-[70%];
+}
+
+.post__mentoring__info {
+  @apply flex flex-col justify-center h-full;
+  flex: 2;
+}
+
+.post__mentoring__info h2 {
+  @apply inline mb-2 text-left;
+}
+
+.post__mentoring__img {
+  @apply aspect-square max-h-[300px] h-full;
+  flex: 1 0 1;
+}
+
+.post__mentoring__socials__icon {
+  @apply mr-4;
+  font-size: 2em;
+}
+
 .footer_flex {
   flex: 1;
 }

documents.html → pages/documents.html

@@ -1,4 +1,5 @@
 ---
+permalink: /documents
 layout: default
 title:
   cs: Dokumenty