{% extends "base.html.twig" %}
{% block content %}
<div class="intro-page">
     <div class="intro-page-logo">zer.ooo</div>
     <div class="intro-page-welcome-text">what even is infosec?</div>
     <ul class="topnav">
    {% if user %}
     <li><a href="/logout">Logout</a></li>
     <li><a href="/panel">Control Panel</a></li>
    {% else %}
     <li><a href="/login">Login</a></li>
     <li><a href="/register">Register</a></li>
    {% endif %}
    </ul>
    <a href="#info-page"><i class="fa fa-angle-double-down fa-5x" aria-hidden="true"></i></a>
  </div>

<div class="info-page">
<a name="info-page"></a>
<div class="info-page-item">
<center><span class="flaticon-like"></span></center>
<h1>Unreliable</h1>
<p>Don't complain if this goes down.</p>
</div>

<div class="info-page-item">
<center><span class="flaticon-garbage"></span></center>
<h1>Incompetent</h1>
<p>I have no idea what I'm doing dog meme.jpg</p>
</div>

<div class="info-page-item">
<center><span class="flaticon-locked-1"></span></center>
<h1>Insecure</h1>
<p>Don't rely on this VPN if your life depends on it.</p>
</div>
</div>
<div class="footer-page">
  <h1>an {{ author }} production</h1>
<a href="https://github.com/{{ githubRepo }}"><i class="fa fa-github fa-4x" aria-hidden="true"></i></a>
    {% if contributors|length > 0 %}
        <h2>with the help of
        {% for contributor in contributors %}
            {% if loop.index0 < (loop.length - 1) and loop.index0 > 0 %}, {% elseif loop.index0 == (loop.length - 1) %} and {% endif %}
            <a href="{{ contributor.html_url }}">{{ contributor.login }}</a>
        {% endfor %}
        </h2>
    {% endif %}
</div>
{% endblock %}