Merge branch 'master' of github.com:castor-software/rethread

code/myriad/get_all_contributors/all-contributors.py

@@ -78,15 +78,17 @@ def get_and_save_gh_info(repo_name):
 	#commits_over_time = get_gh_commit_history(repo)
 	total_contributions, contributors_list = get_gh_contributors(repo)
 
-	filename = "contributors/" + repo_name.replace("/", "&") + ".json"
+	filename = "contributors/" + repo_name.replace("/", "&")
 	repo_data = {
-		"repo": repo_name,
+		"repo_name": repo_name,
 		#"commits_over_time": commits_over_time,
 		"total_contributions": total_contributions,
 		"contributors": contributors_list,
 	}
-	with open(filename, "w") as fp:
+	with open(filename + ".json", "w") as fp:
 		json.dump(repo_data, fp, indent = 1)
+	with open(filename + ".txt", "w") as fp:
+		fp.write("\n".join(c["id"] for c in contributors_list))
 
 
 def print_progress_bar(iteration, total, length=50):

code/myriad/get_all_contributors/gh_repo_lists/all_gh_repos.txt

@@ -20,12 +20,12 @@ btel/svg_utils
 caprover/caprover
 carstenlebek/svelte-email
 *chromium/chromium
-coz-m/MPLUS_FONTS
 curl/curl
 electro-smith/libDaisy
 emacs-mirror/emacs
 festvox/festival
 git/git
+googlefonts/Inconsolata
 joshnuss/svelte-persisted-store
 keenethics/svelte-notifications
 kirovj/pocketbase-pyclient

code/myriad/get_all_contributors/gh_repo_lists/combine-lists.py

@@ -1,6 +1,6 @@
 all_repos = []
 
-lists = ["rethread", "apocryph", "megatouch-megatouch", "dear-ai", "glommen", "infinite-sand-sorter", "why-am-i-seeing-this", "relaxrelaxrelax", "pain-creatures", "a-not-so-distant-past"]
+lists = ["rethread", "apocryph", "mmegatouch", "dear-ai", "glommen", "infinite-sand-sorter", "why-am-i-seeing-this", "relaxrelaxrelax", "pain-creature", "a-not-so-distant-past"]
 for l in lists:
     with open(l + "_gh_repos.txt") as f:
         repos = f.readlines()

code/myriad/get_all_contributors/gh_repo_lists/rethread_gh_repos.txt

@@ -1,4 +1,4 @@
-coz-m/MPLUS_FONTS
+googlefonts/Inconsolata
 emacs-mirror/emacs
 microsoft/vscode
 processing/p5.js

code/myriad/visualize/sketch.js

