{{ define "main" }}
  <main>
    <section class='entries'>
      <div class="welcome-text"><u>lumbung.space</u> is a social and publishing platform for sharing harvests by all members online. It is non-extractive, co governed by the users, and is built on open platforms.</div>
      <div class="app-columns">
        <div class="app-column">
          <a href="/timeline/">
            <img class="app-icon" src="/img/buttons/harvest.svg" alt="harvest">
            <p class="app-name">harvest</p>
          </a>
          <p class="app-description">Digital timeline of harvests for collective learning</p>
        </div>

        <div class="app-column">
          <a href="/calendar/">
            <img class="app-icon" src="/img/buttons/calendar.svg" alt="calendar">
            <p class="app-name">calendar</p>
          </a>
          <p class="app-description">Watch out for upcoming lumbung programs on our open-source calendar</p>
        </div>

        <div class="app-column">
          <a href="/tv/">
            <img class="app-icon" src="/img/buttons/tv.svg" alt="tv">
            <p class="app-name">tv</p>
          </a>
          <p class="app-description">Video archive. Watch or upload videos or start a livestream</p>
        </div>
      
        <div class="app-column">
          <a href="/social/">
            <img class="app-icon" src="/img/buttons/social.svg" alt="social">
            <p class="app-name">social</p>
          </a>
          <p class="app-description">Like twitter but for us! Jokes, announcements, chitchat</p>
        </div>

        <div class="app-column">
          <a href="/pen/">
            <img class="app-icon" src="/img/buttons/pen.svg" alt="lumbung.pen">
            <p class="app-name">pen</p>
          </a>
          <p class="app-description">Write and publish longer texts.</p>
        </div>

        <div class="app-column">
          <a href="/shouts/">
            <img class="app-icon" src="/img/buttons/shouts.svg" alt="shouts">
            <p class="app-name">shouts</p>
          </a>
          <p class="app-description">lumbung members and artists share content from their ekosistems</p>
        </div>
      
        <div class="app-column">
          <a href="/tags/lumbungkios/">
            <img class="app-icon" src="/img/buttons/kios.svg" alt="kios">
            <p class="app-name">kios</p>
          </a>
          <p class="app-description">Network of decentralized and self-run Kios to sell products at different locations</p>
        </div>

        <div class="app-column">
          <a href="/tags/lumbunggallery/">
            <img class="app-icon" src="/img/buttons/gallery.svg" alt="gallery">
            <p class="app-name">gallery</p>
          </a>
          <p class="app-description">Collectively governed, non speculative, and regenerative gallery of the lumbung network</p>
        </div>

        <div class="app-column">
          <a href="https://books.lumbung.space/">
            <img class="app-icon" src="/img/buttons/books.svg" alt="lumbung.books">
            <p class="app-name">books</p>
          </a>
          <p class="app-description">Archive of publications. Share, read or download PDFs and ebooks</p>
        </div>
      
      </div>

      <div class="lumbung-radio-player" onclick="window.open('https://lumbungradio.stationofcommons.org', 'Lumbung Radio', 'height=800,width=450')">
        <svg class="lumbung-radio-play-button" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M7 4V20L20 12L7 4Z" fill="#CA14D4" stroke="#CA14D4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
        <span>lumbung radio</span>
      </div>
  </main>
{{ end }}