{% extends "base.html" %}

{% block content %}
{% include 'nav.html' %}
<div class="logo">
  <a href="https://lumbung.space">
    <img src="{{ url_for('static', path='svg/lumbung_space_logo.svg') }}" alt="lumbung.space logo">
  </a>
</div>
<div class="columns is-multiline is-gapless is-mobile is-centered">
  <div class="column site is-one-third-tablet is-one-quarter-desktop is-one-half-mobile">
    <a href="https://tv.lumbung.space/plugins/auth-openid-connect/0.0.5/auth/openid-connect">
      <img class="app_icon" src="{{ url_for('static', path='svg/tv_lumbung.svg') }}" alt="lumbung.tv">
      <p class="app_name">tv.lumbung.space</p>
    </a>
    <p class="app_description">Video archive. Watch or upload videos or start a livestream!</p>
  </div>

  <div class="column site is-one-third-tablet is-one-quarter-desktop is-one-half-mobile">
    <a href="https://social.lumbung.space">
      <img class="app_icon" src="{{ url_for('static', path='svg/social_lumbung.svg') }}" alt="lumbung.social">
      <p class="app_name">social.lumbung.space</p>
    </a>
    <p class="app_description">Like twitter but for us! Jokes, announcements, chitchat!</p>
  </div>

  <div class="column site is-one-third-tablet is-one-quarter-desktop is-one-half-mobile">
    <a href="https://cloud.lumbung.space">
      <img class="app_icon" src="{{ url_for('static', path='svg/cloud_lumbung.svg') }}" alt="lumbung.cloud">
      <p class="app_name">cloud.lumbung.space</p>
    </a>
    <p class="app_description">Share and organize files.</p>
  </div>

  <div class="column site is-one-third-tablet is-one-quarter-desktop is-one-half-mobile">
    <a href="https://pen.lumbung.space/wp-admin">
      <img class="app_icon" src="{{ url_for('static', path='svg/pen_lumbung.svg') }}" alt="lumbung.pen">
      <p class="app_name">pen.lumbung.space</p>
    </a>
    <p class="app_description">Write and publish longer texts.</p>
  </div>

  <div class="column site is-one-third-tablet is-one-quarter-desktop is-one-half-mobile">
    <a href="https://books.lumbung.space/link/generic">
      <img class="app_icon" src="{{ url_for('static', path='svg/books_lumbung.svg') }}" alt="lumbung.books">
      <p class="app_name">books.lumbung.space</p>
    </a>
    <p class="app_description">Archive of publications. Share, read or download PDFs and ebooks!</p>
  </div>

  <div class="column site is-one-third-tablet is-one-quarter-desktop is-one-half-mobile">
    <a href="https://panduan.lumbung.space/">
      <img class="app_icon" src="{{ url_for('static', path='svg/panduan_lumbung.svg') }}" alt="lumbung.panduan">
      <p class="app_name">panduan.lumbung.space</p>
    </a>
    <p class="app_description">Our collectively written knowledge base, FAQs, manuals and more!</p>
  </div>

  <div class="column site is-one-third-tablet is-one-quarter-desktop is-one-half-mobile">
    <a href="https://nongkrong.lumbung.space/">
      <img class="app_icon" src="{{ url_for('static', path='svg/nongkrong_lumbung.svg') }}" alt="lumbung.nongkrong">
      <p class="app_name">nongkrong.lumbung.space</p>
    </a>
    <p class="app_description">Chatrooms, 1-1 chat, video calls. Come and nongkrong :)</p>
  </div>

  <div class="column site is-one-third-tablet is-one-quarter-desktop is-one-half-mobile">
    <a href="https://sounds.lumbung.space/">
      <img class="app_icon" src="{{ url_for('static', path='svg/sounds_lumbung.svg') }}" alt="lumbung.sounds">
      <p class="app_name">sounds.lumbung.space</p>
    </a>
    <p class="app_description">Sharing music, streams, audio archiving and more.</p>
  </div>
</div>
</div>
{% endblock %}