{% extends "base.html" %}
{% block main %}
<div id="nav" class="container">
  <button id="leftmostbtn"><a href="/">All books</a></button>
  <button><a href="/upload">Upload</a></button>
  <div class="dropdown" style="visibility: hidden">
    <button id="Year" class="dropbtn">Year</button>
  </div>
</div>
  <div class="event">
    {% if upcoming %}
    <h2 id="upcomingevent">Upcoming event!</h2>
    {% else %}
    <p id="latestevent">Unfortunately this Read&Repair event has already happened, keep an eye on <a href="http://varia.zone/">varia.zone</a>
      or this site for upcoming Read&Repair and other Varia events!</p>
    {% endif %}
    <h2>{{ event.title }}</h2>
    {{ event.description|safe }}
  </div>
{% endblock %}