---
layout: page.njk
---
<section class="introduction">
  <div class="background-image">
    {% set alt = "View from the APB foyer towards the entrance, with the iconic green steel sculptures in the foreground."
      if lang == "en"
      else "Blick vom APB Foyer Richtung Eingang, im Vordergrund sind die ikonischen grünen Stahlskulpturen zu sehen." %}
    {% image "content/images/foyer.jpg", alt, "100vw" %}
  </div>

  <div class="badge">
    <p class="date">
      {% if lang == "en" %}
        {{ese.startDay}}–{{ese.endDay}} October {{ese.year}}
      {% else %}
        {{ese.startDay}}. – {{ese.endDay}}. Oktober {{ese.year}}
      {% endif %}
    </p>
    <h1>
      {% if lang == "en" %}
      <span>Your start at the Faculty of</span>
      <div class="spacer"></div>
      <span>Computer Science</span>
      {% else %}
      <span>Dein Studienstart an der</span>
      <div class="spacer"></div>
      <span>Fakultät Informatik</span>
      {% endif %}
    </h1>
  </div>

  <ul class="social-media">
    <li>
      <a class="social-link" href="https://www.instagram.com/ifsrde" title="Instagram" target="_blank">
        {% icon "brands:instagram" %}
      </a>
    </li>
    <li>
      <a class="social-link" href="https://toot.kif.rocks/@iFSR" title="Mastodon" target="_blank">
        {% icon "brands:mastodon" %}
      </a>
    </li>
    <li>
      <a class="social-link" href="https://t.me/s/ifsrde" title="Telegram" target="_blank">
        {% icon "brands:telegram" %}
      </a>
    </li>
  </ul>
</section>

<section>
{{ content | safe }}
</section>

{% css %}
  {% include "index.css" %}
{% endcss %}