{% extends 'layout.html' %}
{% load static %}
{% block content %}

<div class="grid-container">
    <div class="grid-x padding-top-1 align-center">
        <div class="cell large-4 medium-4 text-center">
            <a href="https://fet.at">
                <div class="padding-bottom-1">
                    <img src= "{% static 'img/logo2014_64.png' %}">
                </div>
            </a>

            <a href="mailto:service@fet.at">
                <div class="social-media-box">
                    <span class="social-media-badge badge">
                        <span class="social-media-badge-symbol">
                        <i class="fa-solid fa-envelope"></i>
                        </span>
                    </span>

                    <span class="social-media-text">Schreib uns ein Mail :)</span>
                </div>
            </a>

            <a href="{% url 'discord' %}">
                <div class="social-media-box">
                    <span class="social-media-badge badge">
                        <span class="social-media-badge-symbol">
                        <i class="fa-brands fa-discord"></i>
                        </span>
                    </span>
                    <span class="social-media-text">Komm auf unseren Discord-Server!</span>
                </div>
            </a>

            <a href="{% url 'instagram' %}">
                <div class="social-media-box">
                    <span class="social-media-badge badge">
                        <span class="social-media-badge-symbol">
                        <i class="fa-brands fa-instagram-square"></i>
                        </span>
                    </span>
                    <span class="social-media-text">Instagram</span>
                </div>
            </a>

            <a href="{% url 'telegram' %}">
                <div class="social-media-box">
                    <span class="social-media-badge badge">
                        <span class="social-media-badge-symbol">
                        <i class="fa-brands fa-telegram"></i>
                        </span>
                    </span>
                    <span class="social-media-text">Telegram</span>
                </div>
            </a>

            <a href="{% url 'facebook' %}">
                <div class="social-media-box">
                    <span class="social-media-badge badge">
                        <span class="social-media-badge-symbol">
                        <i class="fa-brands fa-facebook-square"></i>
                        </span>
                    </span>
                    <span class="social-media-text">Facebook</span>
                </div>
            </a>

            <a href="{% url 'posts:posts.calendar' %}">
                <div class="social-media-box">
                    <span class="social-media-badge badge">
                        <span class="social-media-badge-symbol">
                        <i class="fa-regular fa-calendar"></i>
                        </span>
                    </span>
                    <span class="social-media-text">FET-Ka­len­der abonnieren</span>
                </div>
            </a>
        </div>
    </div>
</div>

{% endblock %}
