{{ define "main" }}
    <div class="d-flex flex-column-reverse flex-md-column">
        {{ partial "hero.html" . }}
        <div class="container">
            <img src="{{ (resources.Get "images/hero-image.jpg").RelPermalink }}"
                 alt="{{ if eq .Site.Language.Lang "de" }}Hero Bild{{ else }}Hero Image{{ end }}"
                 class="about-image img-fluid w-100">
        </div>
    </div>
    <section class="about-section">
        <div class="container">
            <div class="row mt-5">
                <div class="col-md-4 mb-4">
                    <div class="card h-100">
                        <div class="card-header">
                            {{ if eq .Site.Language.Lang "de" }}Unterstützung im Studium{{ else }}Support in Your Studies{{ end }}
                        </div>
                        <div class="card-body">
                            <p class="card-text">
                                {{ if eq .Site.Language.Lang "de" }}
                                    Wir bieten euch Beratung und Hilfe bei allen Fragen rund ums Informatik-Studium – egal ob bei der Kurswahl, Prüfungen oder einfach, wenn du mal nicht weiterweißt.
                                {{ else }}
                                    We offer advice and support for all questions related to computer science studies – whether it's course selection, exams, or just if you get stuck.
                                {{ end }}
                            </p>
                        </div>
                        <div class="card-button">
                            <a href="{{ if eq .Site.Language.Lang "de" }}/studium{{ else }}/en/studium{{ end }}"
                               class="btn btn-primary">
                                {{ if eq .Site.Language.Lang "de" }}Mehr erfahren{{ else }}Learn more{{ end }}
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 mb-4">
                    <div class="card h-100">
                        <div class="card-header">
                            {{ if eq .Site.Language.Lang "de" }}Veranstaltungen & Events{{ else }}Events & Activities{{ end }}
                        </div>
                        <div class="card-body">
                            <p class="card-text">
                                {{ if eq .Site.Language.Lang "de" }}
                                    Von Spieleabenden bis zu Vernetzungstreffen. Wir organisieren vielfältige Events für alle Studierenden. Triff andere Studis, lerne Neues und hab einfach Spaß abseits vom Uni-Alltag.
                                {{ else }}
                                    From game nights to networking events. We organize diverse activities for all students. Meet others, learn new things, and just have fun outside of university life.
                                {{ end }}
                            </p>
                        </div>
                        <div class="card-button">
                            <a href="{{ if eq .Site.Language.Lang "de" }}/events{{ else }}/en/events{{ end }}"
                               class="btn btn-primary">
                                {{ if eq .Site.Language.Lang "de" }}Mehr erfahren{{ else }}Learn more{{ end }}
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 mb-4">
                    <div class="card h-100">
                        <div class="card-header">
                            {{ if eq .Site.Language.Lang "de" }}Mitmachen & Engagement{{ else }}Get Involved & Participate{{ end }}
                        </div>
                        <div class="card-body">
                            <p class="card-text">
                                {{ if eq .Site.Language.Lang "de" }}
                                    Werde Teil des iFSR und bring dich ein! Egal ob du bei Events helfen willst, oder mitreden möchtest. Bei uns kannst du das Studium mitgestalten und neue Erfahrungen sammeln.
                                {{ else }}
                                    Become part of iFSR and get involved! Whether you want to help with events or have a say. With us, you can help shape your studies and gain new experiences.
                                {{ end }}
                            </p>
                        </div>
                        <div class="card-button">
                            <a href="{{ if eq .Site.Language.Lang "de" }}/about/uniwahlen{{ else }}/en/about/uniwahlen{{ end }}"
                               class="btn btn-primary">
                                {{ if eq .Site.Language.Lang "de" }}Mehr erfahren{{ else }}Learn more{{ end }}
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="ese-section mt-5 mb-5">
        <div class="container">
            <div class="card text-center">
                <div class="card-header">
                    {{ if eq .Site.Language.Lang "de" }}Neu an der Uni?{{ else }}New to University?{{ end }}
                </div>
                <div class="card-body">
                    <p class="card-text">
                        {{ if eq .Site.Language.Lang "de" }}
                            Alle Infos für Erstsemester findet ihr auf unserer ESE-Seite – schaut vorbei! Dort erfahrt ihr, was euch in der Einführungswoche erwartet, welche Veranstaltungen stattfinden und wie ihr am besten in euer Studium startet. Außerdem lernt ihr andere Studis kennen und könnt euch vernetzen.
                        {{ else }}
                            All information for freshmen can be found on our ESE page – check it out! There you will learn what to expect during orientation week, which events are happening, and how to best start your studies. You’ll also meet other students and have the chance to network.
                        {{ end }}
                    </p>
                    <a href="https://ese.ifsr.de/" class="btn btn-primary">
                        {{ if eq .Site.Language.Lang "de" }}Zur ESE-Website{{ else }}To the ESE website{{ end }}
                    </a>
                </div>
            </div>
        </div>
    </section>
    <section class="feed-section">
        <div class="container">
            <h2 class="feed-heading text-center">
                {{ if eq .Site.Language.Lang "de" }}Neuigkeiten{{ else }}News{{ end }}
            </h2>
            <p class="lead text-center mt-4">
                {{ if eq .Site.Language.Lang "de" }}Aktuelles aus der Fachschaft – Neuigkeiten, Events und Infos rund ums Informatikstudium{{ else }}Latest from the student council – news, events and info about computer science studies{{ end }}
            </p>
            <div id="feed"></div>
        </div>
    </section>
{{ end }}