add home page introduction section

_includes/index.njk

@@ -1,6 +1,49 @@
 ---
 layout: page.njk
 ---
+<section class="introduction">
+  <div class="background-image">
+
+  </div>
+
+  <div class="badge">
+    <p class="date">{{ eseDate }}</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 href="https://www.instagram.com/ifsrde" title="Instagram" target="_blank">
+        {% icon "brands:instagram" %}
+      </a>
+    </li>
+    <li>
+      <a href="https://toot.kif.rocks/@iFSR" title="Mastodon" target="_blank">
+        {% icon "brands:mastodon" %}
+      </a>
+    </li>
+    <li>
+      <a 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 %}