curl

index.html

@@ -24,7 +24,7 @@
 
 <div id="popup" class="nav show">
 	<div class="introhead">
-		From the other side of the world,...
+		From the other side of the world
 	</div> 
 	<div class="introtext"> 
 			<br><br>...we were given data about a past dictatorship. A portion of an archive that exists to keep history truthful, educating the present, the recurrent time of political urgency and authoritarian repression. We were entrusted to secure it, manage it and publish it anonymously. 
@@ -414,7 +414,7 @@
 			
 			
 			<div class="filterDiv Swarm1 methods" id="codeofconduct">
-			<h4>Code of conduct</h4>
+			<h4 class="title-element">Code of conduct</h4>
 			<div class="placeholder"> 
 				<img src="img/icon22.svg" alt="icon" width="100">
 			</div>
@@ -446,7 +446,7 @@
 					</div>
 		</div>
 		<div class="filterDiv Swarm1 methods" id="backgroundknowledge">
-			<h4>Obtaining background knowledge</h4>
+			<h4 class="title-element">Obtaining background knowledge</h4>
 			<div class="placeholder"> 
 				<img src="img/icon23.svg" alt="icon" width="100">
 			</div>
@@ -464,10 +464,10 @@
 				
 				
 				<div class="filterDiv Ar Swarm1 methods" id="hermeneutictradition">
-					<div class="sectiontitles">
+					<h6 class="title-element">
 						The herme(neu)tic tradition
 						
-					</div>
+					</h6>
 					<br>
 				
 					<div class="glossary">
@@ -563,7 +563,7 @@
 				</div>
 
 			<div class="filterDiv Swarm1 methods" id="polyptych">
-				<h4>Polyptych Summary</h4>
+				<h4 class="title-element">Polyptych Summary</h4>
 				<div class="placeholder">
 					<img src="img/icon29.svg" alt="icon" width="100">
 				</div>
@@ -584,7 +584,7 @@
 				
 				
 				<div class="filterDiv Swarm1 tools" id="tesseract">
-				<h4>Tesseract</h4>
+				<h4 class="title-element">Tesseract</h4>
 				<div class="placeholder">
 					<img src="img/icon06.svg" alt="icon" width="100">
 				</div>
@@ -606,9 +606,9 @@
 			</div>
 				
 				<div class="filterDiv Ar Swarm1 methods" id="propertyknowledgepower">
-					<div class="sectiontitles">
+					<h6 class="title-element">
 					Property x Knowledge x Power
-					</div>
+					</h6>
 					<br>
 				
 					<div class="bulletpoints">
@@ -715,7 +715,7 @@
 
 
 			<div class="filterDiv Swarm1 methods" id="categorizingthematerial">
-				<h4>Categorizing the material</h4>
+				<h4 class="title-element">Categorizing the material</h4>
 				<div class="placeholder">
 					<img src="img/icon28.svg" alt="icon" width="100">
 				</div>
@@ -751,7 +751,7 @@
 
 
 		<div class="filterDiv Swarm1 tools" id="pageforms">
-			<h4>Page forms (MediaWiki)</h4>
+			<h4 class="title-element">Page forms (MediaWiki)</h4>
 			<div class="placeholder"> 
 				<img src="img/icon12.svg" alt="icon" width="100">
 			</div>
@@ -785,7 +785,7 @@
 			
 			
 			<div class="filterDiv Swarm1 experiences" id="IDTAG">
-			<h4>to be determined</h4>
+			<h4 class="title-element">to be determined</h4>
 			<div class="name" Written by Avital Barkai></div>
 			
 			<p>
@@ -814,9 +814,9 @@
 		</div>
 			
 				<div class="filterDiv Ar Swarm1 methods" id="afreudianimpression">
-					<div class="sectiontitles">
+					<h6 class="title-element">
 						A freudian Impression
-					</div>
+					</h6>
 					
 					<!--freud living room-->
 					<img src="img/swarm1_freudliving.png" alt="freud living">
@@ -1031,7 +1031,7 @@
 		
 		
 		<div class="filterDiv Swarm1 tools" id="bashscript">
-			<h4>BASH script</h4>
+			<h4 class="title-element">BASH script</h4>
 			<div class="placeholder"> 
 				<img src="img/icon01.svg" alt="icon" width="100">
 			</div>
