You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
48 lines
2.0 KiB
HTML
48 lines
2.0 KiB
HTML
{% 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 %}
|