index.html

<!DOCTYPE HTML>
<!--
	Fractal by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>

<head>

	<script src="https://cdn.jsdelivr.net/npm/p5@0.10.2/lib/p5.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/chroma-js/2.4.2/chroma.min.js" integrity="sha512-zInFF17qBFVvvvFpIfeBzo7Tj7+rQxLeTJDmbxjBz5/zIr89YVbTNelNhdTT+/DCrxoVzBeUPVFJsczKbB7sew==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
	<script src="code/repogram/rectangular/sketch.js"></script>

	<title>re|thread</title>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
	<link rel="stylesheet" href="assets/css/main.css" />
	<link rel="stylesheet" href="assets/css/custom.css" />
	<link rel="icon" type="image/png" sizes="32x32" href="images/favicon.png">
	<noscript>
		<link rel="stylesheet" href="assets/css/noscript.css" />
	</noscript>
	<style>
		/* @import url('https://fonts.googleapis.com/css?family=Abhaya+Libre|Space+Mono&display=swap'); */
		/* @import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700&display=swap'); */

		@import url('https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,400;0,700;1,400;1,700&display=swap');

		/* @font-face {
			font-family: 'SpaceGrotesk';
			src: url('assets/webfonts/SpaceGrotesk-Bold.woff') format('woff');
			font-weight: bold;
		}

		@font-face {
			font-family: 'SpaceGrotesk';
			src: url('assets/webfonts/SpaceGrotesk-Regular.woff') format('woff');
		} */

		/* The font Neue Bit Bold is licensed for use only on the rethread.art website. */
		@font-face {
			font-family: 'NeueBit-Bold';
			src: url('assets/webfonts/NeueBit-Bold/NeueBit-Bold.woff') format('woff');
			font-weight: bold;
		}

		@font-face {
			font-family: "Louise-Regular";
			src: url(projects/myriad/css/fonts/Louise-Regular.woff);
		}
	</style>
</head>