@@ -1076,7 +1076,7 @@
 		
 		
 		<div class="filterDiv Swarm1 tools" id="imgemagick">
-			<h4>Image Magick</h4>
+			<h4 class="title-element">Image Magick</h4>
 			<div class="placeholder" >
 				<img src="img/icon04.svg" alt="icon" width="100">
 			</div>
@@ -1100,7 +1100,7 @@
 		<div class="filterDiv experiences" id="handling">
 			
 		
-				<h4>1. Handling archival material: original v.s. digital reproduction</h4>                                 
+				<h4 class="title-element">1. Handling archival material: original v.s. digital reproduction</h4>                                 
 				<h3>Dealing with archival material when its impossible to interact with the original</h3>                                                                                                                                        
 				
 				<div class="placeholder">
@@ -1241,7 +1241,7 @@
 		<section>
 		
 		<div class="filterDiv Swarm2 swarm_intro"  id="swarm2">
-				<h1>PARASITES</h1>
+				<h1 class="title-element">PARASITES</h1>
 				<div class="swarmintro">
 					Communication is crucial.
 					<br>Language is never just there, never neutral, nor innocent. Words are actions.
@@ -1257,11 +1257,11 @@
 					<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 class="checkbox">
 						<input type="checkbox" id="print" name="print">
@@ -1411,8 +1411,8 @@
 			</div>
 		
 		
-		<div class="filterDiv" Swarm2 tools id="semanticqueries">
+		<div class="filterDiv" tools id="semanticqueries">
-			<h4>Semantic queries</h4>
+			<h4 class="title-element">Semantic queries</h4>
 			<div class="placeholder"> 
 				<img src="img/icon13.svg" alt="icon" width="100">
 			</div>
@@ -1436,7 +1436,7 @@
 		</div>
 		
 		<div class="filterDiv Swarm2  tools" id="api">
-			<h4>API</h4>
+			<h4 class="title-element">API</h4>
 			<div class="placeholder"> 
 				<img src="img/icon14.svg" alt="icon" width="100">
 			</div>
@@ -1448,10 +1448,10 @@
 		
 		
 		<div class="filterDiv Ar Swarm2 methods" id="noise">
-				<div class="sectiontitles" >
+				<h6 class="title-element" >
 					*NOISE*
 					
-				</div>
+				</h6>
 				<br>
 			
 				<div class="glossary">
@@ -1598,7 +1598,7 @@
 			</div>
 		
 		<div class="filterDiv Swarm2 tools" id="staticwebsite">
-			<h4>Static website</h4>
+			<h4 class="title-element">Static website</h4>
 			<div class="placeholder">
 				<img src="img/icon16.svg" alt="icon" width="100">
 			</div>
@@ -1613,7 +1613,7 @@
 		</div>
 		
 		<div class="filterDiv Swarm2  tools" id="pythonscript">
-			<h4>Python</h4>
+			<h4 class="title-element">Python</h4>
 			<div class="placeholder"> 
 				<img src="img/icon15.svg" alt="icon" width="100">
 			</div>
@@ -1630,7 +1630,7 @@
 		
 		
 		<div class="filterDiv Swarm2 tools" id="query2html">
-			<h4>query2HTML</h4>
+			<h4 class="title-element">query2HTML</h4>
 			<div class="placeholder"> 
 				<img src="img/icon17.svg" alt="icon" width="100">
 			</div>
@@ -1645,7 +1645,7 @@
 		</div>
 	
 	<div class="filterDiv Swarm2 experiences" id="titleunknown">
-			<h4>TITLE UNKNOWN </h4>
+			<h4 class="title-element">TITLE UNKNOWN </h4>
 			<div class="name Written by Tisa Neža Herlec"></div>
 			<!--clounds/wing img-->
 			<img src="img/swarm2_tisatext.png" alt="clounds">
@@ -1805,10 +1805,10 @@
 		</div>
 		
 		<div class="filterDiv Ar Swarm2 methods" id="noiseinterruption">
-					<div class="sectiontitles">
+					<h6 class="title-element">
 					Noise = Interruption
 					
-				</div>
+				</h6>
 				
 				<!--interruption img-->
 				<img src="img/swarm2_interruption.png" alt="interruption">
@@ -1945,7 +1945,7 @@
 		</div>
 		
 		<div class="filterDiv Swarm2 methods" id="technicallimitations">
