{% extends "base.html" %}

{% block main %}
<div class="content_container">
    <h1 class="page-header">About</h1>
    <div style="max-width: 900px;">
    <p>This webpage is part of the artwork <i>Hunting Mosquitos</i> by Angeliki Diakrousi. It is a geolocative app that allows navigation in the city through mapping hang-outs and installations of Mosquitos. It invites you to playfully explore the city and participate in a discussion around public spaces. The web app is developed by Alex Roidl.</p>

    <p>The site is running on a flask instance, storing data in a sqlite database. The location is tracked using the geolocation api. Audio is recorded through the webaudio api.</p>

    <p>If you have any questions contact:</p> <p><a href="mailto:info@huntingmosquitos.nl">info at huntingmosquitos.nl</a></p>

<br>
<br>
    <h1>How to use</h1>
    <ul>
        <li>* turn on your location and activate it for the browser app you use</li>
        <li>* allow access to your location if asked</li>
        <li>* you will see your position in red circle</li>
        <li>* you can change the view by clicking on <i>Choose View</i></li>
        <li>* use the compass to navigate to the closest mosquito</li>
        <li>* while walking in the city and visiting different spots you can add:
            <ul>
                <li>_your favorite hangout</li>
                <li>_the presence of a mosquito</li>
                <li>_a voice/sound message (allow access to your microphone)</li>
                <li> _a text message</li>
            </ul>
        </li>
        <li>* notes:
            <ul>
                <li>_to get inspiration for the messages you are invited to check <a href="https://huntingmosquitos.nl/questions/">these questions</a></li>
                <li> _the web app works on mobile phones</li>
                <li>_it may not work to all browsers</li>
                <li>_if the coordinates are not valid then you are directed to a broken page</li>

            </ul>

        </li>
    </ul>

    </div>


</div>

{% endblock %}