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.

189 lines
9.0 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Refresh" content="600">
<title></title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="popup">
Dear Practitioner,
<br>What type of questions are part of your publishing practice?
<br>What is beyond the what, why, how, where, to whom questions?
<br>
<br>
<b>**Reflective Thought Process**</b>
<br>
A reflective approach to publishing will focus on each question in a referencial way, it follows a clear path on solving the problem and reduces it to concrete decisions. For example, if you have an archive of photos you would like to publish, when it comes to urgency, you would ask yourself: why do I want to expose this? What are my reasons to circulate this material? In a hypothetical scenario you could answer: because they are the historical memory of a forgotten event, and you would like to remark or highlight what happened. <br>
<br>
<b>**Diffractive Thought Process**</b>
<br>
I imagine that a diffractive approach to the same scenario would not stop itself in answering the question of urgency, and instead it would actually answer with another question. How are those reasons connected with my publishing actions? How could each of these questions relate to each other? A diffractive approach may be frustrating because it tends to stay in-concrete bouncing without finding solutions. But a diffractive approach is not antagonistic to a reflective one. So reflection can be used as needed. Diffraction just focuses on shed light on creativity *blind spots*. Those moments in the project that it has not been seen yet. It calls for *imagination* and *magic thought* where the irrationality of some questions struggles with being concrete. **It is abstract in its resolution but factual in its contingency.** <br>
<br>
This is a work in progress that evolves with the project and aims to be a tool that will help in publishing processes. What you are reading is one example of what I imagine this tool can be.
<br>
<br>
Thank you for reading.
<br>
<br>
<p onclick="popup_close()"><b>CLOSE</b></p>
</div>
<div class="questions">
<!-- -----------------Left----------------- -->
<div class="container" id="left">
<div id="project_what" class="cell half">
<form action="">
<label for="proj_what">1. What is the content to publish? ⤷</label>
<!-- <input type="text" id="proj_what" name="what" placeholder=""> -->
<ul id="proj_what_input">
<li>> Bird sounds, description and information related to each bird, interviews of inhabitants.</li>
<li>> The research will mostly be produced in audio format.</li>
</ul>
</form>
</div>
<div id="project_why" class="cell half">
<form action="">
<label for="proj_why">2. Why do we want to publish it? ⤷</label>
<!-- <input type="text" id="proj_why" name="why" placeholder=""> -->
<ul id="proj_why_input">
<li>> As an act of pedagogy on local fauna</li>
<li>> To promote awareness on the preservation of bird species.</li>
<li>> To create a first archive for the future of current sound maps of the city</li>
<li>> To motivate the construction of sound imaginaries beyond the visual</li>
</ul>
</form>
</div>
</div>
<!-- -----------------Left----------------- -->
<!-- -----------------Middle----------------- -->
<div class="container" id="middle">
<div id="title" class="cell">
<div id="title_text">
Questions of Publishing
</div>
<button id="info_icon" onclick="popup()">
?
</button>
</div>
<div id="ref_diff" class="cell">
<button id="ref">
Reflective Thought Process
</button>
<div class="separator"></div>
<button id="diff" onclick="next_no_1()">
Diffractive Thought Process
</button>
</div>
<div id="project_title" class="cell">
<form action="">
<label for="proj_title">Title ⤷</label>
<!-- <input type="text" id="proj_title" name="title" placeholder=""> -->
<p id="proj_title_input">Does it have a title?</p>
</form>
</div>
<div id="project_des" class="cell">
<form action="">
<label for="proj_des">Description ⤷</label>
<!-- <input type="text" id="proj_des" name="des" placeholder=""> -->
<p id="proj_des_input">A collective of biologists, artists and researchers, interested into how bird species are disappearing in the neighbour La candelaria in Bogota has the idea to make a sound archive of the species that are inhabiting the area. As a starting point, they have a general old sound archive from Bogotá made by an ornithologist scientist in early 2000's. Theirs plans so far are to do area recognition and record new material. First to record species that are not part of the archive and additionally to make interviews to the inhabitants who has memories of the missing species.</p>
</form>
</div>
<div id="project_budg" class="cell">
<form action="">
<label for="proj_budg">Budget ⤷</label>
<!-- <input type="text" id="proj_budg" name="budg" placeholder=""> -->
<p id="proj_budg_input">They got a small grant from the municipality that let them produce a final product in a period of 3 months.</p>
</form>
</div>
<div id="project_whom" class="cell">
<form action="">
<label for="proj_whom">5. To Whom are you publishing it? ⤷</label>
<!-- <input type="text" id="proj_whom" name="whom" placeholder=""> -->
<ul id="proj_whom_input">
<li>> Principally for neighbours' inhabitants: families that lives there and continuously may relate with those bird sounds.</li>
</ul>
</form>
</div>
</div>
<!-- -----------------Middle----------------- -->
<!-- -----------------Right----------------- -->
<div class="container" id="right">
<div id="project_how" class="cell half">
<form action="">
<label for="proj_what">3. How are we going to publish it? ⤷</label>
<!-- <input type="text" id="proj_how" name="how" placeholder=""> -->
<ul id="proj_how_input">
<li>> Investigating on local birds.</li>
<li>> Recording and collecting the sounds. Mapping different areas within the neighbour</li>
<li>> Editing it as a collection of files</li>
<li>> Creating a website that hosts the sounds and interviews</li>
<li>> Each sound will be located on a Candelarias' map</li>
</ul>
</form>
</div>
<div id="project_where" class="cell half">
<form action="">
<label for="proj_where">4. Where is it gonna be circulating? ⤷</label>
<!-- <input type="text" id="proj_where" name="where" placeholder=""> -->
<ul id="proj_where_input">
<li>> The little shops around and local social media groups.</li>
</ul>
</form>
</div>
</div>
<!-- -----------------Right----------------- -->
</div>
<!-- -----------------Diffractive----------------- -->
<div class="diff" id="no_1">
<p>Why the preservation of a specie is connected with the local circumstances?<span class="plus" onclick="next_no_2()">+</span></p>
</div>
<div class="diff" id="no_2">
<p>How can audio formats be pedagogical?<span class="plus" onclick="next_no_3()">+</span></p>
</div>
<div class="diff" id="no_3">
<p>What is the content of a map?<span class="plus" onclick="next_no_4()">+</span></p>
</div>
<div class="diff" id="no_4">
<p>How a website could circulate in a little shop?<span class="plus" onclick="next_no_5()">+</span></p>
</div>
<div class="diff" id="no_5">
<p>What would be a local map?<span class="plus" onclick="next_no_6()">+</span></p>
</div>
<div class="diff" id="no_6">
<p>How can this research connect with other initiatives in the neighbourhood?<span class="plus" onclick="next_no_7()"">+</span></p>
</div>
<div class="diff" id="no_7">
<p>What does preservation relate with audio recordings?<span class="plus">+</span></p>
</div>
<!-- -----------------Diffractive----------------- -->
<script src="index.js"></script>
</body>
</html>