-			<h4>Technical limitations</h4>
+			<h4 class="title-element">Technical limitations</h4>
 			<div class="placeholder"> 
 				<img src="img/icon27.svg" alt="icon" width="100">
 			</div>
@@ -1966,7 +1966,7 @@
 		</div>
 		
 		<div class="filterDiv Swarm2 tools" id="darkweb">
-			<h4>Dark Web</h4>
+			<h4 class="title-element">Dark Web</h4>
 			<div class="placeholder">
 				<img src="img/icon03.svg" alt="icon" width="100">
 			</div>
@@ -1982,7 +1982,7 @@
 		</div>
 		
 		<div class="filterDiv Swarm2 tools" id="torbrowser">
-			<h4>Tor Browser</h4>
+			<h4 class="title-element">Tor Browser</h4>
 			<div class="placeholder">
 				<img src="img/icon02.svg" alt="icon" width="100">
 			</div>
@@ -2009,9 +2009,9 @@
 		
 		
 		<div class="filterDiv Ar Swarm2 methods" id="interruption">
-			<div class="sectiontitles">
+			<h6 class="title-element">
 				The "Rat" is always interrupted
-			</div>
+			</h6>
 			<br>
 		
 			<div class="glossary">
@@ -2175,7 +2175,7 @@
 		
 		
 				<div class="filterDiv Swarm2 methods" id="threadmodel">
-				<h4>Thread Model</h4>
+				<h4 class="title-element">Thread Model</h4>
 				<div class="placeholder">
 					<img src="img/icon35.svg" alt="icon" width="100">
 				</div>
@@ -2191,7 +2191,7 @@
 		
 		
 		<div class="filterDiv Swarm2 tools" id="raspberrypi">
-			<h4>Raspberry Pi</h4>
+			<h4 class="title-element">Raspberry Pi</h4>
 			<div class="placeholder">
 				<img src="img/icon08.svg" alt="icon" width="100">
 			</div>
@@ -2211,10 +2211,10 @@
 		<div class="filterDiv Ar Swarm2  methods" id="urgency">
 		<!--img illu-->
 		<img src="img/frame_blue.png" alt="frame">
-			<div class="sectiontitles">
+			<h6 class="title-element">
 				Publishing in times of urgency
 				
-			</div>
+			</h6>
 			<br>
 			
 			
@@ -2347,9 +2347,9 @@
 
 
 		<div class="filterDiv Ar Swarm2 methods" id="redundancy">
-			<div class="sectiontitles">
+			<h6 class="title-element">
 				Noise &lt; Redundancy
-			</div>
+			</h6>
 			
 			<!-- ashes img -->
 			<img src="img/swarm3_ashes" alt="ashes">
@@ -2541,7 +2541,7 @@
 
 		<div class="filterDiv Swarm2 experiences" id="handling">
 			<div class="name handling"> 
-				<h4>2. Re-opening the boxes: echoing subversive thoughts</h4>
+				<h4 class="title-element">2. Re-opening the boxes: echoing subversive thoughts</h4>
 				<h3>The redistribution of sensitive, underground or non-commercial archival material</h3>
 				
 				<div class="placeholder">
@@ -2611,15 +2611,19 @@
 		</div>
 		</div>
 		
+		
+		</section>
+		
 		<div class="arrow">
 		<img src="img/arrow2.gif" alt="arrow">
 		</div>
 		
-		</section>
+		
+		
 		<section>
 
 				<div class="filterDiv Swarm3 swarm_intro"  id="swarm3">
-					<h1>Corpora Viva</h1>
+					<h1 class="title-element">Corpora Viva</h1>
 					<div class="swarmintro">
 					<h6>Decay is the only reality, the only true state or condition.<br>
 					Must we "accept" the inevitable decay?<br>
@@ -2766,7 +2770,7 @@
 		</div>
 					
 					<div class="filterDiv Swarm3 methods" id="divisionoflabor">
-			<h4>Division of labor</h4>
+			<h4 class="title-element">Division of labor</h4>
 			<div class="placeholder">
 				<img src="img/icon30.svg" alt="icon" width="100">
 			</div>
@@ -2783,7 +2787,7 @@
 		
 					
 		<div class="filterDiv Swarm3 methods" id="collectingreferences">
