|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
|
|
|
<head>
|
|
|
<title>We have a USB full of documents</title>
|
|
|
<meta name="PDI" content="Documentation of PZI's Special Issue #11">
|
|
|
|
|
|
<script>
|
|
|
var head = document.getElementsByTagName('head')[0];
|
|
|
var xhttp = new XMLHttpRequest();
|
|
|
xhttp.onreadystatechange = function() {
|
|
|
if (this.readyState == 4 && this.status == 200) {
|
|
|
let css = document.createElement('style');
|
|
|
css.innerHTML = this.responseText;
|
|
|
head.appendChild(css);
|
|
|
}
|
|
|
};
|
|
|
xhttp.open("GET", "https://pad.xpub.nl/p/publication11_CSS/export/txt", true);
|
|
|
xhttp.send();
|
|
|
</script>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<div class="header">
|
|
|
<h1>We have a USB full of documents</h1>
|
|
|
</div>
|
|
|
|
|
|
<nav> <!-- Control buttons -->
|
|
|
<div class="myBtnContainer" id="myBtnContainer">
|
|
|
<button class="btn active" onclick="filterSelection('all')"> Show all</button>
|
|
|
<button class="btn" onclick="filterSelection('tools')"> Tools</button>
|
|
|
<button class="btn" onclick="filterSelection('methods')"> Methods</button>
|
|
|
<button class="btn" onclick="filterSelection('experiences')"> Experiences </button>
|
|
|
</div>
|
|
|
</nav>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="intro" id="intro"> <!--data-aos="hide" data-aos-anchor="#empty" data-aos-duration="300" data-aos-offset="580"--><h2>This is an introduction...</h2> <h5> ...to the whole freaking thing. You want to cook? Go ahead! Embrace the limitations!!</h5>
|
|
|
<a href="#swarm1" class="introlink">Swarm1</a>
|
|
|
<a href="#swarm2" class="introlink">Swarm2</a>
|
|
|
<a href="#swarm3" class="introlink">Swarm3</a>
|
|
|
</div>
|
|
|
|
|
|
<div class="main">
|
|
|
<input type="button" class="printbutton" value="Print selection"name="printselection" onclick="window.print();return false;"/>
|
|
|
<div class="empty" id="empty"></div>
|
|
|
|
|
|
|
|
|
<div class="container">
|
|
|
<section>
|
|
|
|
|
|
<!--data-aos="fade-right" data-aos-duration="1000" data-aos-offset="500"-->
|
|
|
<div class="filterDiv Ar" id="swarm1">
|
|
|
<h3>SWARM 01</h3>
|
|
|
<h1> WE HAVE A USB FULL OF DOCUMENTS </h1>
|
|
|
<br>
|
|
|
<div class="swarmintro">There is no political power without control over the archive, if not over memory.<br><br>You can’t detach an archive from politics and the long history that formed it.<br><br> All contemporary phenomena must be understood contextually and historically, in relation to the power structures - or institutions - that shaped them, and are still shaping our understandings of ourselves, and of our times.
|
|
|
<br>
|
|
|
<br>
|
|
|
<br>
|
|
|
Is it possible to archive responsibly?<br>
|
|
|
What would that practice be? How do you sensibly collect, understand, and then *structure* memories? <br>
|
|
|
</div>
|
|
|
<div class="checkbox">
|
|
|
<input type="checkbox" id="print" name="print">
|
|
|
<label for="print">Add to print</label>
|
|
|
<br>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="filterDiv Ar Swarm1" id="commencement">
|
|
|
<div class="sectiontitles">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="320"-->
|
|
|
Commencement
|
|
|
<br>& Commandement
|
|
|
<hr class="line1">
|
|
|
</div>
|
|
|
|
|
|
<div class="filterDiv" >
|
|
|
<!--data-aos="fade-in" data-aos-anchor="#illu4" data-aos-duration="800" data-aos-offset="230" id="illu4"-->
|
|
|
<img src="img/sent.png" alt="testtypo" width="300">
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="quote" >
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="170"-->
|
|
|
"Let us not begin at the beginning, nor even at the archive. But rather at the word "archive" - and with the archive of so familiar a word."
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary" >
|
|
|
<!--data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
ἀρχή - Arkhe :
|
|
|
<br>
|
|
|
From the beginning, the origin.<br>
|
|
|
Sovereignity, dominion, authority.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints" >
|
|
|
<!--data-aos="fade-down" data-aos-duration="900" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>The origin of "archive" is complex, and its meaning has constantly been evolving since it first arose.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints" >
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>The concept of the archive is indeed itself hard to archive</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary" >
|
|
|
<!--data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Commencement... :
|
|
|
<br>
|
|
|
An act or instance of commencing,
|
|
|
<br>beginning.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary">
|
|
|
<!--data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
...Commandment :
|
|
|
<br> A command or mandate.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints" >
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Commencement/commandment, the chicken or the egg ?</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Was the archive already an archive before it was archived?</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary" >
|
|
|
<!--data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Arkeion:
|
|
|
<br>A domicile, an address.
|
|
|
<br>Residence of the superior
|
|
|
<br> magistartes, the archons,
|
|
|
<br>those who commmanded.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary" >
|
|
|
<!--data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
ἄρχων - Archon:
|
|
|
<br>Ruler [Greek, *arkhein* to rule]
|
|
|
<br> One of the 9 chief magistrates.
|
|
|
<br>of the city states.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints" >
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>In the beginning, the word archive referred to Archons, who would file and store important documents in their own homes. </li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>According to Aristotle, the power of the king first devolved to the archons, and these offices were filled from the aristocracy by elections every ten years.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="quote" >
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
"On account of their publicly recognized authority, it is at their home, in that place which is their house (private house, family house, or employee's house), that official documents are filed."
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints" >
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>The Archons were entrusted by the general public to store important documents.</li>
|
|
|
<li>They were guardians of these documents.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="quote">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
"They […] ensure the physical security of what is deposited and of the substrate."
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="checkbox">
|
|
|
<input type="checkbox" id="print" name="print">
|
|
|
<label for="print">Add to print</label>
|
|
|
<br>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="filterDiv Ar Swarm1" id="firstchief">
|
|
|
<div class="sectiontitles">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="140"-->
|
|
|
What comes *first* and therefore is *chief* ?
|
|
|
<hr class="line1">
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary" >
|
|
|
<!--data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Ontology...:
|
|
|
<br>Study of the nature of existence
|
|
|
<br>or being as such.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary">
|
|
|
<!--data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
...Nomology:
|
|
|
<br>The science of law or laws.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>An archive holds both ontological aspects (related to the nature of existence) and nomological (law-like) principles.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Archons were considered to posess - and therefore posess the right to make, and represent - the law.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="quote">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
" They do not only ensure the physical security of what is deposited and of the substrate. They are also accorded the hermeneutic right and competence. They have the power to interpret the archives. "
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary" >
|
|
|
<!-- data-aos="slide-left" data-aos-duration="800"data-aos-offset="260"-->
|
|
|
Hermeneutic:
|
|
|
<br>Method or theory of interpretation.
|
|
|
<br>Concerning interpretation.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints" >
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>The functions of hermeneutics are: "the functions of unification, of identification, of classification."</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>"Legitimate hermeneutic authority" :</li>
|
|
|
</ul>
|
|
|
<br> The one who holds the archive (the data) is in the position (and has the authority) to interpret it.</li>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary">
|
|
|
<!-- data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Domiciliation :
|
|
|
<br> Establishment at
|
|
|
<br>a place of residence.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="quote">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
"It is thus, in this domiciliation, in this house arrest, that archives take place. The dwelling, this place where they dwell permanently, marks this institutional passage from the private to the public, …"
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints" >
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>The discourse produces the knowledge, the understanding of it.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints" >
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>A concept doesn't exist until we say it does.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary">
|
|
|
<!-- data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Edict:
|
|
|
<br>A decree or proclamation
|
|
|
<br>issued by an authority,
|
|
|
<br>and having the force of law.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
</ul>
|
|
|
<li>The passage from the domestic to the *public = property + the edicts*.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints" >
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Still a private matter even though made public -still stored in private places.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li> Private > Public > Nonsecret?</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="quote">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
"…which does not always mean from the secret to the nonsecret."
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>The "public" archive VS where it is held : in private homes.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Archives change from a private - as in the homes of certain individuals (archons) - to a public matter.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
</ul>
|
|
|
<li>Archons are intrusted with the interpretation of the documents they were collecting - the documents which also determined the law.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>How transparent is this process ?</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
<br>
|
|
|
|
|
|
<div class="checkbox">
|
|
|
<input type="checkbox" id="print" name="print">
|
|
|
<label for="print">Add to print</label>
|
|
|
<br>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="filterDiv Ar Swarm1" id="hermeneutictradition">
|
|
|
<div class="sectiontitles">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="140"-->
|
|
|
The herme(neu)tic tradition
|
|
|
<hr class="line1">
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary">
|
|
|
<!-- data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Black Box:
|
|
|
<br>anything that has
|
|
|
<br>mysterious or unknown
|
|
|
<br>internal functions or mechanisms.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Archive as a blackbox. The mechanisms within are invisible, visible only to the privileged. </li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>We see the inputs and outputs, but not the actions within. Hidden processes of interpretation. </li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>The archon imposes the law as he has interpreted it, but we folks, have no idea on how he came to the conclusions).</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary">
|
|
|
<!-- data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Topology:
|
|
|
<br> τόπος (place, locality)
|
|
|
<br>+logy(study of).
|
|
|
<br>
|
|
|
<br>*Computers* The arrangement
|
|
|
<br>in which the nodes of a network
|
|
|
<br>are connected to each other.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="quote">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
"With such a status, the documents, which are not always discursive writings, are only kept and classified under the title of the archive by virtue of a privileged topology."
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Physical archives were made public but they were not necessarily promulgated - neither were they accessible to everyone.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>It was a very enclosed and untransparent matter - the internal processes were not disclosed.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary" >
|
|
|
<!-- data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Topo-nomology :
|
|
|
<br>The intersection between
|
|
|
<br>the place and the law.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="quote">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
"At the intersection of the topological and the nomological, of the place and the law, of the substrate and the authority […]. They all have to do with this topo-nomology, with this archontic dimension of domiciliation… "
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>The ones that interpret these documents are the ones making the rules. </li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>The connection between property, knowledge, and power is established.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="checkbox">
|
|
|
<input type="checkbox" id="print" name="print">
|
|
|
<label for="print">Add to print</label>
|
|
|
<br>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="filterDiv Ar Swarm1" id="propertyknowledgepower">
|
|
|
<div class="sectiontitles">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="140"-->
|
|
|
Property x Knowledge x Power<hr class="line1">
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>To own and share the knowledge is to own the power.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Archiving comes from, and gives, a position of power.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>The archivist always holds the power to frame the material.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>The archive is affiliated with the institution or power, which is never neutral.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="quote">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
"…with this archic, in truth patriarchic function, without which no archive would ever come into play or appear as such."
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>"Archon" also has a negative, tyrannical connotation.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>The "archive" (mostly considered as a neutral instance) actually comes from a rather authoritarian history/concept.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Archiving as a very patriarchal practice.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li> The patriarch refers to the material/book/law text, as if he was a servant of it, and says "it's not my fault what’s in it". lol.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li> The arrogance of power.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary">
|
|
|
<!--data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Supremacy:
|
|
|
<br>Supreme authority or power.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Content must be categorized in order to be called an archive. It has a particular set of procedures, it strives for a permanence.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>The link between the right to archive and power, as well as the right for people in power to select and interpret, doesn’t sound like a good idea.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Don't we all strive for permanence?</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="checkbox">
|
|
|
<input type="checkbox" id="print" name="print">
|
|
|
<label for="print">Add to print</label>
|
|
|
<br>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="filterDiv Ar Swarm1" id="afreudianimpression">
|
|
|
<div class="sectiontitles">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="140"-->
|
|
|
A freudian Impression<hr class="line1">
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary">
|
|
|
<!--data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Topography:
|
|
|
<br>A description or an analysis
|
|
|
<br>of a structured entity,
|
|
|
<br>showing the relations among its components.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="quote">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
"A science of the archive must include the theory of this institutionalization, that is to say, at once of the law which begins by inscribing itself there and of the right which authorizes it."
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>History does not write itself, it’s written by people - almost exclusively by a dominant population.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints" >
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Could it be co-written?</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary" >
|
|
|
<!--data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Demystify:
|
|
|
<br>To rid of mystery<br>or obscurity,clarify.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Psychoanalysis as a tool to look at the non-disclosed processes of interpretation.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>By questioning a system of belief, you can come closer to its origin, and its conditions of interpretation, of curation.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Through gaining understanding, some of its power transfers to you.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>It's a subversive act: Instead of focusing only on the content of the archive, one interprets the maker, therefore, undermines/questions their authority.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="quote">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
"This right imposes or supposes a bundle of limits which have a history, a deconstructable history."
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Things can be understood contextually and historically, in relation to power structures and institutions that shaped their own concepts.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>We can’t detach the archive from politics and the long history behind it.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>History, for example, being so very masculine and therefore the archive being so biased and excluding.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Also, the concept of the archive is biased towards written cultures and languages.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>The fact that for a really long time, and still today, it is harder to archive oral cultures, and therefore cultures that archive themselves in text are usually dominant.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="quote">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
"Should one rely on what Freud says about this to classify his works? Should one for example take him at his word when he presents his Moses as a 'historical novel'?"
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary">
|
|
|
<!--data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Covenant:
|
|
|
<br>A usually formal, solemn,
|
|
|
<br>and binding agreement.
|
|
|
<br>A written agreement or promise
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>The intentions behind an archive can be dangerous if their objectivity is taken for granted.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Is the perpetually reflexive state of a human being possible?</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Cognitive philosophy + post-structuralism = clash boom boom!</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="quote">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
"The limits, the borders, and the distinctions have been shaken by an earthquake from which no classificational concept and no implementation of the archive can be sheltered."
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>To question a dominant archive’s legitimacy can threaten its authority.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>It exposes its subjectivities.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>It challenges its supremacy.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>What are the desires at stake? Who are/is the archivist.s? What are their motives? Political views? Class? Where are they from?</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary">
|
|
|
<!--data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Dissemination:
|
|
|
<br>To scatter widely.
|
|
|
<br>The opening of a subject to
|
|
|
<br>widespread discussion
|
|
|
<br>and debate.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Don't take information for granted - question their context and the reasons behind the process of selection.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Disseminate - consider all possible influences.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="quote">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
"Order is no longer assured."
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="checkbox">
|
|
|
<input type="checkbox" id="print" name="print">
|
|
|
<label for="print">Add to print</label>
|
|
|
<br>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="filterDiv Swarm2 methods" id="threadmodel">
|
|
|
<h4>Thread Model</h4>
|
|
|
<div class="placeholder">
|
|
|
<!––data-aos="zoom-in" data-aos-anchor="#threadmodel" data-aos-duration="1000" data-aos-offset="300"––>
|
|
|
<img src="img/icon35.png" alt="icon" width="100">
|
|
|
</div>
|
|
|
<p>A threat/thread model is a set of rules that lists and evaluates all the resources and contents of a project before starting to embark on the projects' journey. A threat model sets clear limits that must be respected when working together.
|
|
|
<br>
|
|
|
During the process we have implemented a thread model to prevent the unwanted publication and communication of sensitive information.</p>
|
|
|
<div class="checkbox">
|
|
|
<input type="checkbox" id="print" name="print">
|
|
|
<label for="print">Add to print</label>
|
|
|
<br>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="filterDiv Swarm2 tools" id="staticwebsite">
|
|
|
<h4>Static website</h4>
|
|
|
<div class="placeholder">
|
|
|
<!––data-aos="zoom-in" data-aos-anchor="#staticwebsite" data-aos-duration="1000" data-aos-offset="300"––>
|
|
|
<img src="img/icon16.png" alt="icon" width="100">
|
|
|
</div>
|
|
|
<p>A static website, the opposite of dynamic websites, is a website with unchanging content, which is mostly written in <a href="#htmlcssjs">HTML</a> and outputs the exact same content to each user. Benefits of this model are the lack of dependencies and increased security and performance.
|
|
|
<br>
|
|
|
A static website was used to publish the archive.</p>
|
|
|
<div class="checkbox">
|
|
|
<input type="checkbox" id="print" name="print">
|
|
|
<label for="print">Add to print</label>
|
|
|
<br>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="filterDiv Swarm2 tools" id="darkweb">
|
|
|
<h4>Dark Web</h4>
|
|
|
<div class="placeholder">
|
|
|
<!-- data-aos="zoom-in" data-aos-anchor="#darkweb" data-aos-duration="1000" data-aos-offset="300"-->
|
|
|
<img src="img/icon02.png" alt="icon" width="100">
|
|
|
</div>
|
|
|
<p>
|
|
|
The Dark Web is a portion of the Internet that one cannot reach by the use of regular search engines. Users need specific software, configurations, or authorization to access to be able to use it. This shelter of anonymity is of a great importance while dealing with censorship and privacy concerns, and because of that the Dark Web is also oftenly perceived as a haven for criminal activities. Tor browser is probably the most used tool to access the dark web.<br>
|
|
|
The Dark Web offers the protective layers that make sure the location of the servers and the identity of the users is secure in the case of possible attempts of persecution of any kind.
|
|
|
</p>
|
|
|
<div class="checkbox">
|
|
|
<input type="checkbox" id="print" name="print">
|
|
|
<label for="print">Add to print</label>
|
|
|
<br>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="filterDiv Swarm2 tools" id="torbrowser">
|
|
|
<h4>Tor Browser</h4>
|
|
|
<div class="placeholder">
|
|
|
<!--data-aos="zoom-in" data-aos-anchor="#torbrowser" data-aos-duration="1000" data-aos-offset="300"-->
|
|
|
<img src="img/icon03.png" alt="icon" width="100">
|
|
|
</div>
|
|
|
<p>
|
|
|
Using the <a href="https://www.torproject.org/download/">Tor Browser</a> helps prevent others from tracking your browsing behavior and user details like location. It is provided by the Tor Project, a non-profit organization. It works by routing all your internet traffic trough random nodes, listed in the Tor network and thus rendering the origin of it unrecognizable.
|
|
|
It is probably the most famous tool used to access the <a href="#darkweb">Dark Web</a>.
|
|
|
<br>
|
|
|
<br>
|
|
|
<div class="code">somewhere, always, online<br>
|
|
|
everywhere, always, online<br>
|
|
|
somewhere, sometimes, offline<br>
|
|
|
nowhere, never, online
|
|
|
</div>
|
|
|
</p>
|
|
|
<div class="checkbox">
|
|
|
<input type="checkbox" id="print" name="print">
|
|
|
<label for="print">Add to print</label>
|
|
|
<br>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="filterDiv Swarm2 tools" id="raspberrypi">
|
|
|
<h4>Raspberry Pi</h4>
|
|
|
<div class="placeholder">
|
|
|
<!-- data-aos="zoom-in" data-aos-anchor="#raspberrypi" data-aos-duration="1000" data-aos-offset="300"-->
|
|
|
<img src="img/icon08.png" alt="icon" width="100">
|
|
|
</div>
|
|
|
<p>
|
|
|
<a href="https://www.raspberrypi.org/">Raspberry Pi</a>is a series of small computers with internal RAM & CPU/GPU and several connectors, like USB or Ethernet. They are being used by a big and diverse community, in education or for all kinds of prototyping projects.
|
|
|
<br>
|
|
|
We used them as a low cost web server to store our websites. As a security measure, three similar servers in different, secret locations provide continuous access to the material, serving as alternative hosts, should one of them be taken down or fail. The basic code structure is being created with <a href="#pythonscript">Python</a>.
|
|
|
</p>
|
|
|
<div class="checkbox">
|
|
|
<input type="checkbox" id="print" name="print">
|
|
|
<label for="print">Add to print</label>
|
|
|
<br>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="filterDiv Swarm3 experiences" id="handling">
|
|
|
<div class="name handling">
|
|
|
<h4>2. Re-opening the boxes: echoing subversive thoughts</h4>
|
|
|
<h3>The redistribution of sensitive, underground or non-commercial archival material</h3>
|
|
|
<hr class="line1">
|
|
|
<div class="placeholder">
|
|
|
<img src="img/name.extension" alt="alternative_title" width="100">
|
|
|
</div>
|
|
|
<p>
|
|
|
<i>"In a time where it's possible to freely transfer gigabytes of files over a wireless network within a couple of minutes, an archive of sensitive material was brought to us on a USB stick, hidden in a bag which was transported by a human through the air on a 17-hour flight."</i>
|
|
|
<br>
|
|
|
2.1 <b>Activating archival material and respreading idea's </b><br>
|
|
|
2.2 <b>Restabilizing unpublished and forgotten material </b><br>
|
|
|
2.3 <b>Physical distribution of digital data </b><br>
|
|
|
2.4 <b>Digital Networking advantages </b><br>
|
|
|
<br>
|
|
|
<i>Key questions in this section:<br>
|
|
|
- What if you can't publish because of political change & censorship?<br>
|
|
|
- What if you are not allowed to publish today what you wrote yesterday? <br>
|
|
|
- What are the possibilities of speeding up the printing and publishing process?<br>
|
|
|
- How can you re-enact(ing) the initial publishing gesture, especially from the importance of underground publishing)?<br>
|
|
|
</i>
|
|
|
</p>
|
|
|
|
|
|
<p>
|
|
|
<h6>2.1 Activating archival material and re-spreading idea's: echoes and activation </h6>
|
|
|
Audiences emerge –or are being created– when things are being shared. In the act of connecting like-minded individuals lies a possibility for building communities to share ideas. This is easily prone to dishonest capitalist systems and (extractive) business models. Appropriating printed material that was meant to mass-inform a large public should not be kept behind paywalls managed by self-proclaimed owners of the knowledge and the material that transmits it. In a matter of fact, this also goes against the nature of the original purpose of independent and underground publishing.
|
|
|
<br>
|
|
|
The technological advantages of today can be used to reconsider and improve underground publishing workflows. For example, the digital state allows easy multiplication of material, networking tools allow real-time and remote collaboration, and all kinds of anonymous distribution and file-sharing possibilities are around before possibly converting it into a physical document. Just like the underground press used to function, but make clever use of the benefits and speed of the digital. <br><br>
|
|
|
<i>
|
|
|
Examples on the impact of alternative press:
|
|
|
<br>
|
|
|
As André Breton, one of the founders of the 1920s Surrealist art movement, famously declared: “One publishes to find comrades!” This short statement brilliantly embodies the spirit of early avant-garde publishing, as well as that of independent publishing later in the 20th century. Strictly speaking, the main concern here is neither commercial success, nor the aesthetic purity of the printed experiment, nor even the archiving of works (at least not yet). Rather, this kind of publishing is all about fostering and spreading ideas among like-minded people, through the ‘viral’ communication model so often applied by the alternative press.
|
|
|
<br>
|
|
|
<br>
|
|
|
Another case in point is the body of work of the Ranters, a radical group which flourished during the second half of the 17th century, with heretical views on religion (if Jesus is in everyone, who needs the Church?), politics (expropriation of the rich and collective ownership of property) and sex (preaching an ideal of free love). Such an extremist rebel group (which counted a few thousand followers in London alone) could easily self-publish and distribute its pamphlets. Though such publications were banned and burned, it was much more difficult to destroy an entire printed edition than had been the case with manuscripts, because of the sheer number of copies as well as their widespread distribution – and so some copies survived, a few even to this day.38 The two major political revolutions of the 18th century were both preceded by a frenzy of intellectual self-publishing activity, including a few ‘underground’ bestsellers. In the case of the French Revolution, many of the countless pamphlets produced were sponsored by printers, based on their potential commercial success.(Both excerpts taken from Post-Digital Print: The Mutation of Publishing since 1894 by Alessandro Ludovico)
|
|
|
</i>
|
|
|
</p>
|
|
|
|
|
|
<p>
|
|
|
<h6>2.2 Restabilizing unpublished and forgotten material </h6>
|
|
|
The networking advantage of digital documents allows it to (re)print unpublished and possibly forgotten material and turn it into physical stable objects. In that way, printing on demand is similar to photocopying and mimeography (stencil printing) from the '80s and '90s. Because these methods were relatively cheap and easy to distribute content, alternative presses, underground and self-publishing flourished and became a popular way to target audiences and sub-cultures.<br>
|
|
|
The fact that many people still choose to own a printed object tells us that a physical copy is still an essential experience to consume information. Paper has some specific qualities and characteristics that are not yet defeated by the benefits of the digital. Print-on-demand services and being able to print documents yourself at home perfectly illustrate our resistance to an all-digital world. We can fold it, cut it up for clippings, draw on it and re-use it for other types of usage. Again, this shows that our entanglement to the physical object can't be put aside just like that.
|
|
|
</p>
|
|
|
|
|
|
<p>
|
|
|
<h6>2.3 Physical Distributing of digital data </h6>
|
|
|
While the internet can be used to easily transfer and share data, physical exchanges of digital data are used for all kinds of reasons. Methods such as 'sneakernets' create a direct relationship between the users, creating an interpersonal human interaction. They are still being used today because of various security considerations that people face. Depending on the underlying purpose, distributing online or via physical storage media, both have advantages and disadvantages.<br><br>
|
|
|
<small>
|
|
|
Sneakernet
|
|
|
<br>
|
|
|
Sneakernet is an informal term for the transfer of electronic information by physically moving media such as magnetic tape, floppy disks, optical discs, USB flash drives or external hard drives between computers, rather than transmitting it over a computer network. (source: https://en.wikipedia.org/wiki/Sneakernet )
|
|
|
</small>
|
|
|
</p>
|
|
|
|
|
|
<p>
|
|
|
<h6>2.4 Digital Networking advantages </h6>
|
|
|
Because of the advantages of publishing online, lots of publishers still only sell hard copies of releases due to reasons such as nostalgic motives, political statements against the 'everywhere always online' omnipresence of our current society, or because they want to control the appearance of their product. In addition to satisfying our reading habits, editions can be collectible because of their physical characteristics such as printing techniques, book design, layout, binding, choice of paper, special finishing, etc. <br>
|
|
|
These choices affect how we read, receive the message and value it. Although the possibilities of professional printing and finishing techniques are getting more accessible due to technological development, they are often limited in customization and design options as they are marketed as practical solutions for the office environment.
|
|
|
</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="filterDiv experiences" id="handling">
|
|
|
<div class="name handling">
|
|
|
|
|
|
<h4>1. Handling archival material: original v.s. digital reproduction</h4>
|
|
|
<h3>Dealing with archival material when its impossible to interact with the original</h3>
|
|
|
<hr class="line1">
|
|
|
<div class="placeholder">
|
|
|
<img src="img/name.extension" alt="alternative_title" width="100">
|
|
|
</div>
|
|
|
|
|
|
<p>
|
|
|
The following texts are intended to function as short insights on what one might encounter when handling a digital archive, especially without having the opportunity to interact with the original physical material. It might (since in my case at least it involved sensitive, sometimes explicit material) lead to a disconnected feeling towards the content; a disconnect that I could not quite put into words. To face this complex relationship, I started to research the following notions:<br>
|
|
|
1.1 <b>Paper as a medium</b> <br>
|
|
|
1.2 <b>The repeatability of print (and why we trust it)</b><br>
|
|
|
1.3 <b>The human relation to the physical copy</b><br>
|
|
|
1.4 <b>The materiality of paper</b><br>
|
|
|
1.5 <b>The ambiguous state of scanned documents</b><br>
|
|
|
1.6 <b>The aura of the original</b><br>
|
|
|
1.7 <b>The 'clumsiness' of scanned material</b><br>
|
|
|
1.8 <b>How format and layout create memories</b><br>
|
|
|
1.9 <b>Activating archival material </b><br>
|
|
|
1.10 <b>Scanning as an act of resistance</b><br>
|
|
|
<br>
|
|
|
<i>
|
|
|
Key questions in this section:<br>
|
|
|
- What is the message of a simulation of a medium?<br>
|
|
|
- How does scanned material relate to experiencing emotional and physical distance of content?<br>
|
|
|
</i>
|
|
|
</p>
|
|
|
|
|
|
<p>
|
|
|
<h6>1.1 Paper as a medium</h6>
|
|
|
Even before the Gutenberg* press changed the world, publishing on paper already had a huge impact on the way that knowledge and information were spread. With the current advent of digital publishing possibilities, the meaning of paper as a medium has changed. Since our normality is to read digital and volatile screen-based content, questions that arise are the following: How does this affect our relation to the physical material that is still everywhere around us? How does it shape the collective memory? What is its importance in publishing subversive (activist) content?
|
|
|
</p>
|
|
|
|
|
|
<p>
|
|
|
In The Myth of the Paperless Office (MIT Press 2001), Abigail J. Sellen and Richard H. R. Harperin refer to the paper medium as a 'physical conductor': <i>"Through the gestural act of passing the printed product from one person to the next, paper may be seen as a conceptual ‘conductor’: able to transfer the metaphorical ‘energy’ it contains." </i>What does this mean in the case of handling and distributing scanned (archival) material? What is 'the message' of a digital representation of a medium? Does it reduce this so-called metaphorical ‘energy’?
|
|
|
</p>
|
|
|
|
|
|
<p>
|
|
|
<small>
|
|
|
*Gutenberg press revolution
|
|
|
In the mid-15th century, Johannes Gutenberg of Germany introduced a new concept that would make the process of printing books more efficient. With his invention of the printing press, which utilized movable text, thousands of pages per day could be printed. This process increased development in science, art and religion, increasing the amount of shareable knowledge and decreasing costs so more people had access to it.(source: <a href=" https://www.whipcord.com "> https://www.whipcord.com</a>
|
|
|
</small>
|
|
|
</p>
|
|
|
|
|
|
<p>
|
|
|
<h6>1.2 The repeatability of print (and why we trust it) </h6>
|
|
|
The human attachment of the tangible is nested in our habits of consuming information by reading. Print on paper has a history of significantly contributing to spreading knowledge, opinions, news reports, counter-arguments, and therefore creating collective memories, a trace of time captured within the material. As Marshall McLuhan noted in Understanding Media:
|
|
|
<i>
|
|
|
“Repeatability is the core of the mechanical principle that has dominated our world, especially since the Gutenberg technology. The message of the print and of typography is primarily that of repeatability.”
|
|
|
</i>
|
|
|
The first book that Gutenberg printed was, in fact, the Bible. Here, technology made a significant contribution to the spread of religion across the world.
|
|
|
<br>
|
|
|
<br>
|
|
|
And in spite of its fragile material characteristics, paper can be around for a very long time. When information is printed, the content never changes. Only our interpretations do. Comparing it to digital media that can be found on the web, print is much more stable and static and faithful. But if influential technologies change our habits, let's assume this sense of stability and faithfulness is currently changing since screen-reading is already the standard for many.
|
|
|
</p>
|
|
|
|
|
|
<p>
|
|
|
<h6>1.3 The human relation to the physical copy</h6>
|
|
|
So, why are we, in a society which is almost entirely networked and screen-based, still printing and transforming digital text into physical copies? Print has some unique characteristics that are still not overthrown by any other format or medium. The space that printed documents, books, archival material, etc. takes is real. It has mass and a certain weight. The more you store, the less physical space you have available.
|
|
|
<br>
|
|
|
<br>
|
|
|
This is in fact fundamentally different than the materiality of the text that appears on your screen or a file of a document that is stored on your hard drive. The sensory perception, intrinsic to human beings, is not something that is simply going to disappear. This feeling of disconnect, caused by a distortion the sensory perception, is what I encountered while handling the digital scans of archival material. (In my case, the contents of the archival material was often explicit, graphic, politically sensitive and sometimes highly personal in nature, which most likely made this relationship even more complex.)
|
|
|
</p>
|
|
|
|
|
|
<p>
|
|
|
<h6>1.4 The materiality of paper</h6>
|
|
|
There is still no electronic device that fully closed the gap to paper. Paper is foldable and can quickly adjust to different reading methods and activities. It's easy to share it in person which creates human encounters. It's very flexible for note-taking and juxtaposing to other material.
|
|
|
<br><br>
|
|
|
No matter how high the quality of the reproduction is, some essential questions can be hard to answer when the physical original is absent. For example what type of paper, printing techniques, ink, etc. were used. All these properties can give more much detailed information on the time in which the original was produced, what the political state was back then, who produced it, etc. Material such as paper has significant 'flaws': it's very much prone to decay, amongst other weathering risks. When archiving, conditions such as temperature, humidity, and fire safety should be optimal for the preservation of the material.
|
|
|
<br><br>
|
|
|
Scanning seems to be the most preservable option available now. While the physical conductor is dematerialized or lost, the message and the information that the material holds are preserved. What does this mean for the metaphorical ‘energy’? Does this get lost as well? Or will this be saved and therefore stored into the digital reproductions?
|
|
|
</p>
|
|
|
|
|
|
<p>
|
|
|
<h6>1.5 The ambiguous state of scanned documents</h6>
|
|
|
In a way, the image of a scan is ambiguous; a scan is a representation of the original, tangible material. A scan finds itself somehow trapped in between the physical and the digital space. It may nonetheless reveal something about its age, the interactions it had with humans over time. A scan is something that you cannot touch, smell, fold or burn. But the mere presence of a scan proves that the original material exists, or existed. It is a carrier that enables information to be made visible, which in turn activates a feeling of trust.
|
|
|
<br>
|
|
|
<br>
|
|
|
When we face the material by only seeing these scans on our screens, a desire for space emerges. We wish to experience a situation of using an actual magnifying glass instead of a zoom function on your computer to enlarge a certain part of the material, ending up seeing fibers instead of pixels. The physical act of going to the material allows different ways of intuitively interacting with the material, instead of having to use a digital interface full of symbols of tools to explore and navigate through the material. Digital spaces leave less room for a messy, intuitive approach that would, in turn, bring different results to the process.
|
|
|
</p>
|
|
|
|
|
|
<p>
|
|
|
<h6>1.6 The 'aura' of the original</h6>
|
|
|
Because print as a carrier for text has been around for so long, it 'has always been perceived as a stable extension of human memory', we are used to the fact of believing that once a text is printed, its content is fixed forever. We interpret it as 'being real and permanent'. It somehow obtains an 'aura'. The reproduction is like a ghost of the aura; trapped somewhere in between the physical and the intangible world. <br><br>
|
|
|
On Wikipedia, it is stated that "when the word 'aura' was used by the culture philosopher Walter Benjamin to compare an original artwork to the reproduction, he said that <i>"even the most perfect reproduction of a work of art is lacking in one element: Its presence in time and space, its unique existence at the place where it happens to be"</i>; and that the <i>"sphere of authenticity is outside the technical [sphere]" </i> of the reproduction of artworks. Therefore, the original work of art is an objet d'art independent of the copy; yet, by changing the cultural context of where the art happens to be, the mechanical copy diminishes the aesthetic value of the original work of art."
|
|
|
</p>
|
|
|
|
|
|
<p>
|
|
|
<h6>1.7 The 'clumsiness' of scanned material</h6>
|
|
|
In terms of quality, usability, and readability, a scan can be perceived as a 'clumsy'. When a document is scanned to retrieve only its textual content, present visual information can be redundant, disruptive and highly impractical for processing. However, these additional visual presences can in fact be perceived as its strength. An image of a scan usually testifies of the manual act that was performed in the creation of the image - it can reveal extra visual traces such as folds, crooked frames, and even hands trying to keep the pages flat while pressing the material against the glass surface of the scanner. Compared to the plain (or OCR-ed) text, it reinforces the fact of the physical existence of the original.
|
|
|
<br>
|
|
|
<br>
|
|
|
Scans, compared to plain text, also add episodical data such as folds, pencil underlines, marginal notes, censorings, spills, signatures, stamps, stains to the original content. This uncovers an intimate history of the material, its life from before it was scanned. It is a narration that tells us about everything the material had to go through to be preserved - or: not to be destroyed.
|
|
|
</p>
|
|
|
|
|
|
<p>
|
|
|
<h6>1.8 How format and layout create memories</h6>
|
|
|
To some extent, our visual memory can be used to retrieve information from a document. We can remember a certain layout, a typeface, color use, type of paper, which connects the specific document to episodic data, related documents, a time in history, etc. A certain format or layout can tell us a lot about the content. Some documents can be visually distinguished from others, based on our knowledge of a tradition of a specific (historical) expression within a text, a poem, an article, a letter, a report, an academic paper, etc.<br>
|
|
|
This can also be applied to digital publications and media. Websites, email conversations, blogs also have certain recognizable visual characteristics that can be stored as well. This also provides more context on how the information was produced and what the intention was. (As well the source code can reveal a lot of information.)<br><br>
|
|
|
When classified digital documents were released during events that took place around Wikileaks, VAULT7, etc, most of the content that was published was embedded (showed) in its original format. Even though it had all the advantages of digital processing options, the plain content was not simply extracted from the source material. Layout, headings, layout, typographic elements were left to add a layer of trust to the textual content. Sometimes, even information such as document numbers or black blocks that censored information was added. Also, a lot of emails were in fact printed and scanned. When converting digital text into a physical medium and back it almost creates some kind of hyperrealism: something that is more real than the original. (Is there, in the case of documents that were originally created digitally, an actual difference between the original and a reproduction? Can a digital file even have an 'aura'?)
|
|
|
</p>
|
|
|
|
|
|
<p>
|
|
|
<h6>1.9 Activating archival material </h6>
|
|
|
Often, out-of-print material and limited small press editions are somehow hidden in small institutions and private collections. These places have a lot of specialized knowledge about the contextual, historical and other substantive information of their material. Besides that, it is also important for their local cultural environment that the physical material is located in the place or region where it was originally produced and spread. Yet these collections are mostly unavailable online and therefore cannot be used as public sources of knowledge, they are unavailable to the public or hard to access. Often, the reason for that is the absence of a suitable platform for their dissemination or the limited financial resources available. In some cases, owners don't know how to handle material that is sensitive due to a political climate or censorship.
|
|
|
</p>
|
|
|
|
|
|
<p>
|
|
|
<h6>1.10 Scanning as an act of resistance</h6>
|
|
|
As we can learn from history, in times of political change the freedom of the press can be under pressure and can even lead to censorship. In these circumstances, scanning and (anonymous) publishing can be an act of resistance. Digital scans of physical documents can be used as a legit source for articles to prevent whitewashing, which Wikipedia describes as
|
|
|
<i>
|
|
|
"to gloss over or cover up vices, crimes or scandals or to exonerate by means of a perfunctory investigation or through biased presentation of data".
|
|
|
</i>
|
|
|
Archives that contain marginal (forgotten) documents are essential to keep a collective (cultural) memory alive. There should be no threat to them being erased from history.
|
|
|
<br>
|
|
|
Here is why the availability of a (preferably) high-quality digital reproduction is important. It greatly increases the accessibility and reduces the need to visit the location where the physical original material is kept. This is also beneficial for the preservation of the material since physical handling can be risky: documents can get lost or destroyed. Intentionally or not. Although not entirely safe - scanning and storing digitally also reduce the dangers of a collection being endangered/threatened by the forces of nature.
|
|
|
</p>
|
|
|
</div>
|
|
|
<div class="checkbox">
|
|
|
<input type="checkbox" id="print" name="print">
|
|
|
<label for="print">Add to print</label>
|
|
|
<br>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="filterDiv experiences" id="cookbook">
|
|
|
<div class="cookbook">
|
|
|
|
|
|
<h4>3. Recipes for a 'post-digital cookbook'</h4>
|
|
|
<h3>Exploring collaborative forms of publishing subversive content today</h3>
|
|
|
|
|
|
<hr class="line1">
|
|
|
<div class="placeholder">
|
|
|
<img src="img/name.extension" alt="alternative_title" width="100">
|
|
|
</div>
|
|
|
|
|
|
<p>
|
|
|
3.1 <b>Collaborative publishing formats</b><br>
|
|
|
3.2 <b>Providing 'tools' for activation</b><br>
|
|
|
3.3 <b>The influence of design</b><br>
|
|
|
3.4 <b>Content and personality</b><br>
|
|
|
3.6 <b>Digital influence on zines collaborative publising</b><br>
|
|
|
3.7 <b>On open tools for collaborative publishing</b><br>
|
|
|
3.8 <b>Creating hard copies: customising content</b><br>
|
|
|
3.9 <b>Recources & links </b><br><br>
|
|
|
<i>
|
|
|
Key questions in this section:<br>
|
|
|
- What collaborative formats can be used to embrace a variety of content? <br>
|
|
|
- What are the benefits of digital publishing combined with printing? <br>
|
|
|
- What are the options for customization of content? <br>
|
|
|
- How to collaborate and publish with others? <br>
|
|
|
- What if this content won't ever be accessible again from tomorrow? <br>
|
|
|
</i>
|
|
|
</p>
|
|
|
|
|
|
|
|
|
<p>
|
|
|
<h6>3.1 Collaborative publishing formats</h6>
|
|
|
When exploring all kinds of publishing formats and frameworks that embrace various types, styles of content and voices, one inevitably encounters the so-called 'zine' and 'cookbook'. Even though they come in various shapes, both have been used and proven to be a successful form for activating, creating communities, and spreading non-commercial ideas. Ever present as a hearable voice that flows in counter-current to popular opinions and media.
|
|
|
<br>
|
|
|
<br>
|
|
|
A Cookbook is some kind of handbook with 'recipes' used for DIY and subversive practices with the aim of getting people involved by handing them tools and techniques to use themselves, often within activist and political groups. A Zine is a small-circulation self-published work of original or appropriated texts and images, usually reproduced via a photocopy machine. Zines are the product of either a single person or of a very small group and are popularly photocopied into physical prints for circulation.
|
|
|
</p>
|
|
|
|
|
|
<p>
|
|
|
<h6>3.2 Providing 'tools' for activation</h6>
|
|
|
A publication that was, and is still influential today was The Whole Earth Catalog. Published by Stewart Brand regularly between 1968 and 1972, all kinds of informative tools, how-to's, maps, journals, courses, equipment, computers, and even synthesizers, etc. were provided. Brand had a strong ideological motive making all kinds of knowledge accessible. The idea of the publication was focussed on how to guide the reader to become self-reliant. Rather than selling, a large number of products which (were tested and therefore) proved to be qualitative and sustainable were recommended. While the book was strictly speaking confined to being a catalog, it also consisted of experiences, suggestions of readers/users as well as the Catalog's staff. This interaction between publishers and users sharing information made the format of the Whole Earth Catalog a network by itself.
|
|
|
</p>
|
|
|
|
|
|
<p>
|
|
|
<h6>3.3 The influence of design</h6>
|
|
|
One notable aspect of alternative press material such as zines and cookbooks is how the design can add a striking 'voice' to a publication. When thinking about old activist documents, a mental image pops up in our heads immediately. Besides the use of illustrations and photography, the design and layout can strongly affect how information is perceived. A layout gives a certain expression to a page; it can emphasize or even contradict the content.
|
|
|
<br>
|
|
|
<br>
|
|
|
In the current state of home-printing, standardized paper sizes, limited binding options. Home-printing documents are visually often indistinguishable from each other. Same paper color, texts in black ink. The same can be said for digital libraries and how texts are often being displayed on e-readers.
|
|
|
</p>
|
|
|
|
|
|
<p>
|
|
|
<h6>3.4 Content and personality</h6>
|
|
|
In the pre-internet world, zines were self-published and distributed publications to target small (obscure) audiences and create a network to like-minded people. To reduce costs, they were often photocopied and distributed physical prints for circulation in sections of Libraries and by mail or alternative bookshops, listed in Zines about zines like Factsheet Five*. The content of zines, sometimes provocative and subversive in nature, are often not found in the mass media. (This culture is pretty much alive today in independent publications from marginal communities of artists, poets, (political) activists, feminists, queers, music genre-specific, etc.)
|
|
|
<br>
|
|
|
In 'Perzines' or personal zines, the content was created from intimate stories, anecdotes, comics, photos, and stories about the authors written by others. Often giving the user the feeling to be part of an intimate conversation between close friends. Often designed by using cut-outs and original letters and typewritten documents which added an extra personal layer to the content.
|
|
|
<br>
|
|
|
<br>
|
|
|
<small>
|
|
|
* Factsheet Five was a periodical mostly consisting of short reviews of privately produced printed matter along with contact details of the editors and publishers. In the 1980s and early 1990s, its comprehensive reviews (literally thousands in each issue) made it the most important publication in its field, heralding the wider spread of what would eventually be called fanzine or zine culture. (source: Wikipedia)
|
|
|
</small>
|
|
|
</p>
|
|
|
|
|
|
<p>
|
|
|
<h6>3.5 Digital zines</h6>
|
|
|
A Zine can be described as a way of thinking. It is a more or less abstract framework that can hold together all kinds of content from different voices and collaborators. It's flexible, adaptive and, curated or not, assembled based on the content. The role the creators and the readers are diffused and interchangeable as interested people are invited to contribute, distribute and make zines themselves. If a zine has many owners, distribution, in both - digital and analog formats, can be un/decentralized, so takedown is less likely to happen and the content manages to live on.
|
|
|
<br>
|
|
|
<br>
|
|
|
In the early days of online publishing, electronic zines (a well-known one was called 'PDF-Mags') were created by an underground scene of designers to share free content and showcase creative skills. The main purpose of the downloadable PDF's was to share aesthetic experiments and to create be a platform to publish non-commercial content. Although these zines were not interactive at all, they had a networked function: connecting like-minded creatives. In a much quicker way than the traditional printed zines ever allowed, constrained by their physical medium.
|
|
|
</p>
|
|
|
|
|
|
<p>
|
|
|
<h6>3.6 Collaborative publishing tools</h6>
|
|
|
Collaborative digital publishing makes use of the possibility of content being continuously updated and added by its numerous creators. Coming from the ideology and culture that believes that software should be open and accessible, free and open-source software (FLOSS) makes possible the creation of custom workflows that enable people to collaborate on writing, designing and publishing. Here, the role of the writer, reader, and publisher becomes even more diffused. <br><br>
|
|
|
Networked capabilities such as remote printing, anonymous sharing, peer-to-peer distribution, personal customization can have a huge social and political impact as they can reshape the act of publishing subversive content. For example, new workflows can be used for speeding up a process when there is a need for urgent publishing. A real-time peer-reviewed content editing process and co-authorship can 'single-author-knows-it-all-ideology'. And finally, it can be used to target a certain audience for getting a publication into the right hands.
|
|
|
</p>
|
|
|
|
|
|
<p>
|
|
|
<h6>3.7 Creating hard copies: customising content </h6>
|
|
|
Another possibility that web-to-print provides is that it allows the user to select, add and modify content to create a personalized printed copy. In the process of printing a selection of the content that fits your interest, assembling and binding a document can result in adding another personal value to the self-printed material. By these means, one can feel more strongly connected to the physical object. as they have directly participated in its creation.
|
|
|
<br>
|
|
|
<br>
|
|
|
In ‘The Art of Zines’ (Factsheet Five #63, 1998) C. Becker gives an examples on how collective binding methods could function: “The publisher invites contributions and from a few people and each of them sends multiple copies of their work to cover the number of copies in that edition. Each zine copy is then collated and bound making (it) unique, and personalized.”
|
|
|
</p>
|
|
|
|
|
|
<p>
|
|
|
<h6>3.8 On distributing physical documents </h6>
|
|
|
One may wonder if the more we are getting used to reading digital and volatile screen-based content, the more we have the urge for tactile physical formats. Not only to cater to our reading habits, but also for human connection and interaction it creates. The original gestural act of spreading printed content as a conductor of ideas and information*, using the possibilities of collaboration and distribution that the digital realm provides.
|
|
|
<br>
|
|
|
<br>
|
|
|
<i>
|
|
|
“In this context we view the act of publishing as a gesture that accommodates the political, the artistic, and in some cases, the defiant… A gesture is something preceding the action, and therefore signifies motion and agency of the most expressive and potent kind, precisely because it is so wrought with intentionality.”
|
|
|
</i>
|
|
|
(Muller, N. and Ludovico, A. (2008) ‘Of Process and Gestures: A Publishing Act’ in The Mag.net reader 3 - Processual Publishing. Actual Gestures, OpenMute)“
|
|
|
<br>
|
|
|
<br>
|
|
|
While our trust in print is still pretty much present after all these years of screen reading, we start to experience printed media as slow compared to the online media environment where everything is unsteady and can be constantly updated. As we can see in the changing ways of how we consume news over the past years; with decreasing newspaper sales and the rise of distrust in news. <br>
|
|
|
I personally believe there is a lot to explore in the field of collaborative publishing and what the role of print can be in this. I am in particular curious to what extent or in what situation it is preferable to create physical copies. For me, the methods and tools we used for making this publication gave a whole new insight on how to shape collaborative publishing processes and change more traditional roles for production and distribution. Opening up the process to the extend so that it becomes custumizable for a certain intention, means or strategy to target or create a specific public.
|
|
|
</p>
|
|
|
|
|
|
<p>
|
|
|
<h6>3.9 Resources</h6>
|
|
|
Imagine this: tomorrow the internet is down. These hyperlinks below will be inaccessible and therefore useless. All the bookmarks to external references will lead you to blank pages. While the internet seems as a stable way of global communication, its centralized infrastructure is also its weakness.
|
|
|
<br>
|
|
|
<br>
|
|
|
Mark van den Heuvel, 2020
|
|
|
<br>
|
|
|
<br>
|
|
|
(Edited by Tisa Neža & Sami Hammama)
|
|
|
</p>
|
|
|
<p>
|
|
|
https://mashable.com/article/myspace-data-loss/ <br>
|
|
|
http://blog.bjrn.se/2020/01/non-realtime-publishing-for-censorship.html <br>
|
|
|
https://en.wikipedia.org/wiki/The_Work_of_Art_in_the_Age_of_Mechanical_Reproduction <br>
|
|
|
https://tlockyer.wordpress.com/2011/07/18/achives-why-digital-needs-physical/ <br>
|
|
|
https://monoskop.org/images/0/09/Brand_Stewart_Whole_Earth_Catalog_Fall_1968.pdf <br>
|
|
|
https://monoskop.org/images/a/a6/Ludovico,_Alessandro_-_Post-Digital_Print._The_Mutation_of_Publishing_Since_1894.pdf <br>
|
|
|
https://literariness.org/2018/02/19/analysis-of-derridas-archive-fever/ <br>
|
|
|
https://en.wikipedia.org/wiki/Liberation_News_Service <br>
|
|
|
https://en.wikipedia.org/wiki/Factsheet_Five <br>
|
|
|
http://blog.bjrn.se/2020/01/non-realtime-publishing-for-censorship.html <br>
|
|
|
https://tlockyer.wordpress.com/2011/07/18/achives-why-digital-needs-physical/ <br>
|
|
|
https://loweringthebar.net/2013/09/google-might-need-to-re-scan-platos-laws.html <br>
|
|
|
http://www.ocopy.net/wp-content/uploads/2016/08/dockray_the-scan-and-the-export.pdf <br>
|
|
|
https://en.wikipedia.org/wiki/Liberation_News_Service <br>
|
|
|
https://en.wikipedia.org/wiki/Whitewashing_(censorship) <br>
|
|
|
https://cloudhesive.com/blog-posts/pentagons-use-of-floppy-disks-probably-safer-than-newer-technologies/ <br>
|
|
|
https://en.wikipedia.org/wiki/The_Anarchist_Cookbook <br>
|
|
|
</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="filterDiv swarm3 tools">
|
|
|
<div class="markdown_empty" id="markdown"></div>
|
|
|
<h4><a href="https://daringfireball.net/projects/markdown/">Markdown</a></h4>
|
|
|
<div class="placeholder">
|
|
|
<!-- data-aos="zoom-in" data-aos-anchor="#markdown" data-aos-duration="1000" data-aos-offset="300"-->
|
|
|
<img src="img/icon09.png" alt="icon" width="100">
|
|
|
</div>
|
|
|
<p>Markdown is a markup language.
|
|
|
Markup languages are used to structure the linguistic syntax of a chosen system in a more user-friendly way. These languages are supposed to be easier to use than the actual code, as they are to be read by humans. What is written can easily be converted into the syntax of other languages.
|
|
|
Markdown has been originally developed to simplify writing <a href="#htmlcssjs">HTML</a>, but has ever since changed its role and now it provides conversions into different formats.
|
|
|
<br>
|
|
|
We used Markdown while creating the <a href="#annotatedreaders">annotated readers (SWARM 1,2,3)</a> in order to convert plain text into html.
|
|
|
<br>
|
|
|
<br>
|
|
|
<div class="code">
|
|
|
| XPub | Is | Cool |<br>
|
|
|
| ------------- |:-------------:| -----:|<br>
|
|
|
| 3 is | right-aligned | $1600 |<br>
|
|
|
| 2 is | centered | $12 |<br>
|
|
|
| computers | are neat | $1 |
|
|
|
</div>
|
|
|
</p>
|
|
|
<div class="checkbox">
|
|
|
<input type="checkbox" id="print" name="print">
|
|
|
<label for="print">Add to print</label>
|
|
|
<br>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="filterDiv Swarm3 tools" id="pandoc">
|
|
|
<h4><a href="https://pandoc.org/">Pandoc</a></h4>
|
|
|
<div class="placeholder">
|
|
|
<!-- data-aos="zoom-in" data-aos-anchor="#pandoc" data-aos-duration="1000" data-aos-offset="300"-->
|
|
|
<img src="img/icon05.png" alt="icon" width="100">
|
|
|
</div>
|
|
|
<p>
|
|
|
Pandoc is a free command-line tool used to convert one markup format into a different one.
|
|
|
<br>
|
|
|
We used Pandoc in the process of converting documents written in <a href="#markdown">markdown</a> into <a href="#htmlcssjs">HTML</a>.
|
|
|
<br>
|
|
|
<br>
|
|
|
<div class="code">pandoc -f markdown -t html
|
|
|
pandoc input.md -o output.html</div>
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
<div class="filterDiv Swarm3 tools" id="ether2html">
|
|
|
<h4><a href="http://osp.kitchen/tools/ether2html/">Ether2HTML</a></h4>
|
|
|
<div class="placeholder">
|
|
|
<!––data-aos="zoom-in" data-aos-anchor="#ether2html" data-aos-duration="1000" data-aos-offset="300"––>
|
|
|
<img src="img/icon19.png" alt="icon" width="100">
|
|
|
</div>
|
|
|
<p>
|
|
|
An <a href="#etherpad">Etherpad</a> document can be used to collectively work on <a href="#htmlcssjs">HTML, CSS and Javascript</a> code, while still seeing a real time preview, using <a href="#curl">CURL</a>.<br>
|
|
|
We used this method while creating the website you're looking at.
|
|
|
</p>
|
|
|
<div class="checkbox">
|
|
|
<input type="checkbox" id="print" name="print">
|
|
|
<label for="print">Add to print</label>
|
|
|
<br>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="filterDiv Swarm3 tools" id="htmlcssjs">
|
|
|
<h4><a href="https://www.w3schools.com/">HTML, CSS, JS</a></h4>
|
|
|
<div class="placeholder" >
|
|
|
<!-- data-aos="zoom-in" data-aos-anchor="#htmlcssjs" data-aos-duration="1000" data-aos-offset="300"-->
|
|
|
<img src="img/icon10.png" alt="icon" width="100">
|
|
|
</div>
|
|
|
<p>
|
|
|
Hypertext Markup language (HTML) is what the basic building blocks of the web are made of. This language defines and categorizes the content of a website and guides the user, e.g. from one page to another with the use of the so called hyperlinks.
|
|
|
<br>
|
|
|
Cascading Style Sheet (CSS) is the visual facade, the makeup that is put on top of the HTML content. It refers to the categories assigned before. It is responsible for how a website looks like and also for basic interactions & animations.
|
|
|
<br>
|
|
|
Java Script (JS) is the busy crane-worker that is still around, even after the building is already finished, to rearrange building blocks. Java Script controls interactions, animations, the loading and transformation of content.
|
|
|
<br>
|
|
|
These languages can either be written all in one document or in separate ones, linked to one another.
|
|
|
<br>
|
|
|
We used HTML, CSS and Java Script to create this website. We used CSS and Java Script to further edit the HTML created with <a href="#query2html">query2HTML</a>.
|
|
|
<br>
|
|
|
<br>
|
|
|
<div class="code"><h1 id="header">Regular Publishing</h1>
|
|
|
<br>
|
|
|
<style>h1 {color: white; text-align: center;}</style><br>
|
|
|
<script>document.getElementById("header").innerHTML = "Anonymous publishing";</script></div>
|
|
|
</p>
|
|
|
<div class="checkbox">
|
|
|
<input type="checkbox" id="print" name="print">
|
|
|
<label for="print">Add to print</label>
|
|
|
<br>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</section>
|
|
|
<section>
|
|
|
|
|
|
|
|
|
<div class="filterDiv Swarm1 tools" id="mediawiki">
|
|
|
<h4><a href="https://www.mediawiki.org/wiki/MediaWiki">MediaWiki</a></h4>
|
|
|
<div class="placeholder">
|
|
|
<!-- data-aos="zoom-in" data-aos-anchor="#mediawiki" data-aos-duration="1000" data-aos-offset="300"-->
|
|
|
<img src="img/icon07.png" alt="icon" width="100">
|
|
|
</div>
|
|
|
<p>
|
|
|
MediaWiki, the basis for Wikipedia and most other MediaWiki websites, is a free and open-source "collaboration and documentation" platform engine. Wiki markup is the language used to write content on a wiki website.
|
|
|
<br>
|
|
|
MediaWik served us as a platform that allows many users to handle large amounts of image files and metadata collectively. It features helpful tools to do so, such as <a href="#pageforms">page forms</a>, <a href="#semanticqueries">semantic queries</a> and an <a href="#api">API</a>.
|
|
|
<br>
|
|
|
<br>
|
|
|
<div class="code">= Headline=<br>
|
|
|
* List item<br>
|
|
|
** Sublist item 1<br>
|
|
|
** Sublist item 2
|
|
|
</div>
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="filterDiv Swarm1 methods" id="firstimpression">
|
|
|
<h4>Getting a first impression</h4>
|
|
|
<div class="placeholder">
|
|
|
<!––data-aos="zoom-in" data-aos-anchor="#firstimpression" data-aos-duration="1000" data-aos-offset="300"––>
|
|
|
<img src="img/icon25.png" alt="icon" width="100">
|
|
|
</div>
|
|
|
<p>
|
|
|
When having first contact with the material that will constitute your work, getting a first quick overview and comprehending the scale of it, can influence the development of your process drastically. The reason for this is that, especially in time-limited projects, the first impressions significantly affect or even determine the creative and conceptual design that you decide for. Therefore, the fist contact with the material should be made with caution and calmness.
|
|
|
<br>
|
|
|
In order to get a good overview of the archival material, when we first encountered it, we divided the documents, skimmed them and created a <a href="#polytpych">polyptych summary</a> that also served as a basis for a collective discussion. Beforehand, we had <a href="#readingexercises">trained our understanding of text</a> in order to be able to process the material effectively.
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="filterDiv Swarm1 methods" id="polyptych">
|
|
|
<h4>Polyptych Summary</h4>
|
|
|
<div class="placeholder">
|
|
|
<!––data-aos="zoom-in" data-aos-anchor="#polyptych" data-aos-duration="1000" data-aos-offset="300"––>
|
|
|
<img src="img/icon29.png" alt="icon" width="100">
|
|
|
</div>
|
|
|
<p>
|
|
|
Traditionally a Polyptych is a painting, split into sections. In this case we used the idea of a polyptych as an exercise that enables us to get a first impression of the archive material.
|
|
|
<br>
|
|
|
<br>
|
|
|
<div class="code">
|
|
|
Skim the material and intuitively look for subjectively interesting details that seem meaningful to you or stand out for any reason. In order to create the Polyptych, collect a set number of these details, approximately 30. Each detail should be enlarged to fill an A4 page. Afterwards, print out your personal collection, arrange it on the floor in an order that makes sense to you in whatever way. As everybody in the group does this, take time to to look at the formations(Polyptych) of each individual, let them explain their work, observations and methods behind the ordering system. Discuss it collectively.
|
|
|
</div>
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
<div class="filterDiv Swarm1 methods" id="categorizingthematerial">
|
|
|
<h4>Categorizing the material</h4>
|
|
|
<div class="placeholder">
|
|
|
<!––data-aos="zoom-in" data-aos-anchor="#categorizingthematerial" data-aos-duration="1000" data-aos-offset="300"––>
|
|
|
<img src="img/icon28.png" alt="icon" width="100">
|
|
|
</div>
|
|
|
<p>
|
|
|
To be able to navigate the material, you have to make connections in between the documents, get an overview of all of the existing data and from this develop a structure for the archive. We chose to categorize the material with content and format related categories.
|
|
|
<br>
|
|
|
To start, each person skimmed a portion of the archive they were responsible for (as decided when dividing the work). During this process, properties that we considered relevant and/or seemed to be recurring throughout the material were collected for each document. Further, all categories and properties were gathered, discussed and reduced to the necessary. The thereby generated set of categories and properties was then applied to the documents by re-skimming them. The categories and properties were later used for the upload of the material to MediaWiki using page forms and were structured there.<br>
|
|
|
<br>
|
|
|
<div class="code">
|
|
|
<ul>
|
|
|
<li>Paper</li>
|
|
|
<li>Interdisciplinary Doctoral Fellowship</li>
|
|
|
<li>Marxism</li>
|
|
|
<li>Capitalism, Socialism, Class structure</li>
|
|
|
<li>Readings, Literature</li>
|
|
|
<li>Soviet Union</li>
|
|
|
<li>Economy</li>
|
|
|
<li>Peoples Republic of China</li>
|
|
|
<li>Socialist Republic of Vietnam</li>
|
|
|
<li>Reforms</li>
|
|
|
<li>Revolution</li>
|
|
|
<li>Revolutionary armed struggle, revolutionary army</li>
|
|
|
<li>Street fighting</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
<div class="filterDiv Swarm1 tools" id="tesseract">
|
|
|
<h4><a href="https://github.com/tesseract-ocr/tesseract">Tesseract</a></h4>
|
|
|
<div class="placeholder">
|
|
|
<!-- data-aos="zoom-in" data-aos-anchor="#tesseract" data-aos-duration="1000" data-aos-offset="300"-->
|
|
|
<img src="img/icon06.png" alt="icon" width="100">
|
|
|
</div>
|
|
|
<p>
|
|
|
Tesseract is a free "optical character recognition" (OCR) engine, and supposedly was the first one of its kind. It recognizes text within images and outputs this textual content in either a text file or a PDF in which the text is selectable and searchable.
|
|
|
<br>
|
|
|
Tesseract is essential to provide a comprehensive overview when working with a big batch of scanned documents. The quality of the results depends very much on the quality of the documents and thus can result in the need for large-scale revisions. More concretely - not all images that contain text seem to be readable by Tesseract. Some images might be damaged (faded ink, strange font, etc.), therefore the recognition does not afford precise results. This is when humans come back into play, to edit and correct the inaccuracies, to proofread the machine.
|
|
|
<br>
|
|
|
<br>
|
|
|
<div class="code">
|
|
|
tesseract input.jpg output_file pdf
|
|
|
</div>
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="filterDiv Swarm2 Ar" id="swarm2"><h3>SWARM 02</h3>
|
|
|
<h1>PARASITES</h1>
|
|
|
<br>
|
|
|
<div class="swarmintro">
|
|
|
Communication is crucial.
|
|
|
<br>Language is never just there, never neutral, nor innocent. Words are actions.
|
|
|
<br>
|
|
|
<br>
|
|
|
Having a multitude of perpectives on a subject will broaden your understanding of it:
|
|
|
<br>
|
|
|
<br>
|
|
|
iterrupting can be a tactic, a tool to narrow down the panorama, and shape it to their interests.
|
|
|
<br>
|
|
|
<br>
|
|
|
Not being interrupted is a priviledge, a luxury. If you are constantly being interrupted, you will have have to deviate to be heard. Propaganda and censorship are constantly trying to limit the fair distribution of communicating ressources. Authority controls resources, and will try to take down any content advocating for political dissidence or discordance. Who gets to articulates the laws? Who articulates the memory of it ? Don’t forget this.
|
|
|
<br>
|
|
|
<br>
|
|
|
Speaking up is taking action.<br><br>How do you publish in times of such political urgency ?
|
|
|
<br>
|
|
|
What do we have to protect ourselves about ? Who from ? for how long ?
|
|
|
<br>
|
|
|
And what tools do we need to do it ?
|
|
|
<br>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="filterDiv Ar Swarm2" id="channelreceiver">
|
|
|
<div class="sectiontitles" >
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="140"-->
|
|
|
INFORMATION SOURCE>>channel>>RECEIVER
|
|
|
<hr class="line1">
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints" >
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Communication is crucial. </li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary"
|
|
|
<!--data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Communication:
|
|
|
<br>Act or fact of communicating.
|
|
|
<br>Interchange of thoughts
|
|
|
<br>or opinions...
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="quote">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
"The era we are entering might well be characterized as an era of communication."
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints" >
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Language is never "just there", never neutral or innocent. Using words is taking actions. </li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints" >
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Communication is the responsibility of decision!</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints" >
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Can someone avoid their responsibility by not communicating at all?</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>One can also avoid it by communicating!</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary>
|
|
|
<!-- data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Language:
|
|
|
<br>any set or system of such symbols
|
|
|
<br>enabling people to communicate
|
|
|
<br>intelligibly with one another.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Just like with the archive, language can shelter and conceal itself.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary>
|
|
|
<!-- data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Signal:
|
|
|
<br>a gesture, action, or sound
|
|
|
<br>that is used to convey
|
|
|
<br>information or instructions.
|
|
|
<br>typically by prearrangement
|
|
|
<br>between the parties concerned.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary">
|
|
|
<!-- data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Channel:
|
|
|
<br>*computers* a path for the
|
|
|
<br> transfer of signals or data
|
|
|
<br>within a computer
|
|
|
<br>or between a computer and
|
|
|
<br>its peripheral equipment.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="quote">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
"The *information source* selects the desired message out of a set of possible messages, the transmitter changes the message into the *signal*, which is sent over the communications channel to the *receiver* where it is decoded back into the message and delivered to the destination."
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Information source > desired message > signal > receiver.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary">
|
|
|
<!-- data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Code:
|
|
|
<br>A system of signals
|
|
|
<br>used in transmitting messages.
|
|
|
<br>
|
|
|
<br>
|
|
|
A systematic collection
|
|
|
<br>
|
|
|
of regulations
|
|
|
<br>
|
|
|
or rules of procedure.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>The transmission of the desired message depends on the source, the signal, and the destination.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>The receiver and the transmitter have to understand the same code.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="filterDiv Ar Swarm2" id="noise">
|
|
|
<div class="sectiontitles" >
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="140"-->
|
|
|
*NOISE*
|
|
|
<hr class="line1">
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary">
|
|
|
<!--data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Encoding:
|
|
|
<br>
|
|
|
To change something into a system
|
|
|
<br>for sending messages secretly,
|
|
|
<br>or to represent complicated information
|
|
|
<br>in a simple or short way.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary">
|
|
|
<!--data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Decoding:
|
|
|
<br>
|
|
|
To discover the meaning of information
|
|
|
<br>given in a secret or complicated way
|
|
|
<br>or to understand the meaning
|
|
|
<br>of a word or phrase
|
|
|
<br>in a foreign language in the correct way.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
"Every such system contains noise."
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary">
|
|
|
<!--data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->Noise:
|
|
|
<br>A term used in the communications field
|
|
|
<br>to designate any outside force that
|
|
|
<br>acts on the transmitted signal
|
|
|
<br>to vary it from the original.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Information source > desired message > signal + noise > reciever.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Noise can prevent the information from getting through intact.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>The transmission can change the message.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>The encoding/decoding process - can blur/change the message.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
"Let's take painting as an example of a signal transmitting a coded message."
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
Painting as language:
|
|
|
<br>
|
|
|
<br>
|
|
|
<ul>
|
|
|
<li>Information source = painter’s mind and experience</li>
|
|
|
<li>Signal = the painting</li>
|
|
|
<li>Receiver = those who see the painting</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>The receivers' interpretations of the signal (here painting) will depend on the noise.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary">
|
|
|
<!-- data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Background:
|
|
|
<br>
|
|
|
One's origin, education, experience,
|
|
|
<br>
|
|
|
etc.,
|
|
|
<br>
|
|
|
<br>
|
|
|
*fine arts* The surface against which<br>represented objects and forms
|
|
|
<br>
|
|
|
are perceived or depicted.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Background noise.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Noise does not necessarily mean sound.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Noise is everything that leads to the interpretation of the painting:
|
|
|
<br>
|
|
|
<br>
|
|
|
the eyes, and nervous systems, and previous conditionings of those who are watching it.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>The background of the receiver might sometimes be so different from the transmitter’s background that understanding the intended meaning may be challenging.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="filterDiv Ar Swarm2" id="noiseinterruption">
|
|
|
<div class="sectiontitles">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="140"-->
|
|
|
Noise = Interruption
|
|
|
<hr class="line1">
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Let us not begin at the beginning, nor even at the noise. But rather at the word "noise"- and with the noise of so familiar a word.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="quote">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
"The city rat invites the country rat, […] where the city rat lives in the house of a big tax farmer. But we know that the feast is cut short. The two companions scurry off when they hear a noise at the door. It was only a noise, but it was also a message, a bit of information producing panic: …"
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="quote">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
"… an interruption, …"
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary">
|
|
|
<!--data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Interruption:
|
|
|
<br>A break in the continuity
|
|
|
<br>of something.
|
|
|
<br>Something that causes a stoppage
|
|
|
<br>or break in the continuity
|
|
|
<br>of something.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="quote">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
"… a corruption, … "
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary">
|
|
|
<!--data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Corruption:
|
|
|
<br>Dishonest or illegal behavior
|
|
|
<br>especially by powerful people.
|
|
|
<br>
|
|
|
<br>DEPRAVITY
|
|
|
<br>
|
|
|
<br>Inducement to wrong by improper
|
|
|
<br> or unlawful means (bribery)
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="quote">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
"… a rupture of information."
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary">
|
|
|
<!--data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Rupture:
|
|
|
<br>Breaking apart,
|
|
|
<br>the state of being broken apart.
|
|
|
<br>A breach of peaceful
|
|
|
<br>or friendly relations.
|
|
|
<br>*specifically* open hostility
|
|
|
<br>or war between nations.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary">
|
|
|
<!--data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Rupture de stock:
|
|
|
<br>*french* A deficiency in amount,
|
|
|
<br>a temporary lack of material
|
|
|
<br>that prevents from
|
|
|
<br>providing the demand.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="quote">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
"Was the noise really a message? Wasn't it, rather, static, a parasite?"
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary">
|
|
|
<!-- data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Parasite:
|
|
|
<br>An organism that lives on
|
|
|
<br>or in an organism of another
|
|
|
<br>species, known as the host,
|
|
|
<br>from the body of which
|
|
|
<br>it obtains nutriment.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Noise can be parasitic.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Noise interrupts, corrupts, creates a rupture.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>It does not necessarily mean sound.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Interruption = tactic/tool to cease power.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Censorship can be a form of noise.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="quote">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
"If anything acts on the signal so as to bury it in an unpredictable and undesirable way in the communications system, it is noise."
|
|
|
<br>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="filterDiv Ar Swarm2" id="interruption">
|
|
|
<div class="sectiontitles">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="140"-->
|
|
|
The "Rat" is always interrupted<hr class="line1">
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary">
|
|
|
<!-- data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Uniformity:
|
|
|
<br>Always the same,
|
|
|
<br>as in character or degree;
|
|
|
<br>
|
|
|
<br>Lack of diversity or variation.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Uniformity, mass production, and standardisation, limit the fair distribution of resources (communicating resources).</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary">
|
|
|
<!--data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Polyphony:
|
|
|
<br>*from greek* poly
|
|
|
<br>+ phōnē speech.
|
|
|
<br>Music with two
|
|
|
<br>or more
|
|
|
<br>independent melodic parts
|
|
|
<br>sounded together.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Having a multitude of perpectives on a subject obviously broadens your understanding of it.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Here, the parasitic noise interrupts the feast, just like noise can interrupt communication between people.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Noise, when it interrupts, parasites, implies a hierarchy, a dependency.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>It can narrow and withhold messages, distort others.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary">
|
|
|
<!--data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Distortion:
|
|
|
<br>The act of twisting or altering
|
|
|
<br> something out of its true, natural,
|
|
|
<br>or original state.
|
|
|
<br>A distortion of the facts.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Information-washing of the dominant class is the distortion, the long-term static noise.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>A class of people. The "white collar criminals", generating their own order.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary">
|
|
|
<!--data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Imposteur:
|
|
|
<br>*french*
|
|
|
<br>The word "Imposteur" means both
|
|
|
<br>"tax-collector" and "impostor".
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary">
|
|
|
<!--data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Tax Farmer:
|
|
|
<br>A parasite who has the last word,
|
|
|
<br>who produces disorder and
|
|
|
<br>who generates a different order."
|
|
|
<br>
|
|
|
<br>A parasite, living off […] the land.
|
|
|
<br>
|
|
|
<br>Industry pillages and plunders:
|
|
|
<br>Such farmer is a part of a matrix.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="quote">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
"The modern illness […] , the engulfing of intelligence in the leisure [jouissance] of the homogeneous. […] ; Real production is unexpected and improbable; it overflows with information and is always immediately parasited."
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary">
|
|
|
<!--data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Matrix:
|
|
|
<br>The cultural, social, or political
|
|
|
<br> environment in which
|
|
|
<br>something develops.
|
|
|
<br>
|
|
|
<br>A situation or surrounding
|
|
|
<br>substance within which something
|
|
|
<br>originates, develops, is contained
|
|
|
<br>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary">
|
|
|
<!--data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
"Freedom of expression
|
|
|
<br>is the matrix,
|
|
|
<br>the indispensable condition,
|
|
|
<br>of nearly every form of freedom".
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Not being interrupted is coupled with power is a luxury - the "rat" is always interrupted, the "king" never.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>If you are constantly being interrupted, you have to deviate to be heard.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>It segments production.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="quote">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
"The situation repeats itself throughout history, for history has never lacked for political parasites. History is full of them, or maybe is made solely of them. Dinner is served among the parasites."
|
|
|
</div>
|
|
|
<br>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="filterDiv Ar Swarm2" id="urgency">
|
|
|
<div class="sectiontitles">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="140"-->
|
|
|
Publishing in times of urgency
|
|
|
<hr class="line1">
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary">
|
|
|
<!--data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Idiosyncrasies:
|
|
|
<br>A structural or behavioral characteristic
|
|
|
<br>peculiar to an individual or group.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="quote">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
"The noise that tends to disrupt the signal can take many forms. It can be the quality of the light, or the color of the light, or the prejudices of the viewer, or the idiosyncrasies of the painter."
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary">
|
|
|
<!--data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Propaganda:
|
|
|
<br>Information, ideas, or rumors deliberately
|
|
|
<br>spread widely to help or harm a person,
|
|
|
<br>group, movement, institution, nation, etc.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Propaganda and censorship as a constant, parasitic noise.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Constant struggle, a fight for position.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Relation between information and energy.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="quote">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
"Professional archivists have the power and authority to construct a dominant narrative on virtually any topic. Unfortunately, the archival world is built on a legacy of colonialism, appropriation, and community disenfranchisement. The power imbalance between archivists and the marginalized communities they often document leads to the dissemination of inaccurate and harmful accounts."
|
|
|
Reference: <http://unrh.org/decolonizing-the-archive/>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Political urgency.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Authority controls resources.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>For an oppressor, distortion would be the noise of those who disagree with them.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Political dissidents create the noise that interrupt the feast of oppressors.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Resistance movements can generate a counter/ a different order.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>From beyond this point and in this chain, everybody becomes a parasite.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary">
|
|
|
<!--data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Wikipedia edit wars:
|
|
|
<br>Conflict of interest or non-neutrality.
|
|
|
<br>When wikipedia administrators/editors
|
|
|
<br> keep going back and fourth
|
|
|
<br>with statements in Wikipedia
|
|
|
<br>due to a lack of source.
|
|
|
<br>
|
|
|
<br>This creates a bias towards<br>statements that align with
|
|
|
<br>the government's views,
|
|
|
<br>since content published by dissidents are stategically and systematically censored
|
|
|
<br>and taken off the internet.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
Wikipedia, for example, was not created for a world in which censorship still exists :
|
|
|
<br>
|
|
|
<ul>
|
|
|
<li>Sources and references are being deleted, writers being chased after, etc…</li>
|
|
|
<ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Who gets to articulates the laws? Who articulates the memory of it ? Don’t forget this.</li>
|
|
|
<ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="filterDiv Ar Swarm2" id="redundancy">
|
|
|
<div class="sectiontitles">
|
|
|
<!-- data-aos="fade-down" data-aos-duration="800" data-aos-offset="140"-->
|
|
|
Noise < Redundancy
|
|
|
<hr class="line1">
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="quote">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
"It is communication that keeps a society together, and though these people seem unaware of each other's existence, neither looking nor speaking, one group meets and filters through the other with hardly two individuals coming in contact."
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary">
|
|
|
<!--data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Symbol:
|
|
|
<br> The abstraction of an idea.
|
|
|
<br>A communication at once
|
|
|
<br>anonymous and personal.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary">
|
|
|
<!--data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Beacon:
|
|
|
<br>A guiding or warning signal,
|
|
|
<br>as a light or fire.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Communication through symbols. </li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints" >
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Beacons as means of communication (flags, cross barriers of sound).</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Meaning is produced, information/data is being generated.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="quote">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
"The storm warning flags are part of a long, evolutionary tradition of signals, but their beginnings were probably in basic reactions to color and form, basic enough to make their communications carry beyond the barriers of language and custom."
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Symbols as the abstraction of an idea.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>The idea that you can understand people without knowing all their codes/languages ?</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints" >
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>through all language barriers ?</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints" >
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>language of many portals = philosophical.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints" >
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Symbols change and evolve : Are they part of language or a wander of communication ?</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary" >
|
|
|
<!--data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Entropy:
|
|
|
<br>*communication theory*
|
|
|
<br>A measure of the efficiency
|
|
|
<br>of a system
|
|
|
<br>(such as a code or a language)
|
|
|
<br>in transmitting information.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints">
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Meaning is very and must be transmitted in the most thoughtful way to be received in the desired way.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints" >
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Multiple communication systems that make up one great machine.</li>
|
|
|
<ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="quote" >
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
"Noise […] could change the message from I LOVE YOU to I HATE YOU. How do you combat it? One way is through redundancy - I LOVE YOU, I LOVE YOU, I LOVE YOU, I LOVE YOU."
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary" >
|
|
|
<!--data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Redundancy:
|
|
|
<br>Repetition of linguistic information
|
|
|
<br>inherent in the structure
|
|
|
<br>of a language.
|
|
|
<br>
|
|
|
<br>Repetition of parts
|
|
|
<br>or all of a message
|
|
|
<br>to circumvent transmission errors.
|
|
|
<br>
|
|
|
<br>Excessive wordiness
|
|
|
<br>or repetition in expression.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints" >
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Redundancy in transmitting is a way to reduce noise in a message.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints" >
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>Market information is most efficient, for its redundancy</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="quote" >
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
"We will use a New York stockbroker's office as the information source and a Los Angeles stockbroker's office as the destination."
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="glossary" >
|
|
|
<!--data-aos="slide-left" data-aos-duration="800" data-aos-offset="260"-->
|
|
|
Stockbroker:
|
|
|
<br>A professional who executes
|
|
|
<br>buy and sell orders
|
|
|
<br>for stocks
|
|
|
<br>and other securities
|
|
|
<br>on behalf of clients.
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="bulletpoints" >
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
Message transmission between two stockbrokers’ offices, for example: <br>
|
|
|
<ul>
|
|
|
<li>There may exist at the information source just two possible messages: BUY or SELL. </li>
|
|
|
<ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
|
|
|
<div class="bulletpoints" >
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
<ul>
|
|
|
<li>If the signal is distorted in such a way as to change SELL to SELF, as there are only two possible messages, BUY and SELL, there is sufficient redundancy in the spelling of the words that even if it did read SELF, the information would still be clear.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<br>
|
|
|
|
|
|
<div class="quote" >
|
|
|
<!--data-aos="fade-down" data-aos-duration="800" data-aos-offset="70"-->
|
|
|
"Another is increasing the power of the transmitter; this combats noise, as does the careful beaming of the signal, or duplicating the message via other signals."
|
|
|
</div>
|
|
|
<br>
|
|
|
</div>
|
|
|
|
|
|
<div class="filterDiv Swarm3 tools" id="web2print">
|
|
|
<h4>Web2Print</h4>
|
|
|
<div class="placeholder" >
|
|
|
<!--data-aos="zoom-in" data-aos-anchor="#web2print" data-aos-duration="1000" data-aos-offset="300"-->
|
|
|
<img src="img/icon11.png" alt="icon" width="100">
|
|
|
</div>
|
|
|
<p>
|
|
|
Web2Print is a method, that uses websites as a basis from which print layouts are created. When using this online workflow contents are open to a number of contributors, flexible and easy to change throughout the process.
|
|
|
<br>
|
|
|
We used Web2Print to enable the printing of the website you're looking at, as well as for the creation of the <a href="#annotatedreaders">annotated readers (SWARM)</a> in their physical form.
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="filterDiv Swarm3 tools" id="curl">
|
|
|
<h4><a href="https://curl.haxx.se/">Curl</a></h4>
|
|
|
<div class="placeholder">
|
|
|
<!––data-aos="zoom-in" data-aos-anchor="#curl" data-aos-duration="1000" data-aos-offset="300"––>
|
|
|
<img src="img/icon20.png" alt="icon" width="100">
|
|
|
</div>
|
|
|
<p>
|
|
|
Curl is a command line tool, that automatically downloads content from a given URL and stores it in a file on your machine.
|
|
|
We used this tool as part of the <a href="#ether2html">Ether2HTML</a> method.
|
|
|
<br>
|
|
|
<br>
|
|
|
<div class="code">
|
|
|
while true; do sleep 5; curl https://pad.xpub.nl/p/Index_HTML/export/txt > index.html; done
|
|
|
</div>
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="filterDiv Swarm3 methods" id="collectingreferences">
|
|
|
<h4>Collecting references</h4>
|
|
|
<div class="placeholder">
|
|
|
<!––data-aos="zoom-in" data-aos-anchor="#collectingreferences" data-aos-duration="1000" data-aos-offset="300"––>
|
|
|
<img src="img/icon30.png" alt="icon" width="100">
|
|
|
</div>
|
|
|
<p>
|
|
|
When developing the structure, form and function of the publication, it was essential to collect references. For inspiration, but also to communicate complex ideas in a team. Very helpful were lectures and discussions with <a href="https://maydayrooms.org/">Maydayroom</a>, <a href="http://www.warpweftmemory.net/">The Warp and Weft of Memory</a> and <a href="http://osp.kitchen/">OpenSourcePublishing</a>.
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="filterDiv Swarm3 tools" id="git">
|
|
|
<h4><a href="https://git-scm.com/">GIT</a></h4>
|
|
|
<div class="placeholder">
|
|
|
<!––data-aos="zoom-in" data-aos-anchor="#git" data-aos-duration="1000" data-aos-offset="300"––>
|
|
|
<img src="img/icon18.png" alt="icon" width="100">
|
|
|
</div>
|
|
|
<p>
|
|
|
GIT is a version-based online data storage service that is used mostly to collectively work on code. This collaborative working environment retains all versions created, it is non-destructive. It also features the option of dividing a project into different versions, so called branches, which can be processed separately, and merged again afterwards.
|
|
|
<br>
|
|
|
<br>
|
|
|
<div class="code">git commit -m "small changes"
|
|
|
</div>
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="filterDiv Swarm3 methods" id="annotatedreader">
|
|
|
<h4>Annotated reader (SWARM 1,2 & 3)</h4>
|
|
|
<div class="placeholder">
|
|
|
<!––data-aos="zoom-in" data-aos-anchor="#annotatedreader" data-aos-duration="1000" data-aos-offset="300"––>
|
|
|
<img src="img/icon26.png" alt="icon" width="100">
|
|
|
</div>
|
|
|
<p>
|
|
|
Using the slow reading method we have read several texts as a group. We have collected annotations, additional information and imagery on an Etherpad. Afterwards, we have collectively revised the collected content, added a glossary, styled it with CSS - designed a cover and designed the overall appearance of it. We have converted it to a print layout using the <a href="#ether2html">Ether2HTML</a> and <a href="#web2print">Web2Print</a> methods. Afterwards, we have printed out this material as booklets, which we have named: SWARM 1, 2 & 3.
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
</section>
|
|
|
<section>
|
|
|
|
|
|
|
|
|
<div class="filterDiv Swarm1 methods" id="codeofconduct">
|
|
|
<h4>Code of conduct</h4>
|
|
|
<div class="placeholder">
|
|
|
<!––data-aos="zoom-in" data-aos-anchor="#codeofconduct" data-aos-duration="1000" data-aos-offset="300"––>
|
|
|
<img src="img/icon22.png" alt="icon" width="100">
|
|
|
</div>
|
|
|
<p>
|
|
|
We created a code of conduct to make sure that we were on the same page about the fundamentals of our regular interactions as a group. It served as a reference on how to approach each other and helped prevent avoidable unconstructive conflict.
|
|
|
<br>
|
|
|
<br>
|
|
|
<div class="code">
|
|
|
<ul>
|
|
|
<li>Listen, don’t interrupt.</li>
|
|
|
<li>Listen actively - Show that you’ve understood.</li>
|
|
|
<li>If you don’t agree, you can still accept others opinions.</li>
|
|
|
<li>When negotiating, be convivial (be nice!).</li>
|
|
|
<li>Ask what is needed before you give.</li>
|
|
|
<li>If personal issues arise, try to address/resolve - if not: park it for the sake of the project.</li>
|
|
|
<li>When you don’t understand, ask for help (be humble).</li>
|
|
|
<li>Be aware of the space you take. (Check temperature - silence is OKAY!)</li>
|
|
|
<li>Before making a decision, check with others (might be an unhappy average).</li>
|
|
|
<li>Speak for yourself and your own experience (see links: nonviolent communication)</li>
|
|
|
<li>Use „AND“ instead of „BUT“ and „HOWEVER“.</li>
|
|
|
<li>These rules can be modified by consensus.</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="filterDiv Swarm1 methods" id="backgroundknowledge">
|
|
|
<h4>Obtaining background knowledge</h4>
|
|
|
<div class="placeholder">
|
|
|
<!––data-aos="zoom-in" data-aos-anchor="#backgroundknowledge" data-aos-duration="1000" data-aos-offset="300"––>
|
|
|
<img src="img/icon23.png" alt="icon" width="100">
|
|
|
</div>
|
|
|
<p>
|
|
|
To develop an understanding of a complex topic, basic research - on/offline - is the first necessary step to take. Talking about the facts as a group and/or collectively reading texts on the topic can help in the process. If possible, the best way to develop a deeper understanding is to get in touch with experts and/or witnesses. In the best case, to conduct an interview or even organize a meeting as a group or a workshop on the topic. Also taking as many different points of view, even if you don’t agree with them, is an imperative to create a differentiated opinion on a complex matter.
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
<div class="filterDiv Swarm1 experiences" id="IDTAG">
|
|
|
<h4>to be determined</h4>
|
|
|
<div class="name" Written by Avital Barkai></div>
|
|
|
<hr class="line1">
|
|
|
<p>
|
|
|
Individuals don’t know they are going to be archived. The act of archiving clusters them together even if they didn’t intend that. For the outsider, the material that they produced can seem like some kind of collective work that was created in a certain time span, maybe even with the aim of being in some sort of a bundle. We collect it all together under a theme, title or event and hope it does justice to the writers, makers, editors etc.
|
|
|
</p>
|
|
|
<p>
|
|
|
The intent of the act makes it all come together in to form an “archive”, a very general word. This process can go in many directions, it is almost arbitrary. I came across an article called “Archive, Archive, Archive!” by the artist Julie Bacon. The article speaks about archiving in the postmodern art world. I felt like it described some of my feelings. She writes: “Surveillance practices mark our time, and people are aware to caring degrees that they are documented, and that bodies of information exist that pertain to them but are remote from them”. When you write a poem, take a photograph or write a political article arguing against your government, do you always think about what will happen when it gets public? Can you know that someday someone else will use this material in ways that you maybe didn’t intend to?
|
|
|
<br>
|
|
|
“Does inclusion liberate us? Does the act of putting things on display empower us or do away with hidden forces, put them under control?”
|
|
|
In this process there are more questions than definitive answers. Reading, tagging and sorting the material means you spend a significant amount of time with the archival material. A relationship is formed and with it your own perspective. When a third party is dealing with the material it imprints itself in it.
|
|
|
</p>
|
|
|
<p>
|
|
|
How should we observe the archive? We are not seeking to “improve” it, but merely to represent the idea behind it and make it accessible to a wider audience. We were given a purpose, willingly or not, so we joined forces, had many conversations, discussions and arguments. We tried to make something that will balance all the different elements that were effecting us and the success of this process can not be measured by regular standards. “Drawing the purse of these thoughts together, what glitters is the poetic-political value of archives, the fact that their aesthetics seek of, and more than that are ineffably bound with, subjecthood: their imagination is a form of agency, their agency colours our dreams, by that I mean our actions.” The time spent with the archive is a significant parameter. Things that were clear to us at the beginning, could have completely changed by now. The more you dive in, the more you know and the less you realise you don’t know. “An awareness of the relationship between practice and ideology is key. The choice of what we do and how transmits attitude, as much as the content and the motives that we are owning up to or claiming”.
|
|
|
</p>
|
|
|
<p>
|
|
|
I find myself asking more question, not trying to give answers. I direct them to myself, my colleagues or into space. If we had more time, would the number of questions increase or decrease? We search the past to answer questions about the present and the future. The fact that the archive was created makes it a part of the present and future. It can be a tool for answers but for much more questions as well.
|
|
|
</p>
|
|
|
<p>
|
|
|
This was written based on my personal experience and in relation to the article “Archive, Archive, Archive!” By Julie Bacon, Circa Art Magazine, 2007.
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="filterDiv Swarm1 tools" id="pageforms">
|
|
|
<h4>Page forms (MediaWiki)</h4>
|
|
|
<div class="placeholder">
|
|
|
<!––data-aos="zoom-in" data-aos-anchor="#pageforms" data-aos-duration="1000" data-aos-offset="300"––>
|
|
|
<img src="img/icon12.png" alt="icon" width="100">
|
|
|
</div>
|
|
|
<p>
|
|
|
Page forms is an extension that provides a <a href="#mediawiki">MediaWiki</a> instance with templates to create pages, edit pages and add query data to them. <br>
|
|
|
We used these forms to implement the same categories for each document and assign them their collected properties.<br>
|
|
|
<br>
|
|
|
<div class="code">{{ImageMetadata<br>
|
|
|
|Title=documenttitle<br>
|
|
|
|Date=1987/11/01<br>
|
|
|
|Part=<br>
|
|
|
|Partof=5<br>
|
|
|
|Creator= <br>
|
|
|
|Format=Paper, Manual<br>
|
|
|
|Event=<br>
|
|
|
|Topic=Resistance Tactics<br>
|
|
|
|Language=English<br>
|
|
|
}}<br>
|
|
|
=OCR=<br>
|
|
|
<nowiki><br>
|
|
|
Original file name: filename.pdf<br>
|
|
|
</nowiki>
|
|
|
</div>
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
<div class="filterDiv Swarm1 tools" id="imgemagick">
|
|
|
<h4><a href="https://imagemagick.org/index.php">Image Magick</a></h4>
|
|
|
<div class="placeholder" >
|
|
|
<!--data-aos="zoom-in" data-aos-anchor="#imgemagick" data-aos-duration="1000" data-aos-offset="300"-->
|
|
|
<img src="img/icon04.png" alt="icon" width="100">
|
|
|
</div>
|
|
|
<p>
|
|
|
Image Magick is a free command-line tool. It comes with extensive functions to edit and convert images.
|
|
|
<br>
|
|
|
We used Image Magic to convert multipage PDFs into individual JPGs to upload to the <a href="#mediawiki">Wiki</a>.
|
|
|
<br>
|
|
|
<br>
|
|
|
<div class="code">convert -quality 100 -density 300 [name-of-pdf] %02d.jpg</div>
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="filterDiv Swarm1 tools" id="bashscript">
|
|
|
<h4>BASH script</h4>
|
|
|
<div class="placeholder">
|
|
|
<!--data-aos="zoom-in" data-aos-anchor="#bashscript" data-aos-duration="1000" data-aos-offset="300"-->
|
|
|
<img src="img/icon01.png" alt="icon" width="100">
|
|
|
</div>
|
|
|
<p>
|
|
|
A BASH script is a series of commands stored in a text file. It contains commands that one would use in the command-line.
|
|
|
<br>
|
|
|
We used BASH scripts to automatically upload batches of files including metadata to the <a href="#mediawiki">Wiki</a>.
|
|
|
<br>
|
|
|
<br>
|
|
|
<div class="code">for n, _file in enumerate(lsimgs):
|
|
|
<br>
|
|
|
pagename = f'{dirname}-{_file}'<br>
|
|
|
print_colormsg(pagename, level='ok')<br>
|
|
|
page = site.pages[_file]<br>
|
|
|
<br>
|
|
|
if page.exists:<br>
|
|
|
url = page.imageinfo['descriptionurl']<br>
|
|
|
print_colormsg(
|
|
|
f'Already exists in {url} Will NOT be uploaded',
|
|
|
level='warning')<br>
|
|
|
else:<br>
|
|
|
img_smw_prop_val = smw_propval_template.render(<br>
|
|
|
title=args.title,<br>
|
|
|
date=args.date,<br>
|
|
|
part=n + 1,<br>
|
|
|
partof=len(lsimgs),<br>
|
|
|
creator=(', ').join(args.creator[1:]),<br>
|
|
|
organization=(', ').join(args.org[1:]),<br>
|
|
|
format=(', ').join(args.format[1:]),<br>
|
|
|
event=(', ').join(args.event[1:]),<br>
|
|
|
topic=(', ').join(args.topic[1:]),<br>
|
|
|
language=(', ').join(args.language[1:])<br>
|
|
|
)
|
|
|
</div>
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="filterDiv Swarm2 tools" id="semanticqueries">
|
|
|
<h4><a href="https://www.semantic-mediawiki.org/wiki/Semantic_MediaWiki">Semantic queries</a></h4>
|
|
|
<div class="placeholder">
|
|
|
<!––data-aos="zoom-in" data-aos-anchor="#semanticqueries" data-aos-duration="1000" data-aos-offset="300"––>
|
|
|
<img src="img/icon13.png" alt="icon" width="100">
|
|
|
</div>
|
|
|
<p>
|
|
|
While lexical search returns literal matches to a search request, semantic search "understands" the query. When compiling the search results, this search procedure relies on previously entered, definitive, metadata information and thus usually returns more accurate results. Multiple requests can be combined to create more complex queries. There are two different factors to the queries: Which pages the search is based on and which information is obtained from them. <a href="#mediawiki">WikiMedia</a> uses a simple semantic language "semantic MediaWiki" for this.
|
|
|
<br>
|
|
|
We used it to selectively query the previously entered content using meta data.
|
|
|
<br>
|
|
|
<br>
|
|
|
<div class="code">[[Category:City]]<br>
|
|
|
[[Located in::Germany]] <br>
|
|
|
|?Population <br>
|
|
|
|?Area#km² = Size in km²
|
|
|
</div>
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="filterDiv Swarm2 experiences " id="titleunknown">
|
|
|
<h4>TITLE UNKNOWN </h4>
|
|
|
<div class="name Written by Tisa Neža Herlec"></div>
|
|
|
<hr class="line1">
|
|
|
<p>
|
|
|
<i>Not all the meanings can be constructed rationally.</i>
|
|
|
</p>
|
|
|
<p>
|
|
|
Excuse the wind. He has no control over his actions.
|
|
|
</p>
|
|
|
<p>
|
|
|
One of my friends said that we can blame the wind for everything that is going on now. This chaoticism, this unpredictability of the directions that things are taking, that we are taking - as a globalized entity.
|
|
|
</p>
|
|
|
<p>
|
|
|
And I wonder a lot about this - multiple organisms constructing one, a global subject (maybe a westernized/first-world subject, governed, disciplined and regulated by political apparatuses that are the slaves of this abstraction of capital, so are we the slaves. Control exerted over a global mass.) [Foucault, biopolitics] We always exclude, trapped in a bias of our own privileges. The unthinkable Other does not constitute this pseudo-global entity humanity is. The process of somehow disabling humanity in its whole/as a whole has always been present.
|
|
|
</p>
|
|
|
<p>
|
|
|
The wind comes here as a good metaphor on the unpredictability of how things will go. Causality that we can't plan or understand. The scope of affairs is now too big for anyone to be able to comprehend it fully. There is no after. There is no going back to how things were. There is only an uncertain continuation, conditioned by the deterioration of our systems, infrastructures and perceived stability. (One thing that I do count on - heavily - is the revaluation of human contact, communication, vicinity, connection, solidarity and empathy - born in the synapses between individuals, growing over the cracks of systemic repression whose interests lay in the management of death - struggling against the death of capitalism, as we know it.) [Mbembe, necropolitics]
|
|
|
</p>
|
|
|
<p>
|
|
|
And the constant that remains is belief. <br>
|
|
|
The wind blows from the North, East, South, West and North-East, South-East, North-West, South-West. From all the defined directions of the sky and the combinations in between them. The liminalities and the divisions within abstract constructs constitute what we believe in.
|
|
|
</p>
|
|
|
<p>
|
|
|
I said once in a song of mine (maybe it was a poem): <i>"Mathematics give me a sense of meaning, when emotions fail." </i>And, this is my recurrent observation of humanity in its interactive potential, it does not have the space to stretch, branch out, take over. Rationality, the discourse of logos, the utter need to understand, to grasp, to clarify and to stabilize is taking the lead and, while doing so, dismissing all of the other potentialities of human nature. Sensation, emotion and all their derivatives that exceed an individual and find their place in relationality, reinforcing the translucent material that holds us together. To make political rhetorics passionate!?
|
|
|
</p>
|
|
|
<p>
|
|
|
Abstract constructions such as border, nation, money - and so many others. Collective imaginaries, crude mental infrastructures that seemingly bring us together. What do they actually do? A raw deconstruction of the mere possibility of us being at the same space, same time, combined.[<a href="https://www.youtube.com/watch?v=fZoMzWraS_c">How does it feel?</a>] To be a collective organism, a massive organic entity. And then these building blocks of material of our realities just get scattered all around the consequences of some mischances and bad decisions from before our times.
|
|
|
</p>
|
|
|
<p>
|
|
|
I see now three children on a balcony, holding guns. They are observing carefully, searching for their targets - aiming and shooting. Playful game, is it a pigeon or a person who disobeys the rules? The regulation of the masses is exercised by its very particles. Power is dispersed, diffused. There is no king, no tyrant we can point at with our fists and run towards in wrath. Who to rebel against? Against the part within ourselves that is obliged to follow some repressive structure of obedience?
|
|
|
</p>
|
|
|
<p>
|
|
|
It is this silent communication that happens. How animals feel the earthquake coming, there is something in the air that makes them nervous. And the birds are up in the air, flying all around, releasing sounds that only their peers can understand, we have no idea what they are saying. [Didn't Adorno say something like: Brave are the ones who allows themselves to understand the language of the birds. ??? They know stuff.]
|
|
|
</p>
|
|
|
<p>
|
|
|
Language. Meaning. Communication. Understanding.
|
|
|
</p>
|
|
|
<p>
|
|
|
And then the doors close and they open suddenly. The doors of meaning on the verge between understanding and oblivion. Somewhere in between, always somewhere in between. Collective meaning-making. Plurality of voices in the voice of the collective organism. So silent it seems.
|
|
|
</p>
|
|
|
<p>
|
|
|
I talked to a friend yesterday, she is a gemini, she has this problem - it was funny, it is funny how we might boil down our concerns onto our personal horoscopes. Again, an abstract construction that wants to help you understand things, and then they get even more complicated.
|
|
|
</p>
|
|
|
<p>
|
|
|
The world is foreign to simplicity. The natural take on how things are is immense complexity and chaos. And then with a punch of one hand, firmly, we try to tame it, and put it in a form that is understandable. For a while, maybe, it holds its stability, sooner or later it dismantles again. And we panic. Should we wonder?
|
|
|
</p>
|
|
|
<p>
|
|
|
Who are these guys training for? Punches, kickbox. If there is a war coming, we are going to have to use more weapons then just our bodies, intellect, predictions. The war is already happening. What is war anyways? There is this discourse going on about this whole viral virus situation - hello pigeons - being at war with an invisible enemy. We have to defend our integrity. It is not about life, it is about death. And nobody wants to die. Nobody wants to suffer. Pain is painful. [prof. Sapolsky, behavioural science] Except the ones that do, and the ones that got used to the idea of doing so. I believe there is this strong pressure of surviving, and - honestly - I like it. (Gotta love my privilege.) But it is more than just mere survival. I want to survive well. [Maria Hlavajova was talking about this in december]
|
|
|
</p>
|
|
|
<p>
|
|
|
And here, we come to screaming and interaction. War, again. If you do not know the war is already happening, and you hear a big crowd screaming, somewhere, 3 blocks away from you. Not too far, you can hear the mass, the distinct voices of many people. You can't estimate how many there are, there is a lot of them. And then the first thought that pops up - it happened to me in 2016 [nazi group attack on the <a href="http://atrog.org/en/">Autonomous Rog Factory squat </a> in Ljubljana we were defending against eviction] - is this screaming ... What caused it? What does it react to?
|
|
|
</p>
|
|
|
<p>
|
|
|
Did it react to something beautiful, fun and joyful, something that we are celebrating by letting our voices penetrate into the air around and just letting it echo out loud. Joining the screams of other people. Letting the overall scream be so loud that everybody hears it, not only 3 blocks around, everybody, the whole world screams it.
|
|
|
</p>
|
|
|
<p>
|
|
|
Kind of masked in silence, masked in our own habit of not releasing this scream - this is the opposite of it - the scream that targets the inside is even louder, and its potency is nerve-wracking. The scream that wants to be heard, the scream that wants to release itself, but be damned, there is something preventing that! The inability to express. (Rational rethorics that do not allow the release of emotion. The high-pitched utterance of women, called "ololyga". Patriarchal logos. "Thank you", ancestral fathers.) [<a href="https://pzwiki.wdka.nl/mediadesign/User:Angeliki/Grad-thesis">Angeliki Diakrousi, Let's Talk About Unspeakable Things</a>]
|
|
|
</p>
|
|
|
<p>
|
|
|
Like an impala, when she thinks she is going to be eaten by a leopard. Captured in the claws and sharp teeth of the predator, she freezes. She freezes and plays dead and waits for her death. And then, there is a hyena, entering the scene. And the leopard doesn't want any trouble, so he moves away from his prey, leaving the impala laying on the floor in a state of catatonic immobility. The impala, struck by a sudden shock, a bodily sensation, she is heavy and still like a stone statue. And she remains to be so, until ... she starts moving. Until she reverses the scream that was echoing inside of her body. Until she decides that her scream has the possibility to be released. And what happens then is that her body suddenly starts shaking, trembling. Like a vigorous earthquake. The shake starts in her legs and then continues to spread over her whole body. And this is how impala, the doomed prey, brings herself back to life and then continues her path into it. The discharging cycle kept her from accumulating trauma, from dying in the place that was designated for her, almost certain death. Hyena, thank you, you were a beautiful and needed variable in this situation. [<a href="https://www.youtube.com/watch?v=Ox7Uj2pw-80">Observe it here.</a>]
|
|
|
</p>
|
|
|
<p>
|
|
|
What is important to understand here, is the very process of releasing the scream. The step that is so important for any being, also humans. It prevents the trauma, it prevents death (that is, death of any kind - whether the death of the organism, or the death of sensoriality, of the voice etc.) Individual trauma. Collective trauma.
|
|
|
</p>
|
|
|
<p>
|
|
|
The reason behind the lack of a voice, the echoing scream of the collective organism, might as well be the deep trauma accumulated in the world and the time and the repression this collective organism lives on a daily basis. Its "natural" environment disables the organism. This is not how symbiosis is supposed to function, right?
|
|
|
</p>
|
|
|
<p>
|
|
|
<i>Repressive system > (collective) trauma > silence > scream > meaning?</i>
|
|
|
</p>
|
|
|
<p>
|
|
|
Back to the scream being released. The release depends on an irrational decision, on something that is embodied, something that is the body itself. The body, unrepressed by logos. <i> body <voice> logos.</i> [Mladen Dolar, A voice and nothing more.] The scream can forget about meaning altogether, emotion prevails. The animal instinct wakes up. Does this recognition of the animal within mean the awakening of the Political Animal? [Aristotle, Politics]
|
|
|
</p>
|
|
|
<p>
|
|
|
The other option - apart from the beautiful and joyful scream that tells about the success of a community, of the good that happened, of pleasure - is the scream of terror, of horror, of something that is ultimately bad. Caused by something that strikes you, something that strikes the collective organism (If there is such a thing. What about the posthumanist notion that the human body is already a conglomeration of so many microbiotic organisms, collectively assembling an entity?). And then, instead of being caught in this dread, you let out this pressing scream and everybody hears it. The scream is a sensory, emotional response to a strong stimuli, to the horrors (or the pleasures) experienced. It testifies of rage, the absence of hope, the need for help, (enjoyment). It is a primal utterance imprinted in our DNA. An utterance dismissed by the social contracts currently in place. Considered as vulgar, disruptive, unfitted. Children screaming.
|
|
|
</p>
|
|
|
<p>
|
|
|
And me, 3 blocks away, I cannot distinguish one scream from the other scream, both seem the same. Their nature is nothing that I can predict or grasp. And that is a scary fact! In fact, I don't know ... Now the wind blew my thoughts away, the thoughts about screaming. Maybe that's a good thing. I can think about silence now.
|
|
|
</p>
|
|
|
<p>
|
|
|
Silence sometimes just prevails in the brain, very rarely, but sometimes - the brain is empty. (Does this signify the absence of morality? The absence of Socrates' Daemon? [Dolar]) It is empty like a gliding surface of ice and reflections, something that is yet to be determined. Something that is a blank page, a space of opportunities, a space of so many noises - none of them being in the forefront. They are somehow all merged into a soup - like a cosmic soup, not a chicken soup. Plurality. Multiplicity. Multitudinousness. Completely interwoven one into the other. All of them, all of these sounds in silence. Each one of them is moving at a different pace. Ah, this shining, glimmering sensation of it being very far and very close at once. Silence as a loud chaotic presence of indistinguishable voices. And nobody cares what reality is, because reality differs on every subjective eye, sight. Ah, then one can rest, because none of the impulses are more present than others, none of the thoughts are more correct than others, none of the meanings or the emotion or the sensation are more pressing than others. Maybe that is the absolute state of bliss, maybe that is what they call zen. To observe, but nothing in particular. To observe everything in its entirety. The whole picture! The macro moment of sensing and thinking in this flux that never ceases, but we disrupt it with the need to get the thoughts heard, with the need to emphasize, to choose, to deliberate. To pick the right particle of silence and amplify it until it becomes the fuckingscream that resonates in our ears so much, that all of the other possibilities of silence dissipate into mere possibilities. The overflow of thoughts also prevents us from hearing them. Their presence is compromised. Isn't that sad in its own beautiful way?
|
|
|
</p>
|
|
|
<p>
|
|
|
So, silence can be bright and relieving, in some sort of a pre-natal state of any being, of a being of any thought, of presence ... Silence as the presence of the untold. The materiality of dreams - I wonder where it comes from, it might as well come from silence. The multiplicity of sounds which all are equal. Is this the state of equality that we as humanity are striving towards? Are we?
|
|
|
</p>
|
|
|
<p>
|
|
|
But silence can only be pleasant if we CHOOSE it as the object of our contemplation and admiration, if we are not obliged to stare into her eyes. If it is a personal, an almost intimate decision. If she affords herself to us as an insight into a distant existence of a multifaceted, always present sonority. [of course: John Cage, 4''33'] By the way - the saying that goes: Silence speaks louder than words. - do we still believe that?
|
|
|
</p>
|
|
|
<p>
|
|
|
As the nature of the scream, also the nature of silence can be the force that causes us to suffer. It can be the engine of torture. Nerve-wracking and unpleasant. Stuttering voices, words that cannot flow directly into the ears of their possible beholders, meanders of avoidance of meaning. Suppressed opinions and intellects.
|
|
|
</p>
|
|
|
<p>
|
|
|
Sometimes, it is the social contract that prevents us from being able to utter, to reside in silence. Other times, it is the authority, the teacher that compels you into being silent and only speaking when you are ordered to do so. At times, you, yourself and your lack of confidence or the internalized absence of subjective relevance keeps your mouth shut, while thoughts are racing in all directions, crashing at full speed into walls that we build around ourselves.
|
|
|
</p>
|
|
|
<p>
|
|
|
Sonic pollution. The noise of the sirens that signify urgency and disaster make our voices inaudible. We go silent when the fear of shock strikes us. Cities go silent when we are forced to stay inside, the frequency of real-life interactions gets smaller. (But here, I have to state this crucial difference of our pandemic to the others that happened in the past. During the plague, people could not communicate! Now, we do nothing but that. Just think of it. After the plague nothing changed. What will happen to us? Is this difference of having the possibility to exchange meanings as potent as I imagine?)
|
|
|
<br>
|
|
|
The silence in the atmosphere before a big storm ... You can smell the rain before it hits the ground.
|
|
|
</p>
|
|
|
<p>
|
|
|
At times, it is the repressive government that takes away your human right to speak freely and articulate your opinion, offering it to the world. Absoluteness, one voice that governs thoughts of all. The powerful voice. The acousmatic voice. (Pythagoras that lectures from behind a screen, the Wizard of Oz.) [Dolar] <a href="https://www.youtube.com/watch?v=RY4jU85o8pE&t=">The illusion of the source of the powerful sound.</a>The pressure to conform. Hegemony over meaning.
|
|
|
</p>
|
|
|
<p>
|
|
|
Censorship - a repressive act targeted towards the human potential of meaning-making and sense-making. I consider censorship as being a severely physical act. Holding a firm hand against the mouth of the one that attempts to speak (scream). Gasping for air. Cutting out somebodys' tongue ... And it is not only physical in this particular visceral sense. The consequences of censorship effect and endanger the very lives of the people that disobey its forceful decree. Here, I must also say that censorship is not the prohibition of a voice per se, but a prohibition of any meaning-making activity (here encompassing voice and its derivatives (text), but also art (any sort of imagery) - in all, any form that transmits meaning.
|
|
|
</p>
|
|
|
<p>
|
|
|
Let's also take a glance at the overwhelming quantity of data that we are being fed with daily. How is data treated, who owns it, how it accumulates capital - these are the crucial questions in this age of digitalization and global connectivity. [Vectorialists vs hackers. Hackers Manifesto - Mackenzie Wark] The world of <a href="https://en.wikipedia.org/wiki/Post-truth">post-truth</a>. Who to trust? Whose words to internalize? How to train our personal subjective sieves that drain out the unnecessary meanings, like we would drain the spaghetti water?
|
|
|
</p>
|
|
|
<p>
|
|
|
Words are dangerous. Meanings are dangerous. <br>
|
|
|
Fragile abstract constructions are endangered. Opposing the hegemony over meaning is dangerous for the ones in this delinquent activity of resistance, because it is de facto dangerous for the entirety of the hegemonic powers that put us in this tight corner in the first place.
|
|
|
On the other hand - how dangerous is it really to be empowered to speak? It is not always a life-threatening situation that we, as the emancipated voices face. It all depends on our location in this world and the forces that govern it. The future is, nonetheless predictable. Observing situations in politically repressive environments of the past and the present affords us the construction of a prediction on how things will evolve in time, wherever we are. The tendencies are clear.
|
|
|
</p>
|
|
|
<p>
|
|
|
A glance at history, at presence - at any given time, humans find ways to disguise their meanings with the intention of sharing them (no matter what the repressive factor is). It might be by using symbols. Substituting Jesus for a fish somewhere under the grounds of <a href="http://www.historyofpainters.com/catacombs.htm">catacombs</a> for example. The intricate art of cryptology. Or memes that depict much more than they appear to - with the knowledge of the context they are created in, they can be read as a source of pure content. We invent poetry, metaphors, analogies (we empower interpretation, or better said: we empower meaning through interpretation.) - to say things that should not be said, that should not be understood by everyone. Abstract. Disguised. Lyric. Generic. Only the ones that need to understand it, get the code, the recipe to recognize the meanings under their disguise. Sometimes meanings are reserved for particular people, but mostly they are avoiding the people that should not hear them. <br>
|
|
|
Are they afraid of meanings? Are they dreaded by the fact of how concepts and thoughts and meanings, produces of the human mind would break apart their constructions of power and authority, their takes on the world that we must adjust to, comprehend as the truth and nothing but the truth? What does God think of all this? "Who has the right to construct narratives?"
|
|
|
</p>
|
|
|
<p>
|
|
|
The ones that hold power are the ones that have the capability, the taken (not given) right to interpret, to guide the meaning anywhere that they want to. [arche - archons as the ones that have power over commencement and commandement. Archive fever - Jacques Derrida] They hold the knowledge, they are the ones that interpret it, they are the ones that reinforce the laws and rules. They write and speak speeches to convince us into absolute belief. They draw graphs and pull numbers out to impress us. They consider their truth as the objective truth, the only truth that has the right to exist. They are the ones that write histories. And history is always written by the winners of battles. Political power is the voice that narrates the past, the present and the future. History. Daily life. Absolute power over meaning - do we give them that?
|
|
|
</p>
|
|
|
<p>
|
|
|
Not everyone is simply going to be convinced. To doubt, to <a href="https://soundcloud.com/tisaneza/i-can-think-with-my-own-head">think with your own head</a>. To claim the right to utter, to speak, to scream, to express, to state. To construct meanings and share them with others is a human need and a right. When it is taken away from us, we are fueled to oppose, our need to resist is enhanced. To interpret and to contextualize are crucial abilities that allow us to escape repression. Therefore, there is always a stream of resistance, a community - sometimes hiding in the catacombs, other times anonymously roaming the space of the web - a hive of thinkers and philosophers and radical particles that think not alike the rest. [see: <a href="https://en.wikipedia.org/wiki/Radical_(chemistry)">chemistry - radical</a>.] Your next-door neighbours?
|
|
|
<br>
|
|
|
Possibility. Vision. Utopia. Reality. The antidotes. To intervene. To react. To invent. To hack. To be listened to!?
|
|
|
</p>
|
|
|
<p>
|
|
|
There are always ways to spread these thoughts and meanings across the walls of restrictions and regulations and attempts of discipline. Meanings get formed behind closed doors, in the underground mechanisms of collective articulation, within currents of resistance - sometimes lonely, pertaining to an individual as well as oftenly shared and exercised collectively.
|
|
|
<br>
|
|
|
Is this the process of the formation of the collective voice? A collective organism of utterance? Rising from repression, from a counter-position to the existing state of affairs. It is the scream that is being expressed, gradually becoming louder and more present, less afraid and empowered, emancipated, stronger > full of meaning! See it as a bubble that is rising from the bottom, floating upwards and popping on the surface, visible to everyone! <br>
|
|
|
Meanings can never be killed.
|
|
|
</p>
|
|
|
<p>
|
|
|
<i>One girl just looked at me in a really weird way. I think I got a little bit too involved in what I was saying.</i>
|
|
|
<br>
|
|
|
<i>And, another police car in a <strike>fucking</strike> park.</i>
|
|
|
<br>
|
|
|
<i>For a moment, everything seemed to be so ordinary.</i>
|
|
|
</p>
|
|
|
<p>
|
|
|
From this position of un-knowing and attempting to understand - in a visceral, holistic way, I say thank you, to you that kept up with all of these thoughts, meanings that had the need to be at least provisionally articulated. Thank you for your participation in their resonance, going outwards.
|
|
|
</p>
|
|
|
<p>
|
|
|
Maybe this is the process of the formation of the collective voice. <br>
|
|
|
You tell me.
|
|
|
</p>
|
|
|
<p>
|
|
|
What about the empowerment of the individual voice? Individuals do, after all, constitute the collective. <br>
|
|
|
There is no other way.
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="filterDiv Swarm2 tools" id="api">
|
|
|
<h4><a href="https://www.mediawiki.org/w/api.php ">API</a></h4>
|
|
|
<div class="placeholder">
|
|
|
<!––data-aos="zoom-in" data-aos-anchor="#api" data-aos-duration="1000" data-aos-offset="300"––>
|
|
|
<img src="img/icon14.png" alt="icon" width="100">
|
|
|
</div>
|
|
|
<p>
|
|
|
An API (Application Programming Interface) is an interface that enables external programs or systems to communicate with the software. The API defines how to access and how to define requests. Some APIs are created specifically for certain programs, others follow industry standards.<br>
|
|
|
We used MediaWiki's API to organize and bundle a large amount of material and later in the process also to export the search queries from the Wiki user interface and then, using <a href="#query2html">query2html</a>, converted them to HTML.
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="filterDiv Swarm2 tools" id="pythonscript">
|
|
|
<h4><a href="https://www.python.org/">Python</a> script</h4>
|
|
|
<div class="placeholder">
|
|
|
<!––data-aos="zoom-in" data-aos-anchor="#pythonscript" data-aos-duration="1000" data-aos-offset="300"––>
|
|
|
<img src="img/icon15.png" alt="icon" width="100">
|
|
|
</div>
|
|
|
<p>
|
|
|
Python is a highly abstract (high-level) programming language in which logical and clearly structured codes for projects of various sizes have been written since 1991. It is equipped/comes with a significant amount of libraries that simplify complex tasks.<br>
|
|
|
We used the Python library Mwclient to interface with the <a href="#mediawiki">MediaWiki</a> <a href="#api">API</a> in order to extract the results of semantic queries.
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
<div class="filterDiv Swarm2 tools" id="query2html">
|
|
|
<h4>query2HTML</h4>
|
|
|
<div class="placeholder">
|
|
|
<!––data-aos="zoom-in" data-aos-anchor="#query2html" data-aos-duration="1000" data-aos-offset="300"––>
|
|
|
<img src="img/icon17.png" alt="icon" width="100">
|
|
|
</div>
|
|
|
<p>
|
|
|
Using the <a href="#mediawiki">MediaWiki</a> <a href="#api">API</a>, <a href="#pythonscript">Python</a> and <a href="#pandoc">Pandoc</a> we converted the results of <a href="#semanticqueries">semantic queries</a> to a <a href="#staticwebsite">static website</a>.
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="filterDiv Swarm2 methods" id="technicallimitations">
|
|
|
<h4>Technical limitations</h4>
|
|
|
<div class="placeholder">
|
|
|
<!––data-aos="zoom-in" data-aos-anchor="#technicallimitations" data-aos-duration="1000" data-aos-offset="300"––>
|
|
|
<img src="img/icon27.png" alt="icon" width="100">
|
|
|
</div>
|
|
|
<p>
|
|
|
Under certain conditions it may be necessary to publish content without leaving a trace of identity behind. To protect the contributors and server locations also means working with some technical limitations. At our project, this boiled down to facing reduced bandwidth speed when accessing websites, hosted in the Dark web through the Tor Browser, and also because of the necessity of implementing a static website.
|
|
|
It makes no sense to try and work against these restrictions, but rather to accept and find ways to work within the limitations. A clearly defined field of work can also speed up and enrich the process.
|
|
|
<br>
|
|
|
<br>
|
|
|
<div class="code">
|
|
|
Embrace the limitations!
|
|
|
</div>
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="sectiontitles">
|
|
|
<!-- data-aos="fade-right" data-aos-duration="1000" data-aos-offset="300"-->
|
|
|
<div class="filterDiv Swarm2 Ar" id="swarm2">
|
|
|
<h3>SWARM 03</h3>
|
|
|
<h1>NOT FINISHEDDDDBUT SOON</h1>
|
|
|
<br>
|
|
|
<h6>BODY/SOUL/INTELECT, the materiality, reactivating bla bla bla<br></h6>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
<!--script src="masonry.js"--><!--</script>-->
|
|
|
|
|
|
<script>
|
|
|
filterSelection("all")
|
|
|
function filterSelection(c) {
|
|
|
var x, i;
|
|
|
x = document.getElementsByClassName("filterDiv");
|
|
|
if (c == "all") c = "";
|
|
|
// Add the "show" class (display:block) to the filtered elements, and remove the "show" class from the elements that are not selected
|
|
|
for (i = 0; i < x.length; i++) {
|
|
|
w3RemoveClass(x[i], "show");
|
|
|
if (x[i].className.indexOf(c) > -1) w3AddClass(x[i], "show");
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// Show filtered elements
|
|
|
function w3AddClass(element, name) {
|
|
|
var i, arr1, arr2;
|
|
|
arr1 = element.className.split(" ");
|
|
|
arr2 = name.split(" ");
|
|
|
for (i = 0; i < arr2.length; i++) {
|
|
|
if (arr1.indexOf(arr2[i]) == -1) {
|
|
|
element.className += " " + arr2[i];
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// Hide elements that are not selected
|
|
|
function w3RemoveClass(element, name) {
|
|
|
var i, arr1, arr2;
|
|
|
arr1 = element.className.split(" ");
|
|
|
arr2 = name.split(" ");
|
|
|
for (i = 0; i < arr2.length; i++) {
|
|
|
while (arr1.indexOf(arr2[i]) > -1) {
|
|
|
arr1.splice(arr1.indexOf(arr2[i]), 1);
|
|
|
}
|
|
|
}
|
|
|
element.className = arr1.join(" ");
|
|
|
}
|
|
|
|
|
|
// Add active class to the current control button (highlight it)
|
|
|
var btnContainer = document.getElementById("myBtnContainer");
|
|
|
var btns = btnContainer.getElementsByClassName("btn");
|
|
|
for (var i = 0; i < btns.length; i++) {
|
|
|
btns[i].addEventListener("click", function() {
|
|
|
var current = document.getElementsByClassName("active");
|
|
|
current[0].className = current[0].className.replace(" active", "");
|
|
|
this.className += " active";
|
|
|
});
|
|
|
}
|
|
|
|
|
|
// CHECKBOXES
|
|
|
|
|
|
|
|
|
var boxes = document.getElementsByName("print");
|
|
|
|
|
|
|
|
|
|
|
|
for (var i=0; i<boxes.length; i++) {
|
|
|
if (boxes[i].checked) {
|
|
|
boxes[i].parentElement.parentElement.classList.add("print");
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
</div>
|
|
|
</main>
|
|
|
|
|
|
<!--
|
|
|
<script>
|
|
|
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AOS=t():e.AOS=t()}(this,function(){return function(e){function t(o){if(n[o])return n[o].exports;var i=n[o]={exports:{},id:o,loaded:!1};return e[o].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var n={};return t.m=e,t.c=n,t.p="dist/",t(0)}([function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}var i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},r=n(1),a=(o(r),n(6)),u=o(a),c=n(7),f=o(c),s=n(8),d=o(s),l=n(9),p=o(l),m=n(10),b=o(m),v=n(11),y=o(v),g=n(14),h=o(g),w=[],k=!1,x={offset:120,delay:0,easing:"ease",duration:400,disable:!1,once:!1,startEvent:"DOMContentLoaded",throttleDelay:99,debounceDelay:50,disableMutationObserver:!1},j=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(e&&(k=!0),k)return w=(0,y.default)(w,x),(0,b.default)(w,x.once),w},O=function(){w=(0,h.default)(),j()},_=function(){w.forEach(function(e,t){e.node.removeAttribute("data-aos"),e.node.removeAttribute("data-aos-easing"),e.node.removeAttribute("data-aos-duration"),e.node.removeAttribute("data-aos-delay")})},S=function(e){return e===!0||"mobile"===e&&p.default.mobile()||"phone"===e&&p.default.phone()||"tablet"===e&&p.default.tablet()||"function"==typeof e&&e()===!0},z=function(e){x=i(x,e),w=(0,h.default)();var t=document.all&&!window.atob;return S(x.disable)||t?_():(document.querySelector("body").setAttribute("data-aos-easing",x.easing),document.querySelector("body").setAttribute("data-aos-duration",x.duration),document.querySelector("body").setAttribute("data-aos-delay",x.delay),"DOMContentLoaded"===x.startEvent&&["complete","interactive"].indexOf(document.readyState)>-1?j(!0):"load"===x.startEvent?window.addEventListener(x.startEvent,function(){j(!0)}):document.addEventListener(x.startEvent,function(){j(!0)}),window.addEventListener("resize",(0,f.default)(j,x.debounceDelay,!0)),window.addEventListener("orientationchange",(0,f.default)(j,x.debounceDelay,!0)),window.addEventListener("scroll",(0,u.default)(function(){(0,b.default)(w,x.once)},x.throttleDelay)),x.disableMutationObserver||(0,d.default)("[data-aos]",O),w)};e.exports={init:z,refresh:j,refreshHard:O}},function(e,t){},,,,,function(e,t){(function(t){"use strict";function n(e,t,n){function o(t){var n=b,o=v;return b=v=void 0,k=t,g=e.apply(o,n)}function r(e){return k=e,h=setTimeout(s,t),_?o(e):g}function a(e){var n=e-w,o=e-k,i=t-n;return S?j(i,y-o):i}function c(e){var n=e-w,o=e-k;return void 0===w||n>=t||n<0||S&&o>=y}function s(){var e=O();return c(e)?d(e):void(h=setTimeout(s,a(e)))}function d(e){return h=void 0,z&&b?o(e):(b=v=void 0,g)}function l(){void 0!==h&&clearTimeout(h),k=0,b=w=v=h=void 0}function p(){return void 0===h?g:d(O())}function m(){var e=O(),n=c(e);if(b=arguments,v=this,w=e,n){if(void 0===h)return r(w);if(S)return h=setTimeout(s,t),o(w)}return void 0===h&&(h=setTimeout(s,t)),g}var b,v,y,g,h,w,k=0,_=!1,S=!1,z=!0;if("function"!=typeof e)throw new TypeError(f);return t=u(t)||0,i(n)&&(_=!!n.leading,S="maxWait"in n,y=S?x(u(n.maxWait)||0,t):y,z="trailing"in n?!!n.trailing:z),m.cancel=l,m.flush=p,m}function o(e,t,o){var r=!0,a=!0;if("function"!=typeof e)throw new TypeError(f);return i(o)&&(r="leading"in o?!!o.leading:r,a="trailing"in o?!!o.trailing:a),n(e,t,{leading:r,maxWait:t,trailing:a})}function i(e){var t="undefined"==typeof e?"undefined":c(e);return!!e&&("object"==t||"function"==t)}function r(e){return!!e&&"object"==("undefined"==typeof e?"undefined":c(e))}function a(e){return"symbol"==("undefined"==typeof e?"undefined":c(e))||r(e)&&k.call(e)==d}function u(e){if("number"==typeof e)return e;if(a(e))return s;if(i(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=i(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(l,"");var n=m.test(e);return
|
|
|
n||b.test(e)?v(e.slice(2),n?2:8):p.test(e)?s:+e}var c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f="Expected a function",s=NaN,d="[object Symbol]",l=/^\s+|\s+$/g,p=/^[-+]0x[0-9a-f]+$/i,m=/^0b[01]+$/i,b=/^0o[0-7]+$/i,v=parseInt,y="object"==("undefined"==typeof t?"undefined":c(t))&&t&&t.Object===Object&&t,g="object"==("undefined"==typeof self?"undefined":c(self))&&self&&self.Object===Object&&self,h=y||g||Function("return this")(),w=Object.prototype,k=w.toString,x=Math.max,j=Math.min,O=function(){return h.Date.now()};e.exports=o}).call(t,function(){return this}())},function(e,t){(function(t){"use strict";function n(e,t,n){function i(t){var n=b,o=v;return b=v=void 0,O=t,g=e.apply(o,n)}function r(e){return O=e,h=setTimeout(s,t),_?i(e):g}function u(e){var n=e-w,o=e-O,i=t-n;return S?x(i,y-o):i}function f(e){var n=e-w,o=e-O;return void 0===w||n>=t||n<0||S&&o>=y}function s(){var e=j();return f(e)?d(e):void(h=setTimeout(s,u(e)))}function d(e){return h=void 0,z&&b?i(e):(b=v=void 0,g)}function l(){void 0!==h&&clearTimeout(h),O=0,b=w=v=h=void 0}function p(){return void 0===h?g:d(j())}function m(){var e=j(),n=f(e);if(b=arguments,v=this,w=e,n){if(void 0===h)return r(w);if(S)return h=setTimeout(s,t),i(w)}return void 0===h&&(h=setTimeout(s,t)),g}var b,v,y,g,h,w,O=0,_=!1,S=!1,z=!0;if("function"!=typeof e)throw new TypeError(c);return t=a(t)||0,o(n)&&(_=!!n.leading,S="maxWait"in n,y=S?k(a(n.maxWait)||0,t):y,z="trailing"in n?!!n.trailing:z),m.cancel=l,m.flush=p,m}function o(e){var t="undefined"==typeof e?"undefined":u(e);return!!e&&("object"==t||"function"==t)}function i(e){return!!e&&"object"==("undefined"==typeof e?"undefined":u(e))}function r(e){return"symbol"==("undefined"==typeof e?"undefined":u(e))||i(e)&&w.call(e)==s}function a(e){if("number"==typeof e)return e;if(r(e))return f;if(o(e)){var t="function"==typeof e.valueOf?e
|
|
|
.valueOf():e;e=o(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(d,"");var n=p.test(e);return n||m.test(e)?b(e.slice(2),n?2:8):l.test(e)?f:+e}var u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c="Expected a function",f=NaN,s="[object Symbol]",d=/^\s+|\s+$/g,l=/^[-+]0x[0-9a-f]+$/i,p=/^0b[01]+$/i,m=/^0o[0-7]+$/i,b=parseInt,v="object"==("undefined"==typeof t?"undefined":u(t))&&t&&t.Object===Object&&t,y="object"==("undefined"==typeof self?"undefined":u(self))&&self&&self.Object===Object&&self,g=v||y||Function("return this")(),h=Object.prototype,w=h.toString,k=Math.max,x=Math.min,j=function(){return g.Date.now()};e.exports=n}).call(t,function(){return this}())},function(e,t){"use strict";function n(e,t){var n=window.document,r=window.MutationObserver||window.WebKitMutationObserver||window.MozMutationObserver,a=new r(o);i=t,a.observe(n.documentElement,{childList:!0,subtree:!0,removedNodes:!0})}function o(e){e&&e.forEach(function(e){var t=Array.prototype.slice.call(e.addedNodes),n=Array.prototype.slice.call(e.removedNodes),o=t.concat(n).filter(function(e){return e.hasAttribute&&e.hasAttribute("data-aos")}).length;o&&i()})}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){};t.default=n},function(e,t){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(){return navigator.userAgent||navigator.vendor||window.opera||""}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),r=/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i,a=/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i,u=/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i,c=/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i,f=function(){function e(){n(this,e)}return i(e,[{key:"phone",value:function(){var e=o();return!(!r.test(e)&&!a.test(e.substr(0,4)))}},{key:"mobile",value:function(){var e=o();return!(!u.test(e)&&!c.test(e.substr(0,4)))}},{key:"tablet",value:function(){return this.mobile()&&!this.phone()}}]),e}();t.default=new f},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e,t,n){var o=e.node.getAttribute("data-aos-once");t>e.position?e.node.classList.add("aos-animate"):"undefined"!=typeof o&&("false"===o||!n&&"true"!==o)&&e.node.classList.remove("aos-animate")},o=function(e,t){var o=window.pageYOffset,i=window.innerHeight;e.forEach(function(e,r){n(e,i+o,t)})};t.default=o},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(12),r=o(i),a=function(e,t){return e.forEach(function(e,n){e.node.classList.add("aos-init"),e.position=(0,r.default)(e.node,t.offset)}),e};t.default=a},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(13),r=o(i),a=function(e,t){var n=0,o=0,i=window.innerHeight,a={offset:e.getAttribute("data-aos-offset"),anchor:e.getAttribute("data-aos-anchor"),anchorPlacement:e.getAttribute("data-aos-anchor-placement")};switch(a.offset&&!isNaN(a.offset)&&(o=parseInt(a.offset)),a.anchor&&document.querySelectorAll(a.anchor)&&(e=document.querySelectorAll(a.anchor)[0]),n=(0,r.default)(e).top,a.anchorPlacement){case"top-bottom":break;case"center-bottom":n+=e.offsetHeight/2;break;case"bottom-bottom":n+=e.offsetHeight;break;case"top-center":n+=i/2;break;case"bottom-center":n+=i/2+e.offsetHeight;break;case"center-center":n+=i/2+e.offsetHeight/2;break;case"top-top":n+=i;break;case"bottom-top":n+=e.offsetHeight+i;break;case"center-top":n+=e.offsetHeight/2+i}return a.anchorPlacement||a.offset||isNaN(t)||(o=t),n+o};t.default=a},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e){for(var t=0,n=0;e&&!isNaN(e.offsetLeft)&&!isNaN(e.offsetTop);)t+=e.offsetLeft-("BODY"!=e.tagName?e.scrollLeft:0),n+=e.offsetTop-("BODY"!=e.tagName?e.scrollTop:0),e=e.offsetParent;return{top:n,left:t}};t.default=n},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e){return e=e||document.querySelectorAll("[data-aos]"),Array.prototype.map.call(e,function(e){return{node:e}})};t.default=n}])});
|
|
|
</script>
|
|
|
<script>
|
|
|
AOS.init();
|
|
|
</script>
|
|
|
-->
|
|
|
|
|
|
</body>
|
|
|
</html>
|