index.html

---
layout: default
title: Hlavní stránka
---
<section class="hello">
    {% include nav.html %}

    <img class="hello__logo" src="{{ "/assets/images/logo.svg" | relative_url }}" alt="Logo FIT++"/>
    <span class="hello__arrow"></span>
</section>

<section class="about">
  <h2 class="section__title">Co je FIT++?</h2>
  <p>Jsme studenti FITu ČVUT, co mají svoji fakultu rádi a chtějí ji udělat ještě lepší.</p>
  <article class="about__article">
    <h3 class="about__article__title"><i class="about__article__title__icon ion ion-ios-calendar"></i> Organizace akcí</h3>
    <p class="about__article__text">Chtěl jsi uspořádat nějakou akci, ale potřeboval bys pomoct? Nebo bys chtěl pomáhat při akcích jako je DOD či Noc vědců? Pak je FIT++ přesně pro tebe!</p>
  </article>
  <article class="about__article">
    <h3 class="about__article__title"><i class="about__article__title__icon ion ion-ios-people"></i> Společné chvíle</h3>
    <p class="about__article__text">Nebo chceš pouze na chvíli odsednout od programování a strávit pěkné chvíle s ostatními FIŤáky? Příležitostí ve FIT++ je plno!</p>
  </article>
  <article class="about__article">
    <h3 class="about__article__title"><i class="about__article__title__icon ion ion-ios-bulb"></i> Lidi s nápady</h3>
    <p class="about__article__text">Dobrých lidí s dobrými nápady je vždycky málo, a tak jsme se rozhodli, že by bylo super vás sdružovat.</p>
  </article>
</section>

<section class="events">
  <h2 class="section__title">Nadcházející akce</h2>
  <div class="events__article__wrapper">
    {% assign today = 'now' | date: "%s" %} <!-- Get today's date as a timestamp -->
    {% assign yesterday = today | minus: 86400 %}
    {% assign i = 0 %}
    {% for event in site.events %}
      {% assign event_timestamp = event.date | date: "%s" %}
      {% assign event_timestamp_int = event_timestamp | minus: 0 %}
      {% if event_timestamp_int > yesterday %}
        {% assign i = i | plus: 1 %}
        {% if i < 4 %}
          <a href="{{event.url}}">
            <article class="event__article " >    
              <h3 class="event__title">{{event.title}}</h3>
              <div class="event__background event__image" style="background-image: url({{ event.img | relative_url }});">
              </div>
              <div class="event__footer ">
                <small class="event__date">{{ event.date | date: "%-d. %-m. %Y" }}</small>
                <span class="event__link" href="{{event.url}}">Více</span>
              </div>
            </article>
          </a>
        {% endif %}
      {% endif %}
    {% endfor %}
  </div>
  <a class="events__more__link" href="/events">Další akce</a>
</section>

<section class="news">
  <h2 class="section__title">Aktuality</h2>
  <div class="news__article__wrapper">
    {% assign news = site.news | sort: 'date' | reverse  %}
    {% for post in news limit:3 %}
    <article class="news__article ">
      <a href="{{post.url}}"><div class="news__image" style="background-image: url({{ post.img | relative_url }});"></div></a>
      <div class="news__text ">
          <a href="{{post.url}}"><h3 class="news__title ">{{post.title}}</h3></a>
          <p class="news__short">{{post.short}}</p>
          <div class="news__footer">
            <a class="news__link" href="{{post.url}}">Přečíst</a>
            <small class="news__date">{{ post.date | date: "%-d. %-m. %Y" }}</small>
          </div>
      </div>
    </article>
    {% endfor %}
  </div>
  <a class="news__more__link" href="/news">Další články</a>
</section>

<section class="refs">
  <h2 class="section__title">Přidej se k nám</h2>
  <p class="refs__scream">Pomoz nám udělat FIT lepší!</p>
  <p class="refs__scream">Napiš a přidej se k nám!</p>
  <article class="refs__links">
      <a class="refs__button" href="https://discord.gg/2Bh93cXGJ3">Přidej se do FIT++</a>
  </article>
</section>

<section class="people">
  <h2 class="section__title">Kdo za FIT++ stoji?</h2>
  <div class="people__wrapper">
    {% assign people = site.people | sort: 'pos' %}
    {% for person in people %}
    <article class="people__article">
      <div class="people__article__img" style="background-image: url({{ person.img | relative_url }});"></div>
      <h3 class="people__article__name">{{person.name}} {{person.surname}}</h3>
      <p class="people__article__role">{{person.role1}}</p>
      <p class="people__article__role">{{person.role2}}</p>
    </article>
    {% endfor %}
  </div>
</section>

<section class="refs">
  <h2 class="section__title">Kontakty</h2>
  <article class="refs__links">
    <a class="refs__links__link" href="https://facebook.com/klubFITpp"><i class="refs__links__link__logo ion ion-logo-facebook"></i> FITplusplus</a>
    <a class="refs__links__link" href="https://instagram.com/klubFITpp"><i class="refs__links__link__logo ion ion-logo-instagram"></i> @klubFITpp</a>
    <a class="refs__links__link" href="https://twitter.com/klubFITpp"><i class="refs__links__link__logo ion ion-logo-twitter"></i> @klubFITpp</a>
    <a class="refs__links__link" href="mailto:fitpp@su.cvut.cz"><i class="refs__links__link__logo ion ion-ios-mail"></i> fitpp@su.cvut.cz</a>
  </article>
</section>

<section class="refs">
  <h2 class="section__title">Další zajímavé skupiny</h2>
  <article class="refs__links">
    <a class="refs__links__link" href="https://su.cvut.cz">Studentská unie ČVUT</a>
    <a class="refs__links__link" href="https://queer.pages.fit"> QueerFIT</a>
    <a class="refs__links__link" href="https://seznamovak.fit.cvut.cz/">Seznamovák FIT</a>
    <a class="refs__links__link" href="https://magistrovak.fit.cvut.cz/">Magistrovák FIT</a>
  </article>
</section>