{% 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. Flask is a web framework, written in Python, that allows you to develop web applications. The location is tracked using the Geolocation API. Audio is recorded through the Web Audio API. Here is the code: https://git.xpub.nl/aaaa/huntingmosquitos</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 internet browser app you use</li>
        <li>* allow access to your location if asked</li>
        <li>* you will see your position in a 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 and hold your phone horizontally</li>
        <li>* while walking in the city and visiting different spots you can add:
            <ul>
                <li>_your favourite 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 with compass sensor</li>
                <li>_it may not work with all browsers</li>
                <li>_if your location is not activated you will be directed to a broken page when adding a mosquito or a hangout</li>

            </ul>

        </li>
    </ul>

    </div>


</div>

{% endblock %}