{% extends "base.html" %}
{% block main %}
<div id="buttons">

	{% if not current_user.is_authenticated %}
	<div class="signin">
		<a href="/login">
			<input type="button" name="button" value="Sign in"></input>
		</a>
	</div>
	<div class="signin">
		<a href="/register">
			<input type="button" name="button" value="Register"></input>
		</a>
	</div>
	{% else %}
	<div class="distribusi">
		<a href="/distribusi">
			<input type="button" name="button" value="Distribusi"></input>
		</a>
	</div>
	{% if adminuser %}
	<div class="admin">
		<a href="/admin">
			<input type="button" name="button" value="Admin"></input>
		</a>
	</div>
	{% endif %}
	<div class="logout">
		<a href="/logout">
			<input type="button" name="button" value="Logout"></input>
		</a>
	</div>
	{% endif %}
	<div class="help">
		<a href="/help">
			<input type="button" name="button" value="Help"></input>
		</a>
	</div>
</div>
	{% if current_user.is_authenticated %}
	  <h2 id="fancyboi"> Hi {{ current_user.email }}!</h2>
	{% else %}
		<h2 id="fancyboi"> Welcome to distribusi-verse</h2>
	{% endif %}
<div class="maincontent">
	<p>Distribusi is a content management system for the web that produces static index pages based on folders in the files system. It is inspired by the automatic index functions featured in several popular web servers. Distribusi works by traversing the file system and directory hierarchy to automatically list all the files in the directory, detect the file types and providing them with relevant html classes and tags for easy styling.
	</p>
	<hr>
	<p>
	This particular work in progress project is an attempt to make distribusi into a webinterface that can be operated remotely without any knowlegde of CLI. Trying to combine the ideas of distribusi with the ideas of a <a href="https://tildeverse.org/">Tildeverse</a> and <a href="https://tilde.club/">Tilde club</a>, but also be neither of these ideas. See a full list of tildeverse members <a href="https://tildeverse.org/members/">here</a>.</p>
	<hr>
	<p>This project is made for <a href="https://www.wdka.nl/practices/autonomous-practices/">Autonomous Practices </a>at the <a href="https://www.wdka.nl/">WDKA</a> in Rotterdam.</p>
</div>
	<!-- a div with all the distribusis listed in the distribusiverse	-->
<div id="distribusiverse" class="maincontent">
	<h2>List of distribusis</h2>
	{% include 'filtermenu.html' %}
	<ul>
		{% for name, distribusi in distribusisindex.items() %}
			<li class='distribusi filter {{ distribusi["term"] }} {{ distribusi["year"] }} {{ distribusi["course"] }}'>
				<a href='stash/{{name}}/index.html'>{{distribusi["username"]}}:{{name}}</a>
				{% for tag in distribusi["tags"] %}
				<span class="tags">{{tag}}</span>
				{% endfor%}
			</li>
		{% endfor%}
	</ul>
</div>
<script src="{{ url_for('static', filename='js/dropdown.js')}}"></script>
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/dropdown.css')}}">
{% endblock %}