-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
934 lines (862 loc) · 40.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
<!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/[email protected]/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 style="width: 100%; text-align: left; display: flex; flex-direction: row; align-items: center; justify-content: center;">
<span>with support of</span>
<img style="max-width: 40%;" src="./images/Kulturbryggans-logotyp-för-webb-med-svart-text.jpeg" />
</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:[email protected]" 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>