-			<h4>Collecting references</h4>
+			<h4 class="title-element">Collecting references</h4>
 			<div class="placeholder">
 				<img src="img/icon30.svg" alt="icon" width="100">
 			</div>
@@ -2798,7 +2802,7 @@
 		</div>
 		
 		<div class="filterDiv Swarm3 tools" id="git">
-			<h4>GIT</h4>
+			<h4 class="title-element">GIT</h4>
 			<div class="placeholder"> 
 				<img src="img/icon18.svg" alt="icon" width="100">
 			</div>
@@ -3101,7 +3105,7 @@
 
 					
 					<div class="filterDiv Swarm3 tools" id="ether2html">
-				<h4>Ether2HTML</h4>
+				<h4 class="title-element">Ether2HTML</h4>
 				<div class="placeholder">
 					<img src="img/icon19.svg" alt="icon" width="100">
 				</div>
@@ -3117,7 +3121,7 @@
 			</div>
 			
 			<div class="filterDiv Swarm3 tools" id="curl">
-			<h4>Curl</h4>
+			<h4 class="title-element">Curl</h4>
 			<div class="placeholder">
 				<img src="img/icon20.svg" alt="icon" width="100">
 			</div>
@@ -3139,7 +3143,7 @@
 		</div>
 		
 		<div class="filterDiv" Swarm2 experiences id="proletariansunite">
-			<h4>Proletarians of the &#60;redacted&#62; unite!</h4>
+			<h4 class="title-element">Proletarians of the &#60;redacted&#62; unite!</h4>
 				<div class="name" Written by Ioana Tomici></div>
 		
 		<!--img tied-->
@@ -3232,7 +3236,7 @@
 		
 		<div class="filterDiv swarm3 tools">
 				<div class="markdown_empty" id="markdown"></div>
-				<h4>Markdown</h4>
+				<h4 class="title-element">Markdown</h4>
 				<div class="placeholder">
 					<img src="img/icon09.svg" alt="icon" width="100">
 				</div>
@@ -3260,7 +3264,7 @@
 		
 		
 			<div class="filterDiv Swarm3 tools" id="pandoc">
-				<h4>Pandoc</h4>
+				<h4 class="title-element">Pandoc</h4>
 				<div class="placeholder">
 					<img src="img/icon05.svg" alt="icon" width="100">
 				</div>
@@ -3282,7 +3286,7 @@
 		
 			
 			<div class="filterDiv Swarm3 tools" id="htmlcssjs">
-				<h4>HTML, CSS, JS</h4>
+				<h4 class="title-element">HTML, CSS, JS</h4>
 				<div class="placeholder" >
 					<img src="img/icon10.svg" alt="icon" width="100">
 				</div>
@@ -3565,7 +3569,7 @@
 		</div>
 					
 					<div class="filterDiv Swarm3 tools" id="web2print">
-			<h4>Web2Print</h4>
+			<h4 class="title-element">Web2Print</h4>
 			<div class="placeholder" >
 				<img src="img/icon11.svg" alt="icon" width="100">
 			</div>
@@ -3583,7 +3587,7 @@
 		
 		
 		<div class="filterDiv Swarm3 methods" id="annotatedreader">
-			<h4>Annotated reader (SWARM 1,2 & 3)</h4>
+			<h4 class="title-element">Annotated reader (SWARM 1,2 & 3)</h4>
 			<div class="placeholder"> 
 				<img src="img/icon26.svg" alt="icon" width="100">
 			</div>
@@ -3599,7 +3603,7 @@
 		
 		<div class="filterDiv Swarm3 experiences" id="cookbook">
 		
-				<h4>3. Recipes for a 'post-digital cookbook'</h4>
+				<h4 class="title-element">3. Recipes for a 'post-digital cookbook'</h4>
 				<h3>Exploring collaborative forms of publishing subversive content today</h3>
 		
 				
@@ -3738,7 +3742,7 @@
 			</div>
 			
 			<div class="filterDiv experiences" id="covid19">
-				<h4>COVID 19</h4>
+				<h4 class="title-element">COVID 19</h4>
 				<div class="placeholder">
 					<img src="img/icon34.svg" alt="icon" width="100"></div>
 					<p>
@@ -3755,6 +3759,11 @@
 		
 
 </section>
+		
+		<div class="arrow">
+		<img src="img/arrow2.gif" alt="arrow">
+		</div>
+
 </div>
 </div>