@@ -25,19 +25,22 @@ function loadRepos(reposList) {
     //console.log(reposList)
     for (let r of reposList) {
         if (r.length > 0 && r[0] != "*") {
-            reposData.push(loadJSON("../get_all_contributors/contributors/"+r.replaceAll("/", "&")+".json"));
+            reposData.push({
+                repoName: r,
+                contributors: loadStrings("../get_all_contributors/contributors/"+r.replaceAll("/", "&")+".txt")
+            });
         }
     }
 }
 
 function setup() {
     createCanvas(windowWidth, windowHeight);
-    frameRate(3);
+    frameRate(~~random(1, 6));
     textAlign(CENTER, TOP);
     //noLoop();
 
-    textSize = 18;
-    lineHeight = textSize*1.5;
+    textSize = width/45;
+    lineHeight = textSize*1.3;
     topMargin = textSize*5;
     nLines = ~~((height-topMargin)/lineHeight);
 
@@ -47,7 +50,7 @@ function setup() {
     for (let repo of reposData) {
         let columnWidth = 0;
         for (let contributor of repo.contributors) {
-            let w = textWidth(contributor.id);
+            let w = textWidth(contributor);
             if (w > columnWidth) columnWidth = w;
         }
         repo.columnWidth = columnWidth;
@@ -58,7 +61,7 @@ function setup() {
         repo.wMargin = marginToGap*repo.wGap;
 
         for (let i = 0; i < (nLines-1)*repo.nColumns; i++) {
-            repo.contributors.unshift({id: ""});
+            repo.contributors.unshift("");
         }
     }
 
@@ -75,7 +78,7 @@ function draw() {
     //circle(width/2, height/2, 10);
 
     let repo = reposData[repoIdx];
-    let h1 = createElement("h1", repo.repo);
+    let h1 = createElement("h1", repo.repoName);
     h1.style("color", "white");
     h1.style("font-size", textSize*2);
     h1.style("width", width);
@@ -91,7 +94,7 @@ function draw() {
             let idx = i0 + i*repo.nColumns + j;
             if (idx >= repo.contributors.length) break;
             let contributor = repo.contributors[idx];
-            let p = createP(contributor.id);
+            let p = createP(contributor);
             p.style("color", "white");
             p.style("font-size", textSize);
             p.style("width", repo.columnWidth);

projects/myriad/about.html

@@ -33,25 +33,29 @@
             <h1>about</h1>
         </div>
         <div class="content">
+            <h3>re|thread</h3>
             <p>
-                <i>myriad</i> expands the notion of authorship, to explicitly unveil and credit the vast communities of coders, artists, inventors and beloved ones that contribute to artworks in the digital age. Behind all software, which permeates society and supports digital art, are vast groups of people who have built layers upon layers of code written over decades.
+                <a href="https://rethread.art/">re</a>|<a href="https://www.instagram.com/rethread.art/">thread</a> is a collective of software researchers, artists, and designers, in Stockholm. Our work lies at the intersection between software technology, art, interaction design, sonification, and visualization, and focuses on the use of software as the material and medium for artistic creation.
             </p>
 
-            <h3>re|thread</h3>
             <p>
-                <a href="https://rethread.art/">re|thread</a> is a collective of software researchers, artists, and designers, in Stockholm. Our work lies at the intersection between software technology, art, interaction design, sonification, and visualization, and focuses on the use of software as the material and medium for artistic creation.
+                - Benoit Baudry: <a href="https://www.instagram.com/al.my.re/">Instagram</a><br class="list">
+                - Erik Natanael: <a href="https://eriknatanael.com/">personal website</a>, <a href="https://www.instagram.com/eriknatanaelgustafsson/">Instagram</a>, <a href="https://post.lurk.org/@eriknatanael">Mastodon</a><br class="list">
+                - Maria Kling: <a href="https://www.mariakling.space/">personal website</a>, <a href="https://www.instagram.com/maria.euler.art/">Instagram</a><br class="list">
+                - Roni Kaufman: <a href="https://ronikaufman.github.io/">personal website</a>, <a href="https://x.com/KaufmanRoni">Twitter</a>, <a href="https://genart.social/@ronikaufman">Mastodon</a>, <a href="https://www.instagram.com/roni.kaufman.art">Instagram</a>
             </p>
+
             <p>
                 We organize, create and curate <i>myriad</i>. Our work for this project is supported by <a href="https://www.konstnarsnamnden.se/en/">Konstnärsnämnden</a>, the Swedish Art Grants Committee.
             </p>
 
             <h3>credits for this website</h3>
             <p>
-                - <a href="https://html.spec.whatwg.org/">HTML</a>, invented by Tim Berners-Lee and developed by the World Wide Web Consortium (W3C) and Web Hypertext Application Technology Working Group (WHATWG)<br style="margin: 0">
-                - <a href="https://www.ecma-international.org/publications-and-standards/standards/ecma-262/">JavaScript</a>, created by Brendan Eich and standardized by Ecma International<br style="margin: 0">
-                - <a href="https://www.w3.org/TR/CSS/#css/">CSS</a>, proposed by Håkon Wium Lie and developed by the World Wide Web Consortium (W3C)<br style="margin: 0">
-                - <a href="https://developer.mozilla.org/en-US/docs/Glossary/Gecko">Gecko</a>, <a href="https://webkit.org/">WebKit</a> and <a href="https://www.chromium.org/blink/">Blink</a>, rendering these pages<br style="margin: 0">
-                - <a href="https://www.levien.com/type/myfonts/inconsolata.html">Inconsolata</a>, designed by Raph Levien<br style="margin: 0">
+                - <a href="https://html.spec.whatwg.org/">HTML</a>, invented by Tim Berners-Lee and developed by the World Wide Web Consortium (W3C) and Web Hypertext Application Technology Working Group (WHATWG)<br class="list">
+                - <a href="https://www.ecma-international.org/publications-and-standards/standards/ecma-262/">JavaScript</a>, created by Brendan Eich and standardized by Ecma International<br class="list">
+                - <a href="https://www.w3.org/TR/CSS/#css/">CSS</a>, proposed by Håkon Wium Lie and developed by the World Wide Web Consortium (W3C)<br class="list">
+                - <a href="https://developer.mozilla.org/en-US/docs/Glossary/Gecko">Gecko</a>, <a href="https://webkit.org/">WebKit</a> and <a href="https://www.chromium.org/blink/">Blink</a>, rendering these pages<br class="list">
+                - <a href="https://www.levien.com/type/myfonts/inconsolata.html">Inconsolata</a>, designed by Raph Levien<br class="list">
                 - <a href="https://u270d.eesab.fr/projets/louise/">Louise</a>, designed by Luna Delabre and Camille Depalle
             </p>
         </div>

projects/myriad/artworks/a-not-so-distant-past.html

@@ -45,11 +45,11 @@ <h2>by Steve Ashby</h2>
 a transfer from past to present
 with all its kinks and curves</pre>
             <p>
-                <i>A not so distant past</i> will be <a href="../exhibition.html">exhibited</a> between 4/10 and 12/10.
+                <i>A not so distant past</i> will be <a href="../exhibition.html">exhibited</a> between 04/10 and 12/10.
             </p>
 
             <div>
-                <img src="../images/artworks/a-not-so-distant-past-16-9.png"
+                <img src="../images/artworks/a-not-so-distant-past-16-9.jpg"
                     alt="A not so distant past" style="width: 100%" />
                 <span><i class="center-horizontally">A not so distant past</i></span>
             </div>
@@ -61,10 +61,10 @@ <h3>about the artist</h3>
 
             <h3>links</h3>
             <p>
-                - <a href="https://www.instagram.com/ashbysounds/">Instagram</a><br style="margin: 0">
-                - <a href="https://x.com/ashbysounds">Twitter</a><br style="margin: 0">
-                - <a href="https://soundcloud.com/ashbysounds">SoundCloud</a><br style="margin: 0">
-                - <a href="https://bsky.app/profile/ashbysounds.bsky.social">BlueSky</a><br style="margin: 0">
+                - <a href="https://www.instagram.com/ashbysounds/">Instagram</a><br class="list">
+                - <a href="https://x.com/ashbysounds">Twitter</a><br class="list">
+                - <a href="https://soundcloud.com/ashbysounds">SoundCloud</a><br class="list">
+                - <a href="https://bsky.app/profile/ashbysounds.bsky.social">BlueSky</a><br class="list">
                 - <a href="https://tr.ee/-tre_jwiH8">LinkTree</a>
             </p>
         </div>

projects/myriad/artworks/apocryph.html

@@ -31,14 +31,14 @@
     <div class="center-horizontally">
         <div class="header">
             <h1>Apocryph</h1>
-            <h2>by Steve Ashby</h2>
+            <h2>by Nicolas Boillot</h2>
         </div>
         <div class="content">
             <p>
                 <i>Apocryph</i> explores the implications of artificial intelligence imitating human learning and creativity. Can AI fully replace human authors, or does it produce unidentifiable, dubious, or fraudulent works? This project draws parallels with medieval copyist monks, who inherited anonymous status and created infinite variations of texts. The artist trained the StyleGAN2 algorithm on 40 versions of the 15th-century "Book of Hours" to create a new, apocryphal version. The result is a chimera of text and images, questioning the power and ethics of generative algorithms and the authorship of AI-produced works.
             </p>
             <p>
-                <i>Apocryph</i> will be <a href="../exhibition.html">exhibited</a> between 4/10 and 12/10.
+                <i>Apocryph</i> will be <a href="../exhibition.html">exhibited</a> between 04/10 and 12/10.
             </p>
 
             <div>
@@ -54,12 +54,12 @@ <h3>about the artist</h3>
 
             <h3>links</h3>
             <p>
-                - <a href="https://www.are.na/nicolas-boillot">Are.na</a><br style="margin: 0">
-                - <a href="https://sigmoid.social/@fluate">Mastodon</a><br style="margin: 0">
-                - <a href="https://vimeo.com/fluate">Vimeo</a><br style="margin: 0">
-                - <a href="https://x.com/fluate">Twitter</a><br style="margin: 0">
-                - <a href="https://www.instagram.com/fluate">Instagram</a><br style="margin: 0">
-                - <a href="https://www.fluate.net">personal website</a>
+                - <a href="https://www.are.na/nicolas-boillot">Are.na</a><br class="list">
+                - <a href="https://sigmoid.social/@fluate">Mastodon</a><br class="list">
+                - <a href="https://vimeo.com/fluate">Vimeo</a><br class="list">
+                - <a href="https://x.com/fluaten">Twitter</a><br class="list">
+                - <a href="https://www.instagram.com/fluate">Instagram</a><br class="list">
+                - <a href="https://www.fluate.net/en/">personal website</a>
             </p>
         </div>
         <div class="footer">

projects/myriad/artworks/dear-ai.html

@@ -35,17 +35,17 @@ <h2>by Fred Wordie</h2>
         </div>
         <div class="content">
             <p>
-                First launched online as an experiential piece of design fiction, <i>Dear Ai</i> explores how the proliferation and normalisation of AI tools affect traditional notions of value, effort, and meaning in personal communication and indeed, relationships. Website visitors were invited to instantly compose Birthday, Thank You, Sympathy and Love Letters, and send them via email in under 2 minutes.  
+                First launched online as an experiential piece of design fiction, <i>Dear Ai</i> explores how the proliferation and normalisation of AI tools affect traditional notions of value, effort, and meaning in personal communication and indeed, relationships. Website visitors were invited to instantly compose Birthday, Thank You, Sympathy and Love Letters, and send them via email in under two minutes.  
             </p>
             <p>
-                As an installation, <i>Dear Ai</i> showcases a selection of these sent letters; Each penned using algorithmic generated handwriting and inviting us to ask whether "I miss you" scrawled on the back of a postcard is worth more 5000 words of AI love?
+                As an installation, <i>Dear Ai</i> showcases a selection of these sent letters; Each penned using algorithmic generated handwriting and inviting us to ask whether "I miss you" scrawled on the back of a postcard is worth more than 5000 words of AI love?
             </p>
             <p>
-                <i>Dear Ai</i> will be <a href="../exhibition.html">exhibited</a> between 4/10 and 12/10.
+                <i>Dear Ai</i> will be <a href="../exhibition.html">exhibited</a> between 04/10 and 12/10.
             </p>
 
             <div>
-                <img src="../images/artworks/dear-ai.png"
+                <img src="../images/artworks/dear-ai.jpg"
                     alt="Apocryph" style="width: 100%" />
                 <span><i class="center-horizontally">Dear Ai</i></span>
             </div>

projects/myriad/artworks/glommen.html

@@ -38,7 +38,7 @@ <h2>by Jonas Johansson</h2>
                 <i>Glommen</i> is Jonas Johansson's first personal work, created during a pivotal time after moving to Canada from Japan. While working at a leading design studio on large-scale stage experiences, he transitioned from viewing code as function to embracing it as sculpture. Inspired by his father, a painter of light, he began experimenting. <i>Glommen</i> reflects his connection to his seaside hometown and the bittersweet anticipation of life without his father. The sun's position in the artwork mirrors his birthday, near the summer solstice.
             </p>
             <p>
-                <i>Glommen</i> will be <a href="../exhibition.html">exhibited</a> between 4/10 and 12/10.
+                <i>Glommen</i> will be <a href="../exhibition.html">exhibited</a> between 04/10 and 12/10.
             </p>
 
             <div>

projects/myriad/artworks/infinite-sand-sorter.html

@@ -38,7 +38,7 @@ <h2>by Agoston Nagy</h2>
                 <i>Infinite Sand Sorter</i> is a drawing machine caught in an unending cycle of making very slow movements. Its act of marking traces in the sand echoes ancient methods of conceptualizing ideas in the sand. The pace of this process is deliberately slow, allowing time for contemplation of the seemingly purposeless nature of the act when viewed on a cosmic scale. Sorting and rearranging are intrinsic aspects of human nature and living organisms in general. This artwork provocatively attempts to externalize this urge for structure onto the surrounding environment. Sorting tiny grains appears nearly impossible to complete within any reasonable timeframe.
             </p>
             <p>
-                <i>Infinite Sand Sorter</i> will be <a href="../exhibition.html">exhibited</a> between 4/10 and 12/10.
+                <i>Infinite Sand Sorter</i> will be <a href="../exhibition.html">exhibited</a> between 04/10 and 12/10.
             </p>
 
             <div>
@@ -54,9 +54,9 @@ <h3>about the artist</h3>
 
             <h3>links</h3>
             <p>
-                - <a href="https://www.instagram.com/0xstc/">Instagram</a><br style="margin: 0">
-                - <a href="https://x.com/_stc">Twitter</a><br style="margin: 0">
-                - <a href="https://warpcast.com/stc">Farcaster</a><br style="margin: 0">
+                - <a href="https://www.instagram.com/0xstc/">Instagram</a><br class="list">
+                - <a href="https://x.com/_stc">Twitter</a><br class="list">
+                - <a href="https://warpcast.com/stc">Farcaster</a><br class="list">
                 - <a href="https://github.com/stc">GitHub</a>
             </p>
         </div>

projects/myriad/artworks/loam.html

@@ -61,6 +61,11 @@ <h3>sound work</h3>
             <p>
                 The soundscape is a work of sound art, complementing the other pieces and engaging with the same themes as <i>loam</i>. It will also accommodate any sound aspects of the exhibited pieces. Deaf or hard of hearing people can experience the exhibition without the sound work.
             </p>
+
+            <h3>re|thread</h3>
+            <p>
+                See <a href="../about.html">about page</a> for more information.
+            </p>
         </div>
         <div class="footer">
             <a href="../index.html">myriad</a>

projects/myriad/artworks/megatouch.html

@@ -38,11 +38,11 @@ <h2>by Håkan Lidbo & Per-Olov Jernberg</h2>
                 <i>Megatouch</i> is a 6×1 meter touch surface where visitors can discover hundreds of sounds, rhythms and animations, all perfectly synchronized. It is a collaborative musical instrument and visualizer that requires no prior knowledge. The size and complexity opens for music exploration rather than music mastery. It is also a reflection on the fact that music is invisible. But with <i>Megatouch</i>, each sound and melody has its own abstract visual expression. <i>Megatouch</i> is created with Pure Data with 3 x synchronised computers, 3 x 85" screens, 6 x loudspeakers or 12 headphones. 
             </p>
             <p>
-                <i>Megatouch</i> will be <a href="../exhibition.html">exhibited</a> between 4/10 and 12/10.
+                <i>Megatouch</i> will be <a href="../exhibition.html">exhibited</a> between 04/10 and 12/10.
             </p>
 
             <div>
-                <img src="../images/artworks/megatouch.png"
+                <img src="../images/artworks/megatouch-16-9.png"
                     alt="Megatouch" style="width: 100%" />
                 <span><i class="center-horizontally">Megatouch</i></span>
             </div>
@@ -54,9 +54,9 @@ <h3>about the artists</h3>
 
             <h3>links</h3>
             <p>
-                - <a href="https://www.instagram.com/rumtiden/">Instagram</a><br style="margin: 0">
-                - <a href="https://www.facebook.com/rumtiden">Facebook</a><br style="margin: 0">
-                - <a href="https://www.rumtiden.com/art/megatouch">personal website</a>
+                - <a href="https://www.instagram.com/rumtiden/">Instagram</a><br class="list">
+                - <a href="https://www.facebook.com/rumtiden">Facebook</a><br class="list">
+                - <a href="https://www.rumtiden.com/art/megatouch">website</a>
             </p>
         </div>
         <div class="footer">