Přidej se k FIT++

_data/navbar.yml

@@ -1,9 +1,9 @@
-- title: Hlavní stránka
-  url: /
 - title: Aktuality
   url: /news
 - title: Akce
   url: /events
+- title: Přidej se
+  url: /pridejse
 - title: Dokumenty
   url: /documents
 - title: Pro firmy

_includes/nav.html

@@ -1,8 +1,11 @@
 <div class="hello__nav__wrapper">     
-   <a href="/"> <img class="hello__nav__logo" src="{{ "/assets/images/logo.svg" | relative_url }}" alt="Logo FIT++"/></a>
+   <a href="/"> <img class="hello__nav__logo__phone" src="{{ "/assets/images/logo.svg" | relative_url }}" alt="Logo FIT++"/></a>
     <nav class="hello__nav">
+        <a class="{% if page.title == "Hlavní stránka" %} hello__nav__item__selected {% endif %}" href="/"> <img class="hello__nav__logo" src="{{ "/assets/images/logo.svg" | relative_url }}" alt="Logo FIT++"/></a>
+        <span class="hello__nav__logo__filler"></span>
         {% for link in site.data.navbar %}
-        <a href={{link.url}} class="hello__nav__item   {% if page.title == link.title %} hello__nav__item__selected {% endif %} ">{{ link.title }}</a>
+        <a href={{link.url}} class="hello__nav__item {% if page.title == link.title %} hello__nav__item__selected {% endif %} ">{{ link.title }}</a>
+        <span class="hello__nav__logo__filler"></span>
         {% endfor %}
     </nav>
     <div class="hello__nav__burger hamburger" id="hamburger" onclick="toggleMenu()">

assets/css/app.css

