SI25 Urban Small Talk - Revision history

Kiara: /* Version 1 */

2025-07-14T14:40:49Z

Version 1

← Older revision		Revision as of 16:40, 14 July 2025
Line 16:		Line 16:
	#Created HTML page on the cerealbox and embeded the map		#Created HTML page on the cerealbox and embeded the map
	====Version 1====		====Version 1====
	<~~gallery mode~~="~~packed-hover~~" ~~widths~~="~~450" heights="200~~">		<ul class="gallery">
	File:Screenshot 2024-10-26 223437.png		<li style="display: inline-block;">[[File:Screenshot 2024-10-26 223437.png\|400px]]</li>
	File:Screenshot 2024-10-26 223453.png		<li style="display: inline-block;">[[File:Screenshot 2024-10-26 223453.png\|400px]]</li>
	</~~gallery~~>		</ul>

	====Next Steps:====		====Next Steps:====

Kiara: /* Event Rider */

2025-07-14T10:00:40Z

Event Rider

← Older revision		Revision as of 12:00, 14 July 2025
Line 405:		Line 405:
	*a map to pin memories irl, during the expo		*a map to pin memories irl, during the expo

	<img src="https://saralana.xyz/assets/posts/palma_na_parede.png" width="~~59.5mm~~" class="smalltalk">		<img src="https://saralana.xyz/assets/posts/palma_na_parede.png" width="400px" class="smalltalk">

	legend: stays<br>		legend: stays<br>

Kiara: /* Event Rider */

2025-07-14T10:00:22Z

Event Rider

← Older revision		Revision as of 12:00, 14 July 2025
Line 405:		Line 405:
	*a map to pin memories irl, during the expo		*a map to pin memories irl, during the expo

	<img src="https://saralana.xyz/assets/posts/palma_na_parede.png" width="~~400px~~" class="smalltalk">		<img src="https://saralana.xyz/assets/posts/palma_na_parede.png" width="59.5mm" class="smalltalk">

	legend: stays<br>		legend: stays<br>

Kiara: /* IRL Map */

2025-01-06T15:51:56Z

IRL Map

← Older revision		Revision as of 17:51, 6 January 2025
Line 365:		Line 365:
	We are thinking about the physical map, maybe we can use legends as a way to guide the audience into adding their memories to the map.		We are thinking about the physical map, maybe we can use legends as a way to guide the audience into adding their memories to the map.

	<img src="https://cdn.britannica.com/67/186167-004-D35AE14C.jpg" height="400px">		<img src="https://cdn.britannica.com/67/186167-004-D35AE14C.jpg" height="400px" class="smalltalk">

	https://rotterdamkaart.nl/kaart-1936/ <br>		https://rotterdamkaart.nl/kaart-1936/ <br>

Kiara: /* Event Rider */

2025-01-06T15:51:23Z

Event Rider

← Older revision		Revision as of 17:51, 6 January 2025
Line 407:		Line 407:
	<img src="https://saralana.xyz/assets/posts/palma_na_parede.png" width="400px" class="smalltalk">		<img src="https://saralana.xyz/assets/posts/palma_na_parede.png" width="400px" class="smalltalk">

	legend: stays		legend: stays<br>
	rest of the map: skeleton of Rotterdam, laid over cork? buy pins		rest of the map: skeleton of Rotterdam, laid over cork? buy pins

Kiara: /* Event Rider */

2025-01-06T15:49:36Z

Event Rider

← Older revision		Revision as of 17:49, 6 January 2025
Line 405:		Line 405:
	*a map to pin memories irl, during the expo		*a map to pin memories irl, during the expo

	<img src="https://saralana.xyz/assets/posts/palma_na_parede.png" width="400px">		<img src="https://saralana.xyz/assets/posts/palma_na_parede.png" width="400px" class="smalltalk">

	legend: stays		legend: stays

Kiara: /* index.html */

2025-01-06T15:46:27Z

index.html

← Older revision		Revision as of 17:46, 6 January 2025
Line 162:		Line 162:
	that was missing from the head.		that was missing from the head.

	Even though the code provided by leafletjs uses row.Latitude[x], Papaparse has a kind of weird way of making Arrays, hence the <code>row.__parsed_extra[x]</code> weird data names.		Even though the code provided by leafletjs uses <code>row.Latitude[x]</code>, Papaparse has a kind of weird way of making Arrays, hence the <code>row.__parsed_extra[x]</code> weird data names.

	=====style.css=====		=====style.css=====

Kiara: /* index.html */

2025-01-06T15:44:19Z

index.html

