{% extends "base.html" %}

{% block head %}
<link rel="stylesheet" href="{{ url_for('static', filename='style/index.css') }}">
{% endblock %}

{% block title %} Homepage {%endblock%}

{% block robots %}
<meta name="robots" content="index, nofollow" />
{% endblock %}
{% block header %}{% endblock %}

{% block content %}
<main>
    <header>
        <a href="/">
            <h1>Drosera Springs</h1><span>COLORADO, USA</span>
        </a>
    </header>
    <form method="post" action="/search" id="search">
        <input type="search" name="query" aria-label="Search"><button type="submit">Search</button>
    </form>
    <nav>
        {% if session.username %}
        <a href="/logout">Log Off</a>
        {% else %}
        <a href="/login">Resident Portal</a>
        <a href="/guest">Guest Access</a>
        {% endif %}
        <a href="/eguide">Visitor's Guide</a>
        <a href="/permits">Permits</a>
        <a href="/news">eNewsletter</a>
        <a href="/radio">Community Radio</a>
        <a href="/absidy">Absidy Center</a>
        <a href="/hyde">Local Wrestling</a>
        <a href="https://git.icolotl.com">Open Data</a>
    </nav>
</main>
<section>
    <div>
        <h2><a href="/news">News</a></h2>
        <h3>{{ news.title }}</h3>
        <small>Published {{ news.date }}</small>
        <p>{{ news.content }}</p>
        <a href="/news">For more, click here.</a>
    </div>
    <div>
        <h2>Events</h2>
        No events are planned.<br>
        Check back later!
    </div>
    <div>
        <h2><a href="/absidy">Spotlight</a></h2>
        <img src="/static/img/photography.webp" alt="Absidy Center Photography Showcase">
        <a href="/absidy">For more photography and art, click here.</a>
    </div>
</section>
{% endblock %}