@@ -700,8 +700,6 @@ section {
   margin: auto;
   display: none;
   height: 100%;
-  width: 83.333333%;
-  max-width: 72rem;
   justify-content: space-evenly;
   vertical-align: top;
   font-size: 1.5rem;
@@ -813,11 +811,28 @@ section {
 
 .hello__nav__logo {
   margin: 0.5rem;
+  display: none;
   height: 2.5rem;
 }
 
 @media (min-width: 768px) {
   .hello__nav__logo {
+    display: flex;
+  }
+}
+
+.hello__nav__logo__filler {
+  flex-grow: 1;
+  max-width: 40vw;
+}
+
+.hello__nav__logo__phone {
+  margin: 0.5rem;
+  height: 2.5rem;
+}
+
+@media (min-width: 768px) {
+  .hello__nav__logo__phone {
     display: none;
   }
 }
@@ -1746,6 +1761,25 @@ section.post {
   margin-bottom: 1rem
 }
 
+.page a {
+  text-decoration: underline;
+  outline-color: transparent;
+}
+
+.page a:link {
+  color: #aa83e0;
+}
+
+.page a:visited {
+  color: #120682;
+}
+
+.page a:hover,
+.page a:focus,
+.page a:active {
+  color: #7e3add;
+}
+
 .page h1 {
   font-size: 2.25rem;
   line-height: 2.5rem;
@@ -1782,6 +1816,28 @@ section.post {
   font-weight: 700;
 }
 
+.page ul, .page ol {
+  margin-top: 1rem;
+  margin-bottom: 0.5rem;
+  margin-left: 1.5rem;
+  text-wrap: wrap;
+  text-align: center;
+}
+
+.page ul li, .page ol li {
+  padding-bottom: 0.5rem;
+}
+
+.page ul li {
+  list-style-type: disc;
+  text-align: left;
+}
+
+.page ol li {
+  list-style-type: decimal;
+  text-align: left;
+}
+
 .footer_flex{
   flex:1;
 }

assets/css/input.css

@@ -123,7 +123,7 @@ section {
 }
 
 .hello__nav {
-    @apply hidden m-auto md:flex justify-evenly align-top w-10/12 max-w-6xl h-full text-2xl font-extrabold;
+    @apply hidden m-auto md:flex justify-evenly align-top h-full text-2xl font-extrabold;
 }
 
 .hello__nav__phone {
@@ -172,15 +172,24 @@ section {
 }
 
 .hello__nav__item__selected {
-    @apply  relative text-primary-yellow hover:text-primary-yellow cursor-default;
+    @apply relative text-primary-yellow hover:text-primary-yellow cursor-default;
 }
 
 .hello__nav__phone .hello__nav__item, .hello__nav__phone .hello__nav__item__yellow {
     @apply px-3 py-4;
 }
 
 .hello__nav__logo {
-    @apply md:hidden h-10 m-2;   
+    @apply hidden md:flex h-10 m-2;
+}
+
+.hello__nav__logo__filler {
+    @apply grow;
+    max-width: 40vw;
+}
+
+.hello__nav__logo__phone {
+    @apply md:hidden h-10 m-2;
 }
 
 .hello__nav__burger {
@@ -705,6 +714,26 @@ section.post {
     margin-bottom: 1rem
 }
 
+
+.page a {
+    text-decoration: underline;
+  outline-color: transparent;
+}
+
+.page a:link {
+  color: #aa83e0;
+}
+
+.page a:visited {
+  color: #120682;
+}
+
+.page a:hover,
+.page a:focus,
+.page a:active {
+    color: #7e3add;
+}
+
 .page h1 {
     @apply text-4xl font-bold;
 }
@@ -729,6 +758,23 @@ section.post {
     @apply text-lg font-bold;
 }
 
+
+.page ul, .page ol {
+    @apply text-center text-wrap mt-4 mb-2 ml-6;
+}
+
+.page ul li, .page ol li {
+    @apply pb-2;
+}
+
+.page ul li {
+    @apply list-disc text-left;
+}
+
+.page ol li {
+    @apply list-decimal text-left;
+}
+
 .footer_flex{
     flex:1;
 }

pages/pridejse.md

@@ -0,0 +1,50 @@
+---
+layout: page
+title: Přidej se
+permalink: /pridejse
+---
+
+# Přidej se k nám!
+
+Studuješ na Fakultě informačních technologií a chceš poznat aktivní FIŤáky nebo jenom najít odreagování od Progtestu? 
+
+Tak jsi tady správně!
+
+Jsme klub FIT++, který působí na Fakultě informačních technologií ČVUT. Pořádáme akce jako [Hello FIT](https://klubfitpp.cz/hellofit), FIT párty, deskovky na fakultě, FITripy, LAN párty a spoustu další edukačních nebo zábavných eventů, na kterých se můžeš nejenom dozvědět knowlage nad rámec předmětů ve škole, ale hlavně poznat spoustu aktivních lidí z fakulty.
+
+**Proč bych se měl\* přidat?**
+
+- Rozšíříš si kontakty, poznáš nové kamarády nejenom z FIT ale i z dalších fakult nebo studentských spolků
+- Dostaneš přednostní možnost zapojit se do pomoci fakultě na eventech jako COFIT, DOD,.., které jsou zaplacené
+- Na edukačních eventech si můžeš rozšířit obzory mimo hranice předmětů
+- Můžeš si vyzkoušet organizaci eventu - softskill, který se fakt hodí
+- Aktivita ve studentském spolku je ceněná v CVčku
+- Jako dobrovolník dostaneš **zdarma klubové tričko**
+- Odneseš si dobrý pocit, že jsi udělal něco dobrého pro FIŤáckou komunitu
+
+**Jak se můžu zapojit?**
+
+- Přijď na jakoukoliv akci, kterou najdeš [tady v kalendáři](/events)
+- Sleduj channel [help-needed](https://discord.com/channels/808276641603649607/1288795322524635176) na Discordu a zapoj se do projektu, který hledá dobrovolníky nebo pracovníky
+- Napiš na Discord, že máš nápad, a my ti ho pomůžeme zrealizovat
+- Přijď na zasedání Představenstva a společně něco vymyslíme
+- Kandiduj do Představenstva a buď nositelem myšlenky
+
+**Co tam v tom klubu vlastně děláte?**
+
+- plánujeme eventy - zařizujeme prostory, hledáme finance, sháníme dobrovolníky
+- vytváříme grafické materiály
+- komunikujeme s fakultou a sponzory
+- publikujeme na sociální sítě
+- vyvíjíme vlastní web, databázi členů, staráme se o FIT++ Discord
+- snažíme se o well-being studentů fakulty, pomáháme prvákům s nástupem na univerzitu
+
+**Jak se můžu oficiálně stát členem/členkou?** 
+
+- připoj se na FIT++ discord a nastav si jako přezdívku na serveru svoje jméno
+- Podepiš přihlášku do klubu - přijď na akci FIT++ a tam někoho oslov, nebo napiš někomu z Představenstva, ideálně HR, (odkaz na profily) a domluv se na podepsání smlouvy.
+
+
+  <article class="refs__links">
+      <a class="refs__button" style="text-decoration: none" href="https://discord.gg/2Bh93cXGJ3">Připoj se na FIT++ Discord</a>
+  </article>