← Older revision		Revision as of 17:44, 6 January 2025
Line 41:		Line 41:
	<meta name="viewport" content="width=device-width, initial-scale=1.0">		<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<link rel="stylesheet" href="~~<nowiki>~~https://unpkg.com/leaflet@1.9.4/dist/leaflet.css~~</nowiki>~~"		<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="" />
	integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="" />

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
	<script src="~~<nowiki>~~https://code.jquery.com/jquery-3.3.1.min.js~~</nowiki>~~"		<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
	integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>		<script src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/5.4.1/papaparse.min.js" integrity="sha512-dfX5uYVXzyU8+KHqj8bjo7UkOdg18PaOtpa48djpNbZHwExddghZ+ZmzWT06R5v6NSk3ZUfsH6FNEDepLx9hPQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
	<script src="~~<nowiki>~~https://cdnjs.cloudflare.com/ajax/libs/PapaParse/5.4.1/papaparse.min.js~~</nowiki>~~"		<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
	integrity="sha512-dfX5uYVXzyU8+KHqj8bjo7UkOdg18PaOtpa48djpNbZHwExddghZ+ZmzWT06R5v6NSk3ZUfsH6FNEDepLx9hPQ=="
	crossorigin="anonymous" referrerpolicy="no-referrer"></script>
	<script src="~~<nowiki>~~https://unpkg.com/leaflet@1.9.4/dist/leaflet.js~~</nowiki>~~"
	integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
	<script src="https://unpkg.com/leaflet@latest/dist/leaflet.js"></script>		<script src="https://unpkg.com/leaflet@latest/dist/leaflet.js"></script>
	<script src="https://unpkg.com/leaflet-providers@latest/leaflet-providers.js"></script>		<script src="https://unpkg.com/leaflet-providers@latest/leaflet-providers.js"></script>
Line 62:		Line 57:
	<dialog id="dialogOne">		<dialog id="dialogOne">
	<h2>Close your eyes, take a breath… </h2>		<h2>Close your eyes, take a breath… </h2>
	<p>The ambience has something to say. <span style="font-size: 1.1em; color:#161616;">Urban Small Talk</span> is a
	digital archive of field recordings collected around Rotterdam, offering a new perspective into experiencing the		<p>The ambience has something to say. <span style="font-size: 1.1em; color:#161616;">Urban Small Talk</span> is a digital archive of field recordings collected around Rotterdam, offering a new perspective into experiencing the city. Take a stroll around the soundmap and reconnect with Rotterdam, whether you are a fresh acquaintance or an old friend.</p>
	city. Take a stroll around the soundmap and reconnect with Rotterdam, whether you are a fresh acquaintance or an
	old friend.</p>		<p><span style="font-size: 1.1em; color:#161616;">What would happen if Rotterdam heard you?</span> Would the city change? Would your existence in it change? <span style="font-size: 1.1em; color:#161616;">Does Rotterdam hear you?</span> How can you tell? If so, where are you heard? If not, where would you want to be heard?<span style="font-size: 1.1em; color:#161616;">If you could speak with Rotterdam,</span> how would the conversation go? Do you make the city yours by recording it? When has the city recorded you? If you can't communicate with sound, how else can you? <span style="font-size: 1.1em; color:#161616;">Does Rotterdam understand you?</span> Where does Rotterdam understand you? <span style="font-size: 1.1em; color:#161616;">Do you understand Rotterdam?</span> Where do you understand Rotterdam? <span style="font-size: 1.1em; color:#161616;">How do you defy the city?</span> How does the city defy you?</p>
	<p><span style="font-size: 1.1em; color:#161616;">What would happen if Rotterdam heard you?</span> Would the city
	change? Would your existence in it change? <span style="font-size: 1.1em; color:#161616;">Does Rotterdam hear
	you?</span> How can you tell? If so, where are you heard? If not, where would you want to be heard?<span style="font-size: 1.1em; color:#161616;">If you could speak with Rotterdam,</span> how would the conversation
	go? Do you make the city yours by recording it? When has the city recorded you? If you can't communicate with
	sound, how else can you? <span style="font-size: 1.1em; color:#161616;">Does Rotterdam understand you?</span>
	Where does Rotterdam understand you? <span style="font-size: 1.1em; color:#161616;">Do you understand
	Rotterdam?</span> Where do you understand Rotterdam? <span style="font-size: 1.1em; color:#161616;">How do you
	defy the city?</span> How does the city defy you?</p>
	<button class="closeDialog">x</button>		<button class="closeDialog">x</button>
	</dialog>		</dialog>

Kiara: /* data.py */

2025-01-06T15:39:41Z

data.py

← Older revision		Revision as of 17:39, 6 January 2025
Line 342:		Line 342:

	=====data.py=====		=====data.py=====
	<~~source~~ lang="python">		<syntaxhighlight lang="python">
	import urllib.request		import urllib.request
	import json		import json
Line 370:		Line 370:
	with open("data.csv", "w") as output:		with open("data.csv", "w") as output:
	output.write(csv)		output.write(csv)
	</~~source~~>		</syntaxhighlight>

	==== IRL Map====		==== IRL Map====
	Imre and Sevgi are working on the map and how we can make it interesting to collect 'sound related memories' during the event.		Imre and Sevgi are working on the map and how we can make it interesting to collect 'sound related memories' during the event.

Kiara: /* style.css */

2025-01-06T15:39:21Z

style.css

← Older revision		Revision as of 17:39, 6 January 2025
Line 177:		Line 177:

	=====style.css=====		=====style.css=====
	<~~source~~ lang="css">		<syntaxhighlight lang="css">
	@import url('https://fonts.googleapis.com/css2?family=Montaga');		@import url('https://fonts.googleapis.com/css2?family=Montaga');
	@import url('https://fonts.googleapis.com/css2?family=Syne+Tactile&display=swap');		@import url('https://fonts.googleapis.com/css2?family=Syne+Tactile&display=swap');
Line 339:		Line 339:
	background-color:gainsboro;		background-color:gainsboro;
	}		}
	</~~source~~>		</syntaxhighlight>

	=====data.py=====		=====data.py=====
	<source lang="python">		<source lang="python">