{% extends "base.html" %}
{% block content %}
  <div class="container">
    <nav class="navbar" role="navigation" aria-label="main navigation">
      <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbar">
        <span aria-hidden="true"></span>
        <span aria-hidden="true"></span>
        <span aria-hidden="true"></span>
      </a>
      <div id="navbar" class="navbar-menu">
        <div class="navbar-end">
          <div class="navbar-item">
            <a href="/"><strong>services</strong></a>
          </div>
          <div class="navbar-item">
            <a href="/invites"><strong>invites</strong></a>
          </div>
        </div>
      </div>
    </nav>
    <div class="logo">
      <img src="{{ url_for('static', path='svg/lumbung_space_logo.svg') }}" alt="lumbung.space logo">
    </div>
    {% set site_list = ("tv","social","cloud","pen", "books") %}
    <div class="columns is-multiline is-gapless is-mobile">
      {% for i in site_list %}
        <div class="column site is-one-fifth-tablet is-one-third-mobile">
          <a href="https://{{i}}.lumbung.space">
            <img src="{{ url_for('static', path='svg/' ~ i ~'_lumbung.svg') }}" alt="lumbung.{{i}}">
            <p>{{i}}.lumbung.space</p>
          </a>
        </div>
      {% endfor %}
    </div>
  </div>
{% endblock %}