<body class="is-preload">

	<!-- Header -->
	<header id="header" style="background: #e516b8">
		<div class="content" style="z-index:1;">
			<h1><a href="#"
					style="font-family: 'NeueBit-Bold'; font-size:3em; background: white; color: black !important">re|thread
					✨</a></h1>
			<div style="text-align: center">
				<h2 style="background: black">MAKING SENSE OF SOFTWARE <br> THROUGH ART</h2>
				<!--<h2 style="background: black; padding-top: 1rem; padding-bottom: 1rem;"><a href="./projects/myriad" style="font-family: Louise-Regular; letter-spacing: 0;">myriad <br> from 04/10 to 12/10</a></h2>-->
			</div>

			<!-- <ul class="actions">
						<li><a href="#" class="button primary icon solid fa-download">Download</a></li>
						<li><a href="#one" class="button icon solid fa-chevron-down scrolly">Learn More</a></li>
					</ul> -->
		</div>
		<!-- <div class="image phone"><div class="inner"><img src="images/screen.jpg" alt="" /></div></div> -->
	</header>

	<!-- One -->
	<section id="one" class="wrapper style2 special">

		<header class="major">
			<div class="content">
				<h4>software + art</h4>
				<p></p>
				<p>re|thread is a collective of software researchers, artists, and designers, in Stockholm
					(Sweden).
					Our work lies at the intersection between software technology, art, interaction design,
					sonification, and visualization, and focuses
					on the use of <b>software</b> as the material and medium for artistic creation. Our work is fueled
					by the interest to explore the dynamic nature of software from multiple perspectives, addressing its
					many layers; from the sublimity
					and detail of each execution to the societal and political impact it has on our lives.
				</p>
				<p>Through our work we aim to establish emotional and reflective bonds between citizens and the software
					that constantly surrounds us, transforming the way we experience software, and allowing for
					participation and collective imaginings of
					what software is and what we might want it to be. We see <b>art</b> as a means to explore these
					affective connections. Through artifacts and performances, we intend to cultivate curiosity of the
					scientific and technical aspects of
					software which appear to many as a “black box”. When presenting these obscure and perplexing
					concepts as open or shared and as aesthetically enchanting, knowledge about software can become
					accessible to citizens, allowing for informed
					decisions and more radically diverse systems of education and production.
				</p>

				<!--
				<div class="content" style="width: 100%">
					<div style="padding:56.25% 0 0 0;position:relative;"><iframe
							src="https://player.vimeo.com/video/600205145?color=ffffff&byline=0&portrait=0"
							style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0"
							allow="autoplay; fullscreen" allowfullscreen></iframe></div>
					<script src="https://player.vimeo.com/api/player.js"></script>
				</div>
			</div>
			<div class="image"><img style="width:100%" src="images/rethread-poster.jpg" alt=""></div>
			-->
		</header>

		<!--
		<section class="special">
			<h4>Upcoming events</h4>
			<table>
				<tr>
					<th>When</th>
					<th>What</th>
					<th>Where</th>
				</tr>

				<tr>
					<td>2024-09-28 to 2024-10-13</td>
					<td><a href="http://rethread.art/projects/myriad">myriad</a> (open call, see below)</td>
					<td>Värmeverket</td>
				</tr>
					
			</table>
		</section>
		-->

		<section class="special">
			<h4>Links</h4>
			<ul class="icons labeled">
				<li>
					<span class="label">
						<span class="icon brands fa-github"></span>
						<a href="https://github.com/castor-software/rethread/tree/master/code" target="_blank">
							Visit our GitHub
							repo
						</a>
					</span>
				</li>
				<li>
					<span class="label">
						<span class="icon brands fa-instagram"></span>
						<a href="https://www.instagram.com/rethread.art/" target="_blank">
							Visit our Instagram
						</a>
					</span>
				</li>
				<li>
					<span class="label">
						<span class="icon brands fa-vimeo"></span>
						<a href="https://vimeo.com/rethread" target="_blank">
							Visit our Vimeo
						</a>
					</span>
				</li>
			</ul>
		</section>

		<!-- <ul class="icons major">
					<li><span class="icon solid fa-camera-retro"><span class="label">Shoot</span></span></li>
					<li><span class="icon solid fa-sync"><span class="label">Process</span></span></li>
					<li><span class="icon solid fa-cloud"><span class="label">Upload</span></span></li>
				</ul> -->
	</section>


	<!-- Two -->
	<section id="two" class="wrapper">

		<div class="inner alt">
			<h2>Projects / experiments</h2>

			<section class="spotlight">
				<div class="image"><a href="./projects/myriad"><img src="projects/myriad/images/thumbnail_glidephotos.jpeg"
							alt="myriad" /></a>
							<div class="tiny-text"><i>Photo: @glidephotos - Martynas Justinevicius</i></div>
				</div>
				<div class="content">
					<h3><a href="./projects/myriad">myriad</a>
						<span class="icon solid fa-music"></span>
						<span class="icon solid fa-desktop"></span>
						<span class="icon solid fa-dice-d20"></span>
					</h3>
					<p><i>myriad</i> explores the themes of origin, contribution, inspiration and accreditation in human expression and creation, through the example of digital artworks and the software used to create them.</p>
				</div>
			</section>

			<section class="spotlight">
				<div class="image"><a href="./projects/reinverse.html"><img src="images/reinverse/reinverse_thumbnail.PNG"
							alt="[re|in]verse" /></a>
				</div>
				<div class="content">
					<h3><a href="./projects/reinverse.html">[re|in]verse</a>
						<span class="icon solid fa-music"></span>
						<span class="icon solid fa-dice-d20"></span>
					</h3>
					<p>[re|in]verse is a light, sound and water installation that reveals the extraordinary software layers involved in the core matrix operations
						that power the scientific work of Nobel laureates and their teams.</p>
					<p>It was created for <a href="https://nobelweeklights.se/?lang=en">Nobel Week Lights</a> 2023, and in collaboration with <a href="https://imakethings.work/">Jaime Reyes</a>.</p>
				</div>
			</section>

			<section class="spotlight">
				<div class="image"><a href="./projects/syscalls.html"><img src="images/syscalls/syscalls_thumbnail.png"
							alt="sys|calls" /></a>
				</div>
				<div class="content">
					<h3><a href="./projects/syscalls.html">sys|calls</a>
						<span class="icon solid fa-hand-paper"></span>
						<span class="icon solid fa-music"></span>
						<span class="icon solid fa-dice-d20"></span>
					</h3>
					<p>sys|calls is an immersive installation and series of live performances exploring the sublime inner workings of software, made in collaboration with <a href="https://imakethings.work/">Jaime Reyes</a>.</p>
				</div>
			</section>

			<section class="spotlight">
				<div class="image"><a href="https://record.rethread.art/"><img src="images/record/record_thumbnail.png"
							alt="re|cord" /></a>
				</div>
				<div class="content">
					<h3><a href="https://record.rethread.art/">re|cord</a>
						<span class="icon solid fa-hand-paper"></span>
						<span class="icon solid fa-music"></span>
					</h3>
					<p>re|cord is a concept album with selected pieces of sonified software and data from more that 3 years of practise by re|thread.</p>
					<p>A re|lease party was held at Den Fantastiska Platsen on May the 4th (Star Wars Day), 2023.</p>
				</div>
			</section>

			<!--
			<section class="spotlight">
				<div class="image"><a href="./projects/unfold-at-kmh.html"><img src="images/unfold/thumbnail2.jpg"
							alt="un|fold" /></a>
				</div>
				<div class="content">
					<h3><a href="./projects/unfold-at-kmh.html">un|fold at KMH</a>
						<span class="icon solid fa-dice-d20"></span>
						<span class="icon solid fa-music"></span>
					</h3>
					<p>un|fold is a multidimensional light and sound sculpture, on display at KMH during Kulturnatt 2023, and originally created for the Nobel Week Lights 2022 festival.</p>
				</div>
			</section>
			-->

			<section class="spotlight">
				<div class="image"><a href="./projects/unfold.html"><img src="images/unfold/tumbnail.jpg"
							alt="un|fold" /></a>
				</div>
				<div class="content">
					<h3><a href="./projects/unfold.html">un|fold</a>
						<span class="icon solid fa-dice-d20"></span>
						<span class="icon solid fa-music"></span>
					</h3>
					<p>un|fold is a multidimensional light and sound sculpture, created for the historic Turbine Hall at the KTH Royal Institute of Technology, as part of the Nobel Week Lights 2022. It contrasts the simplicity of digital actions that can be used to explain complex chemical processes with the actual complexity and intricacies of the software traces that perform these actions.</p>
				</div>
			</section>

			<section class="spotlight">
				<div class="image"><a href="./projects/kulturnatt.html"><img src="images/kulturnat/kulturnatSnap.jpg"
							alt="kulturnatt" /></a>
				</div>
				<div class="content">
					<h3><a href="./projects/kulturnatt.html">cyber|glow at the Broms Palace</a>
						<span class="icon solid fa-hand-paper"></span> <span class="icon solid fa-dice-d20"></span>
						<span class="icon solid fa-music"></span> <span class="icon solid fa-desktop"></span>
					</h3>
					<p>cyber|glow is an audiovisual interactive installation. It reveals the invisible and live software traces that operate an interactive game. cyber|glow enchants visitors with a large-scale multi-player quiz game tailored to the context where it is presented. Through particle system visualisations and a tactile sonification, cyber|glow reveals the intangible layers of code and data that run the game.</p>
				</div>
			</section>

			<section class="spotlight">
				<div class="image"><a href="./projects/cyberglow.html"><img src="images/cyberglow/square.jpg"
							alt="cyber|glow" /></a>
				</div>
				<div class="content">
					<h3><a href="./projects/cyberglow.html">cyber|glow at Benny Fredrikssons torg</a>
						<span class="icon solid fa-hand-paper"></span> <span class="icon solid fa-dice-d20"></span>
						<span class="icon solid fa-music"></span> <span class="icon solid fa-desktop"></span>
					</h3>
					<p>cyber|glow is a light installation, generated in real time based on the interactions of the
						visitors. It reveals the invisible and live software traces that operate an interactive game.
						cyber|glow enchants visitors with a large-scale multi-player game where they learn about Nobel
						discoveries. cyber|glow reveals the intangible layers of code and data that run the game,
						through a generative laser projection.</p>
				</div>
			</section>

			<section class="spotlight">
				<div class="image"><a href="./projects/bcm.html"><img src="images/bcm/bcm_sq.jpg"
							alt="Browser Chance Music" /></a>
				</div>
				<div class="content">
					<h3><a href="./projects/bcm.html">Browser Chance Music at KMH</a>
						<span class="icon solid fa-hand-paper"></span> <span class="icon solid fa-dice-d20"></span>
						<span class="icon solid fa-music"></span> <span class="icon solid fa-desktop"></span>
					</h3>
					<p>BCM creates a space for a radically different relationship between user and software. Evanescent
						and imperceptible internet activity emanating from a smartphone is revealed through immersive
						sounds and visuals.</p>
					<p>This project is a collaboration between the re|thread collective and Henrik
						Frisk, professor of music at KMH, and funded by <a
							href="https://www.kth.se/navet/navet-1.876907">NAVET</a>.
					</p>
				</div>
			</section>

			<section class="spotlight">
				<div class="image"><a href="./projects/drift.html">
						<img src="images/drift/driftIntro.jpg" alt="Drift" /></a>
				</div>
				<div class="content">
					<h3><a href="./projects/drift.html">Drift</a>
						<span class="icon solid fa-hand-paper"></span> <span class="icon solid fa-dice-d20"></span>
						<span class="icon solid fa-music"></span> <span class="icon solid fa-desktop"></span>
					</h3>
					<p>
						This online exhition lets you discover the intricate strata of code and network that operate to
						deliver the content of a search. And Drift reveals how these strata continuously evolve, even
						behind what seems a very well known, stable, familiar web site.
					</p>
				</div>
			</section>

			<section class="spotlight">
				<div class="image"><a href="./projects/rfc-675-08.html"><img src="images/rfc.jpg"
							alt="RFC 675:08" /></a>
				</div>
				<div class="content">
					<h3><a href="./projects/rfc-675-08.html">RFC:675:08</a>
						<span class="icon solid fa-hand-paper"></span> <span class="icon solid fa-dice-d20"></span>
						</span> <span class="icon solid fa-desktop"></span>
					</h3>
					<p>RFC:675:08 is a visual installation at the intersection of science & art for the Nobel Week of
						Lights It is performed at the heart of Stockholm, on the Kungsgatan LED screen.</p>
					<p>This artwork unveils the data transmitted from Stockholm to the world through the internetwork
						Transmission Control Program [TCP] and its interface to programs or citizens that require its
						services.</p>
				</div>
			</section>
			<section class="spotlight">
				<div class="image"><a href="./projects/pellow.html">
						<img src="images/pellow/pellow-tekniska-anne-gerden_sq.jpg" alt="Pellow" /></a>
					<div class="tiny-text"><i>Photo: Anna Gerdén, Tekniska museet</i></div>
				</div>
				<div class="content">
					<h3><a href="./projects/pellow.html">Pellow</a>
						<span class="icon solid fa-hand-paper"></span> <span class="icon solid fa-dice-d20"></span>
						<span class="icon solid fa-music"></span> <span class="icon solid fa-desktop"></span>
					</h3>
					<p>
						Pellow is an interactive installation that reveals what happens under the hood of a browser when
						you visit web pages.
					</p>
				</div>
			</section>
			<section class="spotlight">
				<div class="image"><a href="./projects/bcm-at-visualia.html"><img src="images/bcm/bcm_sq.jpg"
							alt="Browser Chance Music" /></a>
				</div>
				<div class="content">
					<h3><a href="./projects/bcm-at-visualia.html">Browser Chance Music</a>
						<span class="icon solid fa-hand-paper"></span> <span class="icon solid fa-dice-d20"></span>
						<span class="icon solid fa-music"></span> <span class="icon solid fa-desktop"></span>
					</h3>
					<p>BCM creates a space for a radically different relationship between user and software. Evanescent
						and imperceptible internet activity emanating from a smartphone is revealed through immersive
						sounds and visuals.</p>
					<p>This project is a collaboration between the re|thread collective and Henrik
						Frisk, professor of music at KMH, and funded by <a
							href="https://www.kth.se/navet/navet-1.876907">NAVET</a>.
					</p>
				</div>
			</section>
			<section class="spotlight">
				<div class="image"><a href="https://nadiacw.com/softwear/"><img src="images/knit_sq.jpg" alt="" /></a>
				</div>
				<div class="content">
					<h3><a href="https://nadiacw.com/softwear/">softwear</a>
						<span class="icon solid fa-hand-paper"></span> <span class="icon solid fa-dice-d20"></span>
					</h3>
					<p>A work in progress about the intersections between software and knitting: check out the <a
							href="https://nadiacw.com/softwear/">Softwear blog</a></p>
				</div>
			</section>
			<section class="spotlight">
				<div class="image"><a href="./projects/browser-fingerprinting.html"><img
							src="images/sessionx01/emoji party_thumb.jpg" alt="" /></a>
				</div>
				<div class="content">
					<h3><a href="./projects/browser-fingerprinting.html">session x01 - browser fingerprinting</a>
						<span class="icon solid fa-music"></span> <span class="icon solid fa-desktop"></span>
					</h3>
					<p>Online exhibition on browser fingerprinting. Are you unique on the internet? What’s left of you
						when you leave a web page? How entangled are
						you and your device? Is your browser in the artwork or is the artwork in your browser?</p>
				</div>
			</section>

			<section class="spotlight">
				<div class="image"><a href="https://rethread.art/code/software-in-times-of-corona/"><img
							src="images/corona_sq.png" alt="" /></a>
				</div>
				<div class="content">
					<h3><a href="https://rethread.art/code/software-in-times-of-corona/">software in times of corona</a>
						<span class="icon solid fa-desktop"></span>
					</h3>
					<p>A small gallery of visual responses to the question: "How is software shaping your experience
						during the covid-19 crisis?"</p>
				</div>
			</section>

			<section class="spotlight">
				<div class="image"><a href="./projects/retraces_of_search.html"><img
							src="images/retraces_of_search/retraces_of_search_thumb1.jpg" alt="" /></a>
				</div>
				<div class="content">
					<h3><a href="./projects/retraces_of_search.html">re|Traces of Search</a>
						<span class="icon solid fa-hand-paper"></span> <span class="icon solid fa-music"></span> <span
							class="icon solid fa-desktop"></span> <span class="icon solid fa-dice-d20"></span>
					</h3>
					<p>The audiovisual software art installation ’re|Traces of Search’ probes human-software
						relationships by
						examining in detail a specific and situated action: searching on the web. </p>
				</div>
			</section>
			<section class="spotlight">
				<div class="image"><a href="./projects/retrash.html"><img src="images/retrash_sq.JPG" alt="" /></a>
				</div>
				<div class="content">
					<h3><a href="./projects/retrash.html">re|trash</a> <span class="icon solid fa-hand-paper"></span>
						<span class="icon solid fa-music"></span> <span class="icon solid fa-desktop"></span> <span
							class="icon solid fa-dice-d20"></span>
					</h3>
					<p>A playful installation for children with old computer parts and generative sound and visuals.</p>
				</div>
			</section>
			<section class="spotlight">
				<div class="image"><a href="./projects/request.html"><img src="images/request1.png" alt="" /></a></div>
				<div class="content">
					<h3><a href="./projects/request.html">re|quest</a> <span class="icon solid fa-music"> </span><span
							class="icon solid fa-desktop"></span></h3>
					<p>An ongoing collection of pieces exploring the software and data structures triggered when
						searching for a query on Google.com</p>
				</div>
			</section>
			<section class="spotlight">
				<div class="image"><a href="./projects/ci-poetry.html"><img src="images/ci1.JPG" alt="" /></a></div>
				<div class="content">
					<h3><a href="./projects/ci-poetry.html">ci-poetry</a> <span class="icon solid fa-hand-paper"></span>
						<span class="icon solid fa-music"></span>
						<span class="icon solid fa-dice-d20"> </span>
					</h3>
					<p>The interactive installation ci-poetry simulates the concept of collaborative coding or <a
							href="https://en.wikipedia.org/wiki/Continuous_integration">continuous
							integration (CI)</a> through generative poetry creation. The installation has been designed
						for the specific context of R1, Sweden’s first reactor hall, now dismantled and used as a
						cultural venue. In the installation, a collective poem is composed
						and sonified by 12 “poets” who each contribute with a line of their own source poem.
					</p>
				</div>
			</section>
			<section class="spotlight">
				<div class="image"><a href="https://hackathon.castor.kth.se/2019/"><img
							src="images/ci-hackathon-thumb_sq.jpg" alt="" /></a></div>
				<div class="content">
					<h3><a href="https://hackathon.castor.kth.se/2019/">ci art hackathon 2019</a> <span
							class="icon solid fa-music"></span> <span class="icon solid fa-desktop"></span></h3>
					<p>Passionate and creative software students, software developers, artists,
						designers and curious citizens participated in the first ever performance
						of software art based on continuous integration data. During this hackathon,
						23 teams delved into the extraordinary activity that occurs in a continuous
						integration server through visual and sound representations.
					</p>
					<a href="https://hackathon.castor.kth.se/2019/">Visit the hackathon archive here!</a>
				</div>
			</section>

			<!-- <section class="spotlight">
                <div class="image"><img src="images/pic02.jpg" alt="" /></div>
                <div class="content">
                    <h3>Through our work</h3>
                    <p>we aim to establish emotional and reflective bonds between citizens and the software that constantly surrounds us, transforming the way we experience software, and allowing for participation and collective imaginings of what software
                        is and what we might want it to be. We see art as a means to explore these affective connections. Through artifacts and performances, we intend to cultivate curiosity of the scientific and technical aspects of software which appear
                        to many as a “black box”. When presenting these obscure and perplexing concepts as open or shared and as aesthetically enchanting, knowledge about software can become accessible to citizens, allowing for informed decisions and
                        more radically diverse systems of education and production.
                    </p>
                </div>
            </section> -->
			<!-- <section class="spotlight">
                <div class="image"><img src="images/pic03.jpg" alt="" /></div>
                <div class="content">
                    <h3>Aliquam sed magna</h3>
                    <p>Morbi mattis ornare ornare. Duis quam turpis, gravida at leo elementum elit fusce accumsan dui libero, quis vehicula lectus ultricies eu. In convallis amet leo non sapien iaculis efficitur consequat lorem ipsum.</p>
                </div>
            </section> -->
			<section class="special">
				<ul class="icons labeled">
					<li><span class="icon solid fa-hand-paper"></span><span class="label">tangible interaction</span>
					</li>
					<li><span class="icon solid fa-music"></span><span class="label">sound</span>
					</li>
					<li><span class="icon solid fa-desktop"></span><span class="label">screen-based</span>
					</li>
					<li><span class="icon solid fa-dice-d20"></span><span class="label">installation</span>
					</li>
				</ul>
			</section>
		</div>
	</section>

	<!-- Three -->
	<section id="three" class="wrapper style2 special">

		<div class="inner alt">
			<h2>re|thread in the world</h2>
			<section class="links" style="overflow: auto;">
				<div class="content">
					<h4><a href="./projects/unfold.html">un|fold</a></h4>
					<table>
						<tr>
							<td>2023-08-16</td>
							<td><a
									href="https://affordableartfair.com/inspiration/meet-the-artists-rethread/">Meet the artists: re|thread</a> on the Affordable Art Fair website
							</td>
						</tr>

						<tr>
							<td>2023-04-19</td>
							<td><a
									href="https://www.instagram.com/p/CrNkDd2MFi4/">Supported by the Affordable Art Fair Stockholm</a>
							</td>
						</tr>

						<tr>
							<td>2023-04-19</td>
							<td><a
									href="https://www.kmh.se/om-kmh/aktuellt-och-nyheter/nyhetsarkiv/nyheter/2023-04-19-konstinstallationen-unfold-kommer-till-kmh.html">un|fold at KMH for Kulturnatt 2023</a> (in Swedish)
							</td>
						</tr>
						
						<tr>
							<td>2022-12-07</td>
							<td><a
									href="https://www.kth.se/en/om/nyheter/lokala-nyheter/konstinstallation-pa-campus-visualiserar-grundlaggande-kommando-inom-mjukvara-1.1212731">E. Charpentier and J. Doudna visited un|fold in December 2022</a>
							</td>
						</tr>

						<tr>
							<td>2022-11-09</td>
							<td><a
									href="https://wasp-sweden.org/unfold-making-sense-of-software-through-emotions">un|fold: Making sense of software through emotions</a>
							</td>
						</tr>

						<tr>
							<td>2022-11-09</td>
							<td><a
									href="https://nobelweeklights.se/installation/unfold">un|fold</a> on the Nobel Week Lights website
							</td>
						</tr>
					</table>

					<h4><a href="./projects/cyberglow.html">cyber|glow</a></h4>
					<table>
						<tr>
							<td>2022-05-09</td>
							<td><a
									href="https://www.institutfrancais.com/fr/portfolio/voyage-au-coeur-du-numerique-institut-francais-suede">cyber|glow @ Kulturnatt</a> on the Institut Français website (in French)
							</td>
						</tr>

						<tr>
							<td>2021-12-01</td>
							<td><a
									href="https://intra.kth.se/en/eecs/aktuellt-pa-eecs/nyheter/interaktiv-mjukvarukonst-pa-stockholms-gator-1.1123920">Interactive software art on the streets of Stockholm</a> on the KTH website
							</td>
						</tr>
						<tr>
							<td>2021-12-05</td>
							<td><a
									href="https://www.rfi.fr/fr/europe/20211204-su%C3%A8de-stockholm-se-p%C3%A2re-de-lumi%C3%A8res-%C3%A9voquant-les-d%C3%A9couvertes-des-nobel?fbclid=IwAR2IVlBxgMoR76-WjrwmR4x5GYnuLYWui5F7Mj1E_oBGWTDwb7yHZ0-XVMA">French
									National Radio Network (Radio France)</a> (in French)</td>
						</tr>
						<tr>
							<td>2021-12-09</td>
							<td><a
									href="https://wasp-sweden.org/cyberglow-a-playful-diptych-at-nobel-week-lights-2021/">A playful diptych at Nobel Week Lights 2021</a>
							</td>
						</tr>
					</table>

					<h4><a href="./projects/rfc-675-08.html">RFC:675:08</a></h4>
					<table>
						<tr>
							<td>2020-12-08</td>
							<td><a href="https://youtu.be/L1khX1NWjtU">Video presentation of RFC:675:08</a> prepared by
								the <a hrf="https://www.youtube.com/user/NobelMuseum">Nobel Prize Museum</a></td>
						</tr>
						<tr>
							<td>2020-12-08</td>
							<td><a
									href="https://www.linkedin.com/posts/kth_very-few-people-realize-how-much-we-use-activity-6741749197504086016-FcQk/">LinkedIn post from KTH</a>
							</td>
						</tr>
						<tr>
							<td>2020-12-05</td>
							<td><a
									href="https://nobelweeklights.se/installation/rfc67508/">RFC:675:08</a> on the Nobel Week Lights website
							</td>
						</tr>
						<tr>
							<td>2020-12-05</td>
							<td><a
									href="https://www.kth.se/navet/calendar/rfc-675-08-at-nobel-week-lights-1.1033952?date=2020-12-05&orgdate=2020-12-06&length=1&orglength=0">On the KTH calendar</a>
							</td>
						</tr>
						<tr>
							<td>2020-12-04</td>
							<td><a
									href="https://lepetitjournal.com/stockholm/la-nobel-week-lights-stockholm-du-5-au-13-decembre-293795">About Nobel Week Lights</a> in Le Petit Journal (in French)
							</td>
						</tr>
						<tr>
							<td>2020-11-30</td>
							<td><a
									href="https://www.instagram.com/p/CIOvjpcJAiE/">Featured in the Nobel Prize Museum Instagram account</a>
							</td>
						</tr>
						<!--
						<tr>
							<td>2020-11-30</td>
							<td><a
									href="https://intra.kth.se/en/eecs/aktuellt-pa-eecs/nyheter/nobel-week-lights-se-visualiseringar-av-stockholms-internettrafik-1.1032342">https://intra.kth.se/en/eecs/aktuellt-pa-eecs/nyheter/nobel-week-lights-se-visualiseringar-av-stockholms-internettrafik-1.1032342</a>
							</td>
						</tr>
						-->
					</table>

					<h4><a href="https://nadiacw.com/softwear/">softwear</a></h4>
					<table>
						<tr>
							<td>2020-11-17</td>
							<td><a
									href="https://intra.kth.se/en/eecs/aktuellt-pa-eecs/nyheter/mjukvara-och-textilkonst-med-nadia-campo-woytuk-1.1029145">Software and textile art with Nadia Campo Woytuk</a>
							</td>
						</tr>
					</table>

					<h4><a href="./projects/pellow.html">Pellow</a></h4>
					<table>
						<tr>
							<td>2020-10-28</td>
							<td><a href="https://fb.watch/26107KbfVa/">Video on the Tekniska Museet Facebook account</a></td>
						</tr>
						<tr>
							<td>2020-10-27</td>
							<td><a
									href="https://wasp-sweden.org/art-installation-under-the-hood-of-a-browser/">Art Installation – Under the Hood of a Browser</a>
							</td>
						</tr>
						<tr>
							<td>2020-10-26</td>
							<td><a
									href="https://www.creativeapplications.net/member-submissions/pellow-through-the-looking-glass-of-web-browsers/">Pellow. Through the looking glass of web browsers.</a> on CreativeApplications.Net (CAN)
							</td>
						</tr>
					</table>

					<h4><a href="./projects/bcm.html">Browser Chance Music</a></h4>
					<table>
						https://zenodo.org/records/10802532
						<tr>
							<td>2023-12-18</td>
							<td>Browser Chance Music is featured in the <a href="https://zenodo.org/records/10802532">NAVET book</a>
							</td>
						</tr>
						<tr>
							<td>2020-09-11 - 2020-09-12</td>
							<td>Browser Chance Music at the <a href="https://nava.community/visualia/">Visualia</a> AV
								event</td>
						</tr>
					</table>

					<h4><a href="./projects/retraces_of_search.html">re|Traces of Search</a></h4>
					<table>
						<tr>
							<td>2020-07-06 - 2020-07-20</td>
							<td><a href="https://dis.acm.org/2020/gallerypage-10.html">re|Traces of Search at the DIS
									2020 online library</a></td>
						</tr>
					</table>
					<h4>ci hackathon</h4>
					<table>
						<tr>
							<td>2019-10-24</td>
							<td><a
									href="https://www.kth.se/aktuellt/nyheter/konst-gor-undangomd-mjukvara-synlig-1.934548">In the KTH website</a> (in Swedish)
							</td>
						</tr>
					</table>
				</div>
			</section>
			<section class="">
				<!-- <div class="image"><a href="./projects/retrash.html"><img src="images/retrash_sq.JPG" alt="" /></a></div> -->
				<div class="content">
					<h3>Visualia - September 2020</h3>
					<p>re|thread took part in the <a href="https://nava.community/visualia/">Visualia</a> AV event
						organised by <a href="https://nava.community/">Nordic Audiovisual Artists (NAVA)</a> 11-12
						September 2020 with the Browser Chance Music project as a smaller and more intimate installation
						setup.</p>

					<p><a href="./projects/bcm.html">More about the Browser Chance Music project here</a>.</p>

				</div>
				<div class="gallery-container">
					<span class="image fit"><img src="images/bcm/bcm-you-are-connected.jpg" alt="" /></span>
					<span class="image fit"><img src="images/bcm/bcm-instagram.jpg" alt="" /></span>
					<span class="image fit"><img src="images/bcm/bcm-packet-boxes.jpg" alt="" /></span>
				</div>
			</section>
			<section class="">
				<!-- <div class="image"><a href="./projects/retrash.html"><img src="images/retrash_sq.JPG" alt="" /></a></div> -->
				<div class="content">
					<h3>session x01 - browser fingerprinting online exhibition April 2020</h3>
					<p>On 22 April 2020 we opened the virtual doors to this online exhibition on browser fingerprinting.
						There was art, an emoji party and a chat where people could ask questions and share their
						experiences. </p>

					<p><a href="./projects/browser-fingerprinting.html">Read all about it on its project page</a>.</p>

					<p>Thank you to all who attended, chatted, downloaded the gift package and donated their
						fingerprints to the archive!</p>
				</div>
				<div class="gallery-container">
					<span class="image fit"><img src="images/sessionx01/emoji party.jpg" alt="" /></span>
					<span class="image fit"><img src="images/sessionx01/chat_blurred.jpg" alt="" /></span>
					<span class="image fit"><img src="images/sessionx01/combined_screenshots_128x70.jpg"
							alt="" /></span>
				</div>
			</section>
			<section class="">
				<!-- <div class="image"><a href="./projects/retrash.html"><img src="images/retrash_sq.JPG" alt="" /></a></div> -->
				<div class="content">
					<h3>Fotografiska AV Meetup February 2020</h3>
					<p> We had such inspiring conversations with artists and scientists alike at the AV meetup organised
						at
						Fotografiska Studio Live. A big thanks to everyone who shared their thoughts and ideas on our
						work
						and their own!</p>
				</div>
				<div class="gallery-container">
					<span class="image fit"><img src="images/fotografiska_av_meetup/IMG_20200226_222356_010.jpg"
							alt="" /></span>
					<span class="image fit"><img src="images/fotografiska_av_meetup/IMG_20200226_222359_939.jpg"
							alt="" /></span>
					<span class="image fit"><img src="images/fotografiska_av_meetup/IMG_20200226_222401_481.jpg"
							alt="" /></span>
				</div>
			</section>
		</div>

	</section>

	<!-- four -->
	<section id="four" class="wrapper style2 special">

		<div class="inner alt">
			<h2>Who we are</h2>
			<section class="">
				<!-- <div class="image"><a href="./projects/retrash.html"><img src="images/retrash_sq.JPG" alt="" /></a></div> -->
				<div class="content">
					<table style="width:100%; border: none; background-color: none; table-layout: fixed;">
						<tr style="font-family: 'NeueBit-Bold'; font-size: 2em">
							<th>Maria</th>
							<th>Roni</th>
							<th>Erik</th>

						</tr>
						<tr>
							<td><span><img src="images/profilepics/maria.png" alt="Maria" style="width:90%"/></span>
							</td>
							<td><span><img src="images/profilepics/roni.png" alt="Roni" style="width:90%"/></span>
							</td>
							<td><span"><img src="images/profilepics/erik.jpg" alt="Erik" style="width:90%"/></span>
							</td>

						</tr>
						<tr>
							<td>Artist, information experience designer and researcher. <p><a href="https://www.mariakling.space/">Website
										<i class="fas fa-external-link-alt"></i></a></p>
							</td>
							<td>Programmer and artist. <p><a href="https://ronikaufman.github.io/">Website
										<i class="fas fa-external-link-alt"></i></a></p>
							</td>
							<td>Artist, musician, audiovisual composer. <p><a href="https://eriknatanael.com/">Website <i
											class="fas fa-external-link-alt"></i></a></p>
							</td>

						</tr>
					</table>
					<table style="width:100%; border: none; background-color: none; table-layout: fixed;">
						<tr style="font-family: 'NeueBit-Bold'; font-size: 2em">
							<th></th>
							<th>Benoit</th>
							<th></th>
						</tr>
						<tr>
							<td></td>
							<td><span style="width: 1em;"><img src="images/profilepics/benoit1.png" alt="Benoit" style="width:90%"/></span>
							</td>
							<td></td>
						</tr>
						<tr>
							<td></td>
							<td>Professor in Software Technology. <p><a href="https://softwarediversity.eu/">Website <i
											class="fas fa-external-link-alt"></i></a></p>
							</td>
							<td></td>
						</tr>
					</table>
			</section>
		</div>

		<div class="inner alt">
			<h3>Past members</h3>
			<section class="">
				<!-- <div class="image"><a href="./projects/retrash.html"><img src="images/retrash_sq.JPG" alt="" /></a></div> -->
				<div class="content">
					<table style="width:100%; border: none; background-color: none; table-layout: fixed;">
						<tr style="font-family: 'NeueBit-Bold'; font-size: 2em">
							<th>Nadia</th>
							<th>Thomas</th>
							<th>Jonathan</th>

						</tr>
						<tr>
							<td><span style="width: 1em;"><img src="images/profilepics/nadia1.png" alt="Nadia" style="width:90%"/></span>
							</td>
							<td><span style="width: 1em;"><img src="images/profilepics/thomas1.png" alt="Thomas" style="width:90%"/></span>
							</td>
							<td><span style="width: 1em;"><img src="images/profilepics/jonathan.jpg" alt="Jonathan" style="width:90%"/></span>
							</td>

						</tr>
						<tr>
							<td>Artist, interaction designer and researcher. <p><a href="https://nadiacw.com/">Website
										<i class="fas fa-external-link-alt"></i></a></p>
							</td>
							<td>Postdoc in Software Engineering. <p><a href="https://durieux.me/">Website <i
											class="fas fa-external-link-alt"></i></a></p>
							</td>
							<td>Interaction designer and researcher. <p><a
										href="https://www.ramirezjonathan.com/">Website <i
											class="fas fa-external-link-alt"></i></a></p>
							</td>

						</tr>
					</table>
			</section>
		</div>
		
		<!--
		<div class="inner alt">
			<h3>re|thread is partially supported by</h3>
			<div class="content" style="position:relative">
				<a style="border: none" href="http://kth.se"><img style="width: 8em; vertical-align: middle;"
					src="images/logos/KTH_Logo-Small.png" alt="" /></a>
				<a style="border: none" href="https://www.castor.kth.se/"><img
					style="width: 8em; vertical-align: middle;" src="images/logos/CASTOR_Logo_Small.png"
					alt="" /></a>
				<a style="border: none" href="https://wasp-sweden.org/"><img
					style="width: 8em; vertical-align: middle;" src="images/logos/wasp_logo.png"
					alt="" /></a>
				<a style="border: none" href="https://iod-project.eu/"><img
					style="width: 8em; vertical-align: middle;" src="images/logos/iod-logo.png"
					alt="" /></a>
			</div>
		</div>
		-->

	</section>

	<!-- five -->
	<section id="five" class="wrapper style2 special">
		<header class="major">
			<h2>Get in touch</h2>
			<p></p>
		</header>
		<ul class="actions special">
			<li><a href="mailto:rethread.art@protonmail.com" class="button">Email us</a></li>
			<!-- <li><a href="#" class="button">Learn More</a></li> -->
			<li><a href="https://github.com/castor-software/rethread/tree/master/code" class="icon"><span
						class="icon brands fa fa-github fa-3x fot-github"></span></a></li>
			<li>
				<a href="https://www.instagram.com/rethread.art/" target="_blank">
					<span class="icon brands fa fa-instagram fot-github"></span>
				</a>
			</li>
			<li>
				<a href="https://vimeo.com/rethread" target="_blank">
					<span class="icon brands fa fa-vimeo fot-github"></span>
				</a>
			</li>
		</ul>
	</section>


	<!-- Scripts -->
	<script src="assets/js/jquery.min.js"></script>
	<script src="assets/js/jquery.scrolly.min.js"></script>
	<script src="assets/js/browser.min.js"></script>
	<script src="assets/js/breakpoints.min.js"></script>
	<script src="assets/js/util.js"></script>
	<script src="assets/js/main.js"></script>

	<!-- p5 sketch as a header -->
	<!-- <script src="header_files/sketch_header.js"></script> -->
</body>

</html>