deploy: 2b651c44d9

_app/immutable/chunks/chuck_ide.frmZp3WA.js

@@ -0,0 +1,11 @@
+import{s as Q,e as T,n as B}from"./scheduler.aZRR5A_O.js";import{S as z,i as V,g as n,s as p,h as o,c,x as w,j as N,f as t,k as m,l as s,a as r}from"./index.kYoizZ4A.js";function U(W){let a,E,v,x,q,d,R="Qu’est-ce que ChucK ?",C,h,D=`<a href="https://chuck.stanford.edu/" rel="nofollow">ChucK</a> est l’un des langages importants de ces deux dernières décennies pour
+ce qui concerne la programmation musicale en temps réel. Développé par <a href="https://music.stanford.edu/people/ge-wang" rel="nofollow">Ge
+Wang</a> à l’université de Princeton à
+partir de 2003, il
+est toujours utilisé là-bas par les musiciens du <a href="https://plork.princeton.edu/" rel="nofollow">PlorK</a> (<em>Princeton Laptop
+Orchestra</em>). Il reste également utilisé dans cette même université pour enseigner la musique électronique. ChucK appartient à la même génération que d’autres langages comme <a href="https://extemporelang.github.io/" rel="nofollow">ExTempore</a> d’Andrew Sorensen. L’idée flottait dans l’air à cette époque là qu’il fallait développer des langages permettant de mieux exprimer la relation entre temps, synthèse, écriture musicale et interaction de l’utilisateur. ChucK est désormais utilisé par le <a href="https://slork.stanford.edu/" rel="nofollow">SlorK</a> (<em>Stanford Laptop Orchestra</em>) et par un certain nombre de musiciens <em>live coders</em> tels que <a href="https://www.celestebetancur.com/code.html" rel="nofollow">Celeste Betancur</a>. Le créateur du langage est un défenseur de longue date de la pratique du <em>live coding</em>. Il est également un pionnier du phénomène des <em>Laptop Orchestras</em>, des orchestres d’ordinateur qui cherchent à utiliser les qualités uniques de l’ordinateur portable et des ordinateurs embarqués pour la composition de pièces collaboratives (synchronisation en réseau, spatialisation des musiciens, etc). En fouillant un peu sur internet, on trouve toujours des traces de la pratique du <em>live coding</em> sur ChucK :`,_,y,k,i,O,j,L,K,f,A=`ChucK est un langage que l’on rencontre aujourd’hui assez peu dans les discussions autour du <em>live coding</em>. Je n’ai encore jamais vu personne l’utiliser pour une
+performance. Je ne connais (plus) personne qui l’utilise. SuperCollider règne en maître, avec quelques artistes qui
+jurent toujours par CSound, Max/MSP ou Pure Data. C’est d’autant plus étonnant
+que le langage est explicitement conçu pour l’expérimentation temps réel. La
+sémantique et la syntaxe du langage sont construites autour de cette idée et le système des <a href="https://chuck.cs.princeton.edu/doc/language/spork.html" rel="nofollow">shred et du spork</a> fait tout pour encourager l’expérimentation.`,M,g,F="ChucK sur le web",P,u,G,S,H,I,b,J=`J’ai vu passer, il y a peu, des mentions d’une nouvelle version de ChucK qui
+tourne directement dans un navigateur internet : <a href="https://chuck.stanford.edu/ide/" rel="nofollow">voici le lien</a>. Phénomène générationnel là aussi, il s’agit maintenant de tout faire fonctionner à partir de <a href="https://webassembly.org/" rel="nofollow">WebAssembly</a> et des nouvelles technologies de l’audio sur le web. Quelques articles universitaires ont été publiés sur le sujet comme <a href="https://mcd.stanford.edu/publish/files/2023-smc-ide.pdf" rel="nofollow">celui-ci</a> ou <a href="https://www.gewang.com/publish/files/2023-nime-webchuck.pdf" rel="nofollow">celui-là</a>. Le travail est en cours, avance bien, et pour le peu que j’ai pu tester, cela ressemble à s’y méprendre à la version native qui existe toujours et qui tourne toujours très bien sur la plupart des OS. Cela peut valoir le coup de donner une chance à ce langage pour les plus curieux. Beaucoup d’exemples ont déjà été portés et/ou réécrits depuis l’IDE de base qui en fournissait déjà pas mal. Le travail réalisé est déjà impressionnant et il y a fort à parier que cela va se stabiliser très vite.`;return{c(){a=n("img"),v=p(),x=n("br"),q=p(),d=n("h2"),d.textContent=R,C=p(),h=n("p"),h.innerHTML=D,_=p(),y=n("br"),k=p(),i=n("iframe"),j=p(),L=n("br"),K=p(),f=n("p"),f.innerHTML=A,M=p(),g=n("h2"),g.textContent=F,P=p(),u=n("img"),S=p(),H=n("br"),I=p(),b=n("p"),b.innerHTML=J,this.h()},l(e){a=o(e,"IMG",{src:!0,style:!0}),v=c(e),x=o(e,"BR",{}),q=c(e),d=o(e,"H2",{"data-svelte-h":!0}),w(d)!=="svelte-1b3a3mw"&&(d.textContent=R),C=c(e),h=o(e,"P",{"data-svelte-h":!0}),w(h)!=="svelte-1ofrbtt"&&(h.innerHTML=D),_=c(e),y=o(e,"BR",{}),k=c(e),i=o(e,"IFRAME",{width:!0,height:!0,src:!0,title:!0,frameborder:!0,allow:!0,style:!0}),N(i).forEach(t),j=c(e),L=o(e,"BR",{}),K=c(e),f=o(e,"P",{"data-svelte-h":!0}),w(f)!=="svelte-1smt2e1"&&(f.innerHTML=A),M=c(e),g=o(e,"H2",{"data-svelte-h":!0}),w(g)!=="svelte-197fwi9"&&(g.textContent=F),P=c(e),u=o(e,"IMG",{src:!0,style:!0}),S=c(e),H=o(e,"BR",{}),I=c(e),b=o(e,"P",{"data-svelte-h":!0}),w(b)!=="svelte-4khbq9"&&(b.innerHTML=J),this.h()},h(){T(a.src,E="../images/chuck_logo.png")||m(a,"src",E),s(a,"display","block"),s(a,"margin-left","auto"),s(a,"margin-right","auto"),s(a,"max-width","500px"),s(a,"width","90%"),s(a,"height","500px"),m(i,"width","800"),m(i,"height","400"),T(i.src,O="https://www.youtube.com/embed/gj5asouhVkM")||m(i,"src",O),m(i,"title","ChucK Live Code Performance"),m(i,"frameborder","0"),m(i,"allow","accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"),i.allowFullscreen=!0,s(i,"display","block"),s(i,"margin-left","auto"),s(i,"margin-right","auto"),s(i,"max-width","800px"),s(i,"width","90%"),s(i,"height","500px"),T(u.src,G="../images/webchuck.png")||m(u,"src",G),s(u,"display","block"),s(u,"margin-left","auto"),s(u,"margin-right","auto"),s(u,"max-width","1000px"),s(u,"width","90%"),s(u,"height","500px")},m(e,l){r(e,a,l),r(e,v,l),r(e,x,l),r(e,q,l),r(e,d,l),r(e,C,l),r(e,h,l),r(e,_,l),r(e,y,l),r(e,k,l),r(e,i,l),r(e,j,l),r(e,L,l),r(e,K,l),r(e,f,l),r(e,M,l),r(e,g,l),r(e,P,l),r(e,u,l),r(e,S,l),r(e,H,l),r(e,I,l),r(e,b,l)},p:B,i:B,o:B,d(e){e&&(t(a),t(v),t(x),t(q),t(d),t(C),t(h),t(_),t(y),t(k),t(i),t(j),t(L),t(K),t(f),t(M),t(g),t(P),t(u),t(S),t(H),t(I),t(b))}}}const Z={title:"ChucK Web IDE: le retour de ChucK sur le web",author:"Raphaël Maurice Forment",date:"2024-10-02"};class $ extends z{constructor(a){super(),V(this,a,null,U,Q,{})}}export{$ as default,Z as metadata};

_app/immutable/nodes/5.-9Z8G21p.js

@@ -0,0 +1,7 @@
+import{_ as E}from"../chunks/preload-helper.0HuHagjb.js";import{_ as W}from"../chunks/dynamic-import-helper.0gtGTknh.js";import{s as X}from"../chunks/scheduler.aZRR5A_O.js";import{S as Y,i as Z,q as G,g as f,m as T,s as j,r as J,h as v,j as b,n as A,f as h,c as k,u as tt,x as et,k as D,a as at,y as r,v as K,o as z,t as N,b as rt,d as Q,w as U,p as nt}from"../chunks/index.kYoizZ4A.js";async function ot({params:i}){const e=await W(Object.assign({"../apropos.md":()=>E(()=>import("../chunks/apropos.6l0pPS20.js"),__vite__mapDeps([0,1,2]),import.meta.url),"../biset_blank.md":()=>E(()=>import("../chunks/biset_blank.E4K6VWMJ.js"),__vite__mapDeps([3,1,2]),import.meta.url),"../chuck_ide.md":()=>E(()=>import("../chunks/chuck_ide.frmZp3WA.js"),__vite__mapDeps([4,1,2]),import.meta.url),"../ordinateur_tete.md":()=>E(()=>import("../chunks/ordinateur_tete.043bV6hn.js"),__vite__mapDeps([5,1,2]),import.meta.url),"../renardo.md":()=>E(()=>import("../chunks/renardo.MT7iUhNS.js"),__vite__mapDeps([6,1,2]),import.meta.url),"../teletypecinqzero.md":()=>E(()=>import("../chunks/teletypecinqzero.Y9FiRfnd.js"),__vite__mapDeps([7,1,2]),import.meta.url)}),`../${i.slug}.md`),{title:s,date:o,author:l}=e.metadata,$=e.default;return{title:s,date:o,author:l,content:$}}const mt=Object.freeze(Object.defineProperty({__proto__:null,load:ot},Symbol.toStringTag,{value:"Module"}));function it(i){let e,s,o=i[0].title+"",l,$,c,u,x,P=i[0].date+"",L,H,m,S,y=i[0].author+"",O,q,_,t,R,d,B='<a href="/articles">Revenir à l&#39;index</a>',p;var g=i[0].content;function F(a,n){return{}}return g&&(t=G(g,F())),{c(){e=f("article"),s=f("h1"),l=T(o),$=j(),c=f("div"),u=f("p"),x=T("Publié le : "),L=T(P),H=j(),m=f("p"),S=T("Auteur : "),O=T(y),q=j(),_=f("div"),t&&J(t.$$.fragment),R=j(),d=f("p"),d.innerHTML=B,this.h()},l(a){e=v(a,"ARTICLE",{});var n=b(e);s=v(n,"H1",{});var I=b(s);l=A(I,o),I.forEach(h),$=k(n),c=v(n,"DIV",{class:!0});var V=b(c);u=v(V,"P",{class:!0});var C=b(u);x=A(C,"Publié le : "),L=A(C,P),C.forEach(h),H=k(V),m=v(V,"P",{class:!0});var M=b(m);S=A(M,"Auteur : "),O=A(M,y),M.forEach(h),V.forEach(h),q=k(n),_=v(n,"DIV",{class:!0});var w=b(_);t&&tt(t.$$.fragment,w),R=k(w),d=v(w,"P",{class:!0,"data-svelte-h":!0}),et(d)!=="svelte-o6y0y"&&(d.innerHTML=B),w.forEach(h),n.forEach(h),this.h()},h(){D(u,"class","inline font-bold"),D(m,"class","inline font-bold"),D(c,"class","pt-4 flex justify-between mb-12"),D(d,"class","rounded-lg font-bold border-2 py-2 pl-2 mt-8 bg-neutral-800"),D(_,"class","lg:px-12 content-center")},m(a,n){at(a,e,n),r(e,s),r(s,l),r(e,$),r(e,c),r(c,u),r(u,x),r(u,L),r(c,H),r(c,m),r(m,S),r(m,O),r(e,q),r(e,_),t&&K(t,_,null),r(_,R),r(_,d),p=!0},p(a,[n]){if((!p||n&1)&&o!==(o=a[0].title+"")&&z(l,o),(!p||n&1)&&P!==(P=a[0].date+"")&&z(L,P),(!p||n&1)&&y!==(y=a[0].author+"")&&z(O,y),n&1&&g!==(g=a[0].content)){if(t){nt();const I=t;N(I.$$.fragment,1,0,()=>{U(I,1)}),rt()}g?(t=G(g,F()),J(t.$$.fragment),Q(t.$$.fragment,1),K(t,_,R)):t=null}},i(a){p||(t&&Q(t.$$.fragment,a),p=!0)},o(a){t&&N(t.$$.fragment,a),p=!1},d(a){a&&h(e),t&&U(t)}}}function st(i,e,s){let{data:o}=e;return i.$$set=l=>{"data"in l&&s(0,o=l.data)},[o]}class dt extends Y{constructor(e){super(),Z(this,e,st,it,X,{data:0})}}export{dt as component,mt as universal};
+function __vite__mapDeps(indexes) {
+  if (!__vite__mapDeps.viteFileDeps) {
+    __vite__mapDeps.viteFileDeps = ["../chunks/apropos.6l0pPS20.js","../chunks/scheduler.aZRR5A_O.js","../chunks/index.kYoizZ4A.js","../chunks/biset_blank.E4K6VWMJ.js","../chunks/chuck_ide.frmZp3WA.js","../chunks/ordinateur_tete.043bV6hn.js","../chunks/renardo.MT7iUhNS.js","../chunks/teletypecinqzero.Y9FiRfnd.js"]
+  }
+  return indexes.map((i) => __vite__mapDeps.viteFileDeps[i])
+}

_app/immutable/nodes/5.VzW-0bpn.js

@@ -1,7 +0,0 @@
-import{_ as I}from"../chunks/preload-helper.0HuHagjb.js";import{_ as W}from"../chunks/dynamic-import-helper.0gtGTknh.js";import{s as X}from"../chunks/scheduler.aZRR5A_O.js";import{S as Y,i as Z,q as G,g as p,m as T,s as j,r as J,h as v,j as b,n as A,f as h,c as x,u as tt,x as et,k as D,a as at,y as r,v as K,o as z,t as N,b as rt,d as Q,w as U,p as nt}from"../chunks/index.kYoizZ4A.js";async function ot({params:s}){const e=await W(Object.assign({"../apropos.md":()=>I(()=>import("../chunks/apropos.6l0pPS20.js"),__vite__mapDeps([0,1,2]),import.meta.url),"../biset_blank.md":()=>I(()=>import("../chunks/biset_blank.E4K6VWMJ.js"),__vite__mapDeps([3,1,2]),import.meta.url),"../ordinateur_tete.md":()=>I(()=>import("../chunks/ordinateur_tete.043bV6hn.js"),__vite__mapDeps([4,1,2]),import.meta.url),"../renardo.md":()=>I(()=>import("../chunks/renardo.MT7iUhNS.js"),__vite__mapDeps([5,1,2]),import.meta.url),"../teletypecinqzero.md":()=>I(()=>import("../chunks/teletypecinqzero.Y9FiRfnd.js"),__vite__mapDeps([6,1,2]),import.meta.url)}),`../${s.slug}.md`),{title:i,date:o,author:l}=e.metadata,E=e.default;return{title:i,date:o,author:l,content:E}}const mt=Object.freeze(Object.defineProperty({__proto__:null,load:ot},Symbol.toStringTag,{value:"Module"}));function st(s){let e,i,o=s[0].title+"",l,E,c,u,H,$=s[0].date+"",L,S,m,k,P=s[0].author+"",O,q,_,t,R,d,B='<a href="/articles">Revenir à l&#39;index</a>',f;var g=s[0].content;function F(a,n){return{}}return g&&(t=G(g,F())),{c(){e=p("article"),i=p("h1"),l=T(o),E=j(),c=p("div"),u=p("p"),H=T("Publié le : "),L=T($),S=j(),m=p("p"),k=T("Auteur : "),O=T(P),q=j(),_=p("div"),t&&J(t.$$.fragment),R=j(),d=p("p"),d.innerHTML=B,this.h()},l(a){e=v(a,"ARTICLE",{});var n=b(e);i=v(n,"H1",{});var y=b(i);l=A(y,o),y.forEach(h),E=x(n),c=v(n,"DIV",{class:!0});var V=b(c);u=v(V,"P",{class:!0});var C=b(u);H=A(C,"Publié le : "),L=A(C,$),C.forEach(h),S=x(V),m=v(V,"P",{class:!0});var M=b(m);k=A(M,"Auteur : "),O=A(M,P),M.forEach(h),V.forEach(h),q=x(n),_=v(n,"DIV",{class:!0});var w=b(_);t&&tt(t.$$.fragment,w),R=x(w),d=v(w,"P",{class:!0,"data-svelte-h":!0}),et(d)!=="svelte-o6y0y"&&(d.innerHTML=B),w.forEach(h),n.forEach(h),this.h()},h(){D(u,"class","inline font-bold"),D(m,"class","inline font-bold"),D(c,"class","pt-4 flex justify-between mb-12"),D(d,"class","rounded-lg font-bold border-2 py-2 pl-2 mt-8 bg-neutral-800"),D(_,"class","lg:px-12 content-center")},m(a,n){at(a,e,n),r(e,i),r(i,l),r(e,E),r(e,c),r(c,u),r(u,H),r(u,L),r(c,S),r(c,m),r(m,k),r(m,O),r(e,q),r(e,_),t&&K(t,_,null),r(_,R),r(_,d),f=!0},p(a,[n]){if((!f||n&1)&&o!==(o=a[0].title+"")&&z(l,o),(!f||n&1)&&$!==($=a[0].date+"")&&z(L,$),(!f||n&1)&&P!==(P=a[0].author+"")&&z(O,P),n&1&&g!==(g=a[0].content)){if(t){nt();const y=t;N(y.$$.fragment,1,0,()=>{U(y,1)}),rt()}g?(t=G(g,F()),J(t.$$.fragment),Q(t.$$.fragment,1),K(t,_,R)):t=null}},i(a){f||(t&&Q(t.$$.fragment,a),f=!0)},o(a){t&&N(t.$$.fragment,a),f=!1},d(a){a&&h(e),t&&U(t)}}}function it(s,e,i){let{data:o}=e;return s.$$set=l=>{"data"in l&&i(0,o=l.data)},[o]}class dt extends Y{constructor(e){super(),Z(this,e,it,st,X,{data:0})}}export{dt as component,mt as universal};
-function __vite__mapDeps(indexes) {
-  if (!__vite__mapDeps.viteFileDeps) {
-    __vite__mapDeps.viteFileDeps = ["../chunks/apropos.6l0pPS20.js","../chunks/scheduler.aZRR5A_O.js","../chunks/index.kYoizZ4A.js","../chunks/biset_blank.E4K6VWMJ.js","../chunks/ordinateur_tete.043bV6hn.js","../chunks/renardo.MT7iUhNS.js","../chunks/teletypecinqzero.Y9FiRfnd.js"]
-  }
-  return indexes.map((i) => __vite__mapDeps.viteFileDeps[i])
-}

_app/version.json

@@ -1 +1 @@
-{"version":"1707580896485"}
+{"version":"1707593593469"}

accueil.html

@@ -7,9 +7,9 @@
 		<meta name="theme-color" content="#ffffff">
 		
 		<link href="./_app/immutable/assets/0.x88-ymMa.css" rel="stylesheet">
-		<link rel="modulepreload" href="./_app/immutable/entry/start.ySJIsUgn.js">
+		<link rel="modulepreload" href="./_app/immutable/entry/start.7mK6ds4R.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.aZRR5A_O.js">
-		<link rel="modulepreload" href="./_app/immutable/entry/app.YQdz6ZW_.js">
+		<link rel="modulepreload" href="./_app/immutable/entry/app.28j4vET8.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/preload-helper.0HuHagjb.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/index.kYoizZ4A.js">
 		<link rel="modulepreload" href="./_app/immutable/nodes/0.qqbATDHs.js">
@@ -22,7 +22,7 @@
 			
 			<script>
 				{
-					__sveltekit_1ijuhcn = {
+					__sveltekit_1ea25rz = {
 						base: new URL(".", location).pathname.slice(0, -1),
 						env: null
 					};
@@ -32,8 +32,8 @@
 					const data = [{"type":"data","data":null,"uses":{}},null];
 
 					Promise.all([
-						import("./_app/immutable/entry/start.ySJIsUgn.js"),
-						import("./_app/immutable/entry/app.YQdz6ZW_.js")
+						import("./_app/immutable/entry/start.7mK6ds4R.js"),
+						import("./_app/immutable/entry/app.28j4vET8.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 3],

api/articles

@@ -1 +1 @@
-[{"meta":{"title":"Ordinateur dans la tête : un label de musique live codée","author":"Raphaël Maurice Forment","date":"2024-09-02"},"path":"/articles/ordinateur_tete"},{"meta":{"title":"Biset Blank : un module VCVRack pour animer les performances de live coding","author":"Raphaël Maurice Forment","date":"2024-08-02"},"path":"/articles/biset_blank"},{"meta":{"title":"Premières versions de Renardo","author":"Raphaël Maurice Forment","date":"2024-03-02"},"path":"/articles/renardo"},{"meta":{"title":"Teletype 5.0","author":"Raphaël Maurice Forment","date":"2024-03-02"},"path":"/articles/teletypecinqzero"},{"meta":{"title":"À propos des articles","author":"Raphaël Maurice Forment","date":"2024-01-01"},"path":"/articles/apropos"}]
+[{"meta":{"title":"ChucK Web IDE: le retour de ChucK sur le web","author":"Raphaël Maurice Forment","date":"2024-10-02"},"path":"/articles/chuck_ide"},{"meta":{"title":"Ordinateur dans la tête : un label de musique live codée","author":"Raphaël Maurice Forment","date":"2024-09-02"},"path":"/articles/ordinateur_tete"},{"meta":{"title":"Biset Blank : un module VCVRack pour animer les performances de live coding","author":"Raphaël Maurice Forment","date":"2024-08-02"},"path":"/articles/biset_blank"},{"meta":{"title":"Premières versions de Renardo","author":"Raphaël Maurice Forment","date":"2024-03-02"},"path":"/articles/renardo"},{"meta":{"title":"Teletype 5.0","author":"Raphaël Maurice Forment","date":"2024-03-02"},"path":"/articles/teletypecinqzero"},{"meta":{"title":"À propos des articles","author":"Raphaël Maurice Forment","date":"2024-01-01"},"path":"/articles/apropos"}]

articles.html

@@ -7,9 +7,9 @@
 		<meta name="theme-color" content="#ffffff">
 		
 		<link href="./_app/immutable/assets/0.x88-ymMa.css" rel="stylesheet">
-		<link rel="modulepreload" href="./_app/immutable/entry/start.ySJIsUgn.js">
+		<link rel="modulepreload" href="./_app/immutable/entry/start.7mK6ds4R.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.aZRR5A_O.js">
-		<link rel="modulepreload" href="./_app/immutable/entry/app.YQdz6ZW_.js">
+		<link rel="modulepreload" href="./_app/immutable/entry/app.28j4vET8.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/preload-helper.0HuHagjb.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/index.kYoizZ4A.js">
 		<link rel="modulepreload" href="./_app/immutable/nodes/0.qqbATDHs.js">
@@ -20,11 +20,11 @@
 	</head>
 	<body data-sveltekit-preload-data="hover">
 		<div style="display: contents">  <div><div class="bg-neutral-800"><nav class="pl-8 py-2 md:flex md:justify-between md:items-center pr-8"><div class="flex items-center justify-between"><a href="/" class="website-title text-2xl font-bold bg-gradient-to-r from-orange-700 via-blue-500 to-green-400 text-transparent bg-clip-text animate-gradient" data-svelte-h="svelte-15xybd8">livecoding.fr</a>  <div class="flex md:hidden" data-svelte-h="svelte-glwq61"><button type="button" class="text-gray-100 hover:text-gray-400 focus:outline-none focus:text-gray-400"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path></svg></button></div></div>  <div class="flex-col mt-8 space-y-4 md:flex md:space-y-0 md:flex-row md:items-center md:space-x-10 md:mt-0 hidden"><a href="/evenements" class="mobile-menu-link" data-svelte-h="svelte-11zf95a">Évènements</a> <a href="/membres" class="mobile-menu-link" data-svelte-h="svelte-1a3do61">Membres</a> <a href="/outils" class="mobile-menu-link" data-svelte-h="svelte-ee0p45">Outils</a> <a href="/guides" class="mobile-menu-link" data-svelte-h="svelte-5misk3">Guides</a> <a href="/articles" class="mobile-menu-link" data-svelte-h="svelte-kglg6r">Articles</a> <a href="/reseaux" class="mobile-menu-link" data-svelte-h="svelte-6wk0bt">Réseaux</a> <a href="/ressources" class="mobile-menu-link" data-svelte-h="svelte-ziwryh">Ressources</a> <a href="/presse" class="mobile-menu-link" data-svelte-h="svelte-6fl78t">Presse</a> <a href="/contacts" class="mobile-menu-link" data-svelte-h="svelte-1skvj1i">Contact</a></div></nav></div></div> <main class="bg-neutral-900"><div class="drawer lg:drawer-open"><input id="my-drawer-2" type="checkbox" class="drawer-toggle"> <div class="drawer-content space-y-4 flex flex-col lg:px-16 px-4 py-8"><h1 data-svelte-h="svelte-a2vclf">Articles</h1> <div class="alert bg-neutral-600 border-none"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="stroke-current shrink-0 w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg> <span class="text-xl text-white"><!-- HTML_TAG_START -->Cette section sert pour tout les articles généralistes qui ne peuvent
-  pas réellement être considérés comme des guides. Publiez ce que vous voulez !<!-- HTML_TAG_END --></span></div> <h2 data-svelte-h="svelte-6efz5p">Articles publiés</h2> <ul class=""><li class="ml-0 list-none px-4 pb-4 my-4 rounded-lg border-1 border-color-base-100 bg-neutral-800 hover:bg-neutral-700"><h2><a href="/articles/ordinateur_tete">Ordinateur dans la tête : un label de musique live codée </a></h2> <p class="pt-2"><b data-svelte-h="svelte-1y3xx1s">Publié le :</b> 2024-09-02 par <i>Raphaël Maurice Forment</i></p> </li><li class="ml-0 list-none px-4 pb-4 my-4 rounded-lg border-1 border-color-base-100 bg-neutral-800 hover:bg-neutral-700"><h2><a href="/articles/biset_blank">Biset Blank : un module VCVRack pour animer les performances de live coding </a></h2> <p class="pt-2"><b data-svelte-h="svelte-1y3xx1s">Publié le :</b> 2024-08-02 par <i>Raphaël Maurice Forment</i></p> </li><li class="ml-0 list-none px-4 pb-4 my-4 rounded-lg border-1 border-color-base-100 bg-neutral-800 hover:bg-neutral-700"><h2><a href="/articles/renardo">Premières versions de Renardo </a></h2> <p class="pt-2"><b data-svelte-h="svelte-1y3xx1s">Publié le :</b> 2024-03-02 par <i>Raphaël Maurice Forment</i></p> </li><li class="ml-0 list-none px-4 pb-4 my-4 rounded-lg border-1 border-color-base-100 bg-neutral-800 hover:bg-neutral-700"><h2><a href="/articles/teletypecinqzero">Teletype 5.0 </a></h2> <p class="pt-2"><b data-svelte-h="svelte-1y3xx1s">Publié le :</b> 2024-03-02 par <i>Raphaël Maurice Forment</i></p> </li><li class="ml-0 list-none px-4 pb-4 my-4 rounded-lg border-1 border-color-base-100 bg-neutral-800 hover:bg-neutral-700"><h2><a href="/articles/apropos">À propos des articles </a></h2> <p class="pt-2"><b data-svelte-h="svelte-1y3xx1s">Publié le :</b> 2024-01-01 par <i>Raphaël Maurice Forment</i></p> </li></ul></div> <div class="drawer-side no-scrollbar m-0" data-svelte-h="svelte-11ixv29"><label for="my-drawer-2" aria-label="close sidebar" class="drawer-overlay scrollbar-hide whitespace-nowrap overflow-hidden no-scrollbar"></label> <ul class="menu sidemenu-style no-scrollbar my-0"><li class="sideli"><a class="sidebar-link" href="/evenements">Évènements</a></li> <li class="sideli"><a class="sidebar-link" href="/membres">Membres</a></li> <li class="sideli"><a class="sidebar-link" href="/outils">Outils</a></li> <li class="sideli"><a class="sidebar-link" href="/guides">Guides</a></li> <li class="sideli"><a class="sidebar-link" href="/articles">Articles</a></li> <li class="sideli"><a class="sidebar-link" href="/reseaux">Réseaux</a></li> <li class="sideli"><a class="sidebar-link" href="/ressources">Ressources</a></li> <li class="sideli"><a class="sidebar-link" href="/presse">Presse</a></li> <li class="sideli"><a class="sidebar-link" href="/contacts">Contact</a></li></ul></div></div></main> <footer class="footer-style" data-svelte-h="svelte-1gkeg8z"><div class="flex justify-between"><p class="inline indent-4 text-bold text-white">Raphaël Forment</p> <p><a class="inline pl-4" href="https://github.com/Bubobubobubobubo/livecodingfr">GitHub</a></p></div></footer> 
-			<script type="application/json" data-sveltekit-fetched data-url="/api/articles">{"status":200,"statusText":"","headers":{},"body":"[{\"meta\":{\"title\":\"Ordinateur dans la tête : un label de musique live codée\",\"author\":\"Raphaël Maurice Forment\",\"date\":\"2024-09-02\"},\"path\":\"/articles/ordinateur_tete\"},{\"meta\":{\"title\":\"Biset Blank : un module VCVRack pour animer les performances de live coding\",\"author\":\"Raphaël Maurice Forment\",\"date\":\"2024-08-02\"},\"path\":\"/articles/biset_blank\"},{\"meta\":{\"title\":\"Premières versions de Renardo\",\"author\":\"Raphaël Maurice Forment\",\"date\":\"2024-03-02\"},\"path\":\"/articles/renardo\"},{\"meta\":{\"title\":\"Teletype 5.0\",\"author\":\"Raphaël Maurice Forment\",\"date\":\"2024-03-02\"},\"path\":\"/articles/teletypecinqzero\"},{\"meta\":{\"title\":\"À propos des articles\",\"author\":\"Raphaël Maurice Forment\",\"date\":\"2024-01-01\"},\"path\":\"/articles/apropos\"}]"}</script>
+  pas réellement être considérés comme des guides. Publiez ce que vous voulez !<!-- HTML_TAG_END --></span></div> <h2 data-svelte-h="svelte-6efz5p">Articles publiés</h2> <ul class=""><li class="ml-0 list-none px-4 pb-4 my-4 rounded-lg border-1 border-color-base-100 bg-neutral-800 hover:bg-neutral-700"><h2><a href="/articles/chuck_ide">ChucK Web IDE: le retour de ChucK sur le web </a></h2> <p class="pt-2"><b data-svelte-h="svelte-1y3xx1s">Publié le :</b> 2024-10-02 par <i>Raphaël Maurice Forment</i></p> </li><li class="ml-0 list-none px-4 pb-4 my-4 rounded-lg border-1 border-color-base-100 bg-neutral-800 hover:bg-neutral-700"><h2><a href="/articles/ordinateur_tete">Ordinateur dans la tête : un label de musique live codée </a></h2> <p class="pt-2"><b data-svelte-h="svelte-1y3xx1s">Publié le :</b> 2024-09-02 par <i>Raphaël Maurice Forment</i></p> </li><li class="ml-0 list-none px-4 pb-4 my-4 rounded-lg border-1 border-color-base-100 bg-neutral-800 hover:bg-neutral-700"><h2><a href="/articles/biset_blank">Biset Blank : un module VCVRack pour animer les performances de live coding </a></h2> <p class="pt-2"><b data-svelte-h="svelte-1y3xx1s">Publié le :</b> 2024-08-02 par <i>Raphaël Maurice Forment</i></p> </li><li class="ml-0 list-none px-4 pb-4 my-4 rounded-lg border-1 border-color-base-100 bg-neutral-800 hover:bg-neutral-700"><h2><a href="/articles/renardo">Premières versions de Renardo </a></h2> <p class="pt-2"><b data-svelte-h="svelte-1y3xx1s">Publié le :</b> 2024-03-02 par <i>Raphaël Maurice Forment</i></p> </li><li class="ml-0 list-none px-4 pb-4 my-4 rounded-lg border-1 border-color-base-100 bg-neutral-800 hover:bg-neutral-700"><h2><a href="/articles/teletypecinqzero">Teletype 5.0 </a></h2> <p class="pt-2"><b data-svelte-h="svelte-1y3xx1s">Publié le :</b> 2024-03-02 par <i>Raphaël Maurice Forment</i></p> </li><li class="ml-0 list-none px-4 pb-4 my-4 rounded-lg border-1 border-color-base-100 bg-neutral-800 hover:bg-neutral-700"><h2><a href="/articles/apropos">À propos des articles </a></h2> <p class="pt-2"><b data-svelte-h="svelte-1y3xx1s">Publié le :</b> 2024-01-01 par <i>Raphaël Maurice Forment</i></p> </li></ul></div> <div class="drawer-side no-scrollbar m-0" data-svelte-h="svelte-11ixv29"><label for="my-drawer-2" aria-label="close sidebar" class="drawer-overlay scrollbar-hide whitespace-nowrap overflow-hidden no-scrollbar"></label> <ul class="menu sidemenu-style no-scrollbar my-0"><li class="sideli"><a class="sidebar-link" href="/evenements">Évènements</a></li> <li class="sideli"><a class="sidebar-link" href="/membres">Membres</a></li> <li class="sideli"><a class="sidebar-link" href="/outils">Outils</a></li> <li class="sideli"><a class="sidebar-link" href="/guides">Guides</a></li> <li class="sideli"><a class="sidebar-link" href="/articles">Articles</a></li> <li class="sideli"><a class="sidebar-link" href="/reseaux">Réseaux</a></li> <li class="sideli"><a class="sidebar-link" href="/ressources">Ressources</a></li> <li class="sideli"><a class="sidebar-link" href="/presse">Presse</a></li> <li class="sideli"><a class="sidebar-link" href="/contacts">Contact</a></li></ul></div></div></main> <footer class="footer-style" data-svelte-h="svelte-1gkeg8z"><div class="flex justify-between"><p class="inline indent-4 text-bold text-white">Raphaël Forment</p> <p><a class="inline pl-4" href="https://github.com/Bubobubobubobubo/livecodingfr">GitHub</a></p></div></footer> 
+			<script type="application/json" data-sveltekit-fetched data-url="/api/articles">{"status":200,"statusText":"","headers":{},"body":"[{\"meta\":{\"title\":\"ChucK Web IDE: le retour de ChucK sur le web\",\"author\":\"Raphaël Maurice Forment\",\"date\":\"2024-10-02\"},\"path\":\"/articles/chuck_ide\"},{\"meta\":{\"title\":\"Ordinateur dans la tête : un label de musique live codée\",\"author\":\"Raphaël Maurice Forment\",\"date\":\"2024-09-02\"},\"path\":\"/articles/ordinateur_tete\"},{\"meta\":{\"title\":\"Biset Blank : un module VCVRack pour animer les performances de live coding\",\"author\":\"Raphaël Maurice Forment\",\"date\":\"2024-08-02\"},\"path\":\"/articles/biset_blank\"},{\"meta\":{\"title\":\"Premières versions de Renardo\",\"author\":\"Raphaël Maurice Forment\",\"date\":\"2024-03-02\"},\"path\":\"/articles/renardo\"},{\"meta\":{\"title\":\"Teletype 5.0\",\"author\":\"Raphaël Maurice Forment\",\"date\":\"2024-03-02\"},\"path\":\"/articles/teletypecinqzero\"},{\"meta\":{\"title\":\"À propos des articles\",\"author\":\"Raphaël Maurice Forment\",\"date\":\"2024-01-01\"},\"path\":\"/articles/apropos\"}]"}</script>
 			<script>
 				{
-					__sveltekit_1ijuhcn = {
+					__sveltekit_1ea25rz = {
 						base: new URL(".", location).pathname.slice(0, -1),
 						env: null
 					};
@@ -34,8 +34,8 @@
 					const data = [{"type":"data","data":null,"uses":{}},null];
 
 					Promise.all([
-						import("./_app/immutable/entry/start.ySJIsUgn.js"),
-						import("./_app/immutable/entry/app.YQdz6ZW_.js")
+						import("./_app/immutable/entry/start.7mK6ds4R.js"),
+						import("./_app/immutable/entry/app.28j4vET8.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],

articles/apropos.html

@@ -7,13 +7,13 @@
 		<meta name="theme-color" content="#ffffff">
 		
 		<link href="../_app/immutable/assets/0.x88-ymMa.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.ySJIsUgn.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.7mK6ds4R.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.aZRR5A_O.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.YQdz6ZW_.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.28j4vET8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/preload-helper.0HuHagjb.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.kYoizZ4A.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/0.qqbATDHs.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/5.VzW-0bpn.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/5.-9Z8G21p.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dynamic-import-helper.0gtGTknh.js">
 	</head>
 	<body data-sveltekit-preload-data="hover">
@@ -25,7 +25,7 @@ fonctionnement est similaire.</p> <p class="rounded-lg font-bold border-2 py-2 p
 			
 			<script>
 				{
-					__sveltekit_1ijuhcn = {
+					__sveltekit_1ea25rz = {
 						base: new URL("..", location).pathname.slice(0, -1),
 						env: null
 					};
@@ -35,8 +35,8 @@ fonctionnement est similaire.</p> <p class="rounded-lg font-bold border-2 py-2 p
 					const data = [{"type":"data","data":null,"uses":{}},null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.ySJIsUgn.js"),
-						import("../_app/immutable/entry/app.YQdz6ZW_.js")
+						import("../_app/immutable/entry/start.7mK6ds4R.js"),
+						import("../_app/immutable/entry/app.28j4vET8.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 5],

articles/biset_blank.html

@@ -7,13 +7,13 @@
 		<meta name="theme-color" content="#ffffff">
 		
 		<link href="../_app/immutable/assets/0.x88-ymMa.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.ySJIsUgn.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.7mK6ds4R.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.aZRR5A_O.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.YQdz6ZW_.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.28j4vET8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/preload-helper.0HuHagjb.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.kYoizZ4A.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/0.qqbATDHs.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/5.VzW-0bpn.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/5.-9Z8G21p.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dynamic-import-helper.0gtGTknh.js">
 	</head>
 	<body data-sveltekit-preload-data="hover">
@@ -24,7 +24,7 @@ aussi l&#39;auteur d&#39;un module <a href="https://en.wikipedia.org/wiki/Music_
 			
 			<script>
 				{
-					__sveltekit_1ijuhcn = {
+					__sveltekit_1ea25rz = {
 						base: new URL("..", location).pathname.slice(0, -1),
 						env: null
 					};
@@ -34,8 +34,8 @@ aussi l&#39;auteur d&#39;un module <a href="https://en.wikipedia.org/wiki/Music_
 					const data = [{"type":"data","data":null,"uses":{}},null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.ySJIsUgn.js"),
-						import("../_app/immutable/entry/app.YQdz6ZW_.js")
+						import("../_app/immutable/entry/start.7mK6ds4R.js"),
+						import("../_app/immutable/entry/app.28j4vET8.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 5],

articles/chuck_ide.html

@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" href="../favicon.png" />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<meta name="theme-color" content="#ffffff">
+		
+		<link href="../_app/immutable/assets/0.x88-ymMa.css" rel="stylesheet">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.7mK6ds4R.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.aZRR5A_O.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.28j4vET8.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/preload-helper.0HuHagjb.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/index.kYoizZ4A.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.qqbATDHs.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/5.-9Z8G21p.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/dynamic-import-helper.0gtGTknh.js">
+	</head>
+	<body data-sveltekit-preload-data="hover">
+		<div style="display: contents">  <div><div class="bg-neutral-800"><nav class="pl-8 py-2 md:flex md:justify-between md:items-center pr-8"><div class="flex items-center justify-between"><a href="/" class="website-title text-2xl font-bold bg-gradient-to-r from-orange-700 via-blue-500 to-green-400 text-transparent bg-clip-text animate-gradient" data-svelte-h="svelte-15xybd8">livecoding.fr</a>  <div class="flex md:hidden" data-svelte-h="svelte-glwq61"><button type="button" class="text-gray-100 hover:text-gray-400 focus:outline-none focus:text-gray-400"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path></svg></button></div></div>  <div class="flex-col mt-8 space-y-4 md:flex md:space-y-0 md:flex-row md:items-center md:space-x-10 md:mt-0 hidden"><a href="/evenements" class="mobile-menu-link" data-svelte-h="svelte-11zf95a">Évènements</a> <a href="/membres" class="mobile-menu-link" data-svelte-h="svelte-1a3do61">Membres</a> <a href="/outils" class="mobile-menu-link" data-svelte-h="svelte-ee0p45">Outils</a> <a href="/guides" class="mobile-menu-link" data-svelte-h="svelte-5misk3">Guides</a> <a href="/articles" class="mobile-menu-link" data-svelte-h="svelte-kglg6r">Articles</a> <a href="/reseaux" class="mobile-menu-link" data-svelte-h="svelte-6wk0bt">Réseaux</a> <a href="/ressources" class="mobile-menu-link" data-svelte-h="svelte-ziwryh">Ressources</a> <a href="/presse" class="mobile-menu-link" data-svelte-h="svelte-6fl78t">Presse</a> <a href="/contacts" class="mobile-menu-link" data-svelte-h="svelte-1skvj1i">Contact</a></div></nav></div></div> <main class="bg-neutral-900"><div class="drawer lg:drawer-open"><input id="my-drawer-2" type="checkbox" class="drawer-toggle"> <div class="drawer-content space-y-4 flex flex-col lg:px-16 px-4 py-8"><article><h1>ChucK Web IDE: le retour de ChucK sur le web</h1> <div class="pt-4 flex justify-between mb-12"><p class="inline font-bold">Publié le : 2024-10-02</p> <p class="inline font-bold">Auteur : Raphaël Maurice Forment</p></div> <div class="lg:px-12 content-center"><img src="../images/chuck_logo.png" style="display:block;margin-left:auto;margin-right:auto;max-width:500px;width:90%;height:500px"> <br> <h2 data-svelte-h="svelte-1b3a3mw">Qu’est-ce que ChucK ?</h2> <p data-svelte-h="svelte-1ofrbtt"><a href="https://chuck.stanford.edu/" rel="nofollow">ChucK</a> est l’un des langages importants de ces deux dernières décennies pour
+ce qui concerne la programmation musicale en temps réel. Développé par <a href="https://music.stanford.edu/people/ge-wang" rel="nofollow">Ge
+Wang</a> à l’université de Princeton à
+partir de 2003, il
+est toujours utilisé là-bas par les musiciens du <a href="https://plork.princeton.edu/" rel="nofollow">PlorK</a> (<em>Princeton Laptop
+Orchestra</em>). Il reste également utilisé dans cette même université pour enseigner la musique électronique. ChucK appartient à la même génération que d’autres langages comme <a href="https://extemporelang.github.io/" rel="nofollow">ExTempore</a> d’Andrew Sorensen. L’idée flottait dans l’air à cette époque là qu’il fallait développer des langages permettant de mieux exprimer la relation entre temps, synthèse, écriture musicale et interaction de l’utilisateur. ChucK est désormais utilisé par le <a href="https://slork.stanford.edu/" rel="nofollow">SlorK</a> (<em>Stanford Laptop Orchestra</em>) et par un certain nombre de musiciens <em>live coders</em> tels que <a href="https://www.celestebetancur.com/code.html" rel="nofollow">Celeste Betancur</a>. Le créateur du langage est un défenseur de longue date de la pratique du <em>live coding</em>. Il est également un pionnier du phénomène des <em>Laptop Orchestras</em>, des orchestres d’ordinateur qui cherchent à utiliser les qualités uniques de l’ordinateur portable et des ordinateurs embarqués pour la composition de pièces collaboratives (synchronisation en réseau, spatialisation des musiciens, etc). En fouillant un peu sur internet, on trouve toujours des traces de la pratique du <em>live coding</em> sur ChucK :</p> <br> <iframe width="800" height="400" src="https://www.youtube.com/embed/gj5asouhVkM" title="ChucK Live Code Performance" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen style="display:block;margin-left:auto;margin-right:auto;max-width:800px;width:90%;height:500px"></iframe> <br> <p data-svelte-h="svelte-1smt2e1">ChucK est un langage que l’on rencontre aujourd’hui assez peu dans les discussions autour du <em>live coding</em>. Je n’ai encore jamais vu personne l’utiliser pour une
+performance. Je ne connais (plus) personne qui l’utilise. SuperCollider règne en maître, avec quelques artistes qui
+jurent toujours par CSound, Max/MSP ou Pure Data. C’est d’autant plus étonnant
+que le langage est explicitement conçu pour l’expérimentation temps réel. La
+sémantique et la syntaxe du langage sont construites autour de cette idée et le système des <a href="https://chuck.cs.princeton.edu/doc/language/spork.html" rel="nofollow">shred et du spork</a> fait tout pour encourager l’expérimentation.</p> <h2 data-svelte-h="svelte-197fwi9">ChucK sur le web</h2> <img src="../images/webchuck.png" style="display:block;margin-left:auto;margin-right:auto;max-width:1000px;width:90%;height:500px"> <br> <p data-svelte-h="svelte-4khbq9">J’ai vu passer, il y a peu, des mentions d’une nouvelle version de ChucK qui
+tourne directement dans un navigateur internet : <a href="https://chuck.stanford.edu/ide/" rel="nofollow">voici le lien</a>. Phénomène générationnel là aussi, il s’agit maintenant de tout faire fonctionner à partir de <a href="https://webassembly.org/" rel="nofollow">WebAssembly</a> et des nouvelles technologies de l’audio sur le web. Quelques articles universitaires ont été publiés sur le sujet comme <a href="https://mcd.stanford.edu/publish/files/2023-smc-ide.pdf" rel="nofollow">celui-ci</a> ou <a href="https://www.gewang.com/publish/files/2023-nime-webchuck.pdf" rel="nofollow">celui-là</a>. Le travail est en cours, avance bien, et pour le peu que j’ai pu tester, cela ressemble à s’y méprendre à la version native qui existe toujours et qui tourne toujours très bien sur la plupart des OS. Cela peut valoir le coup de donner une chance à ce langage pour les plus curieux. Beaucoup d’exemples ont déjà été portés et/ou réécrits depuis l’IDE de base qui en fournissait déjà pas mal. Le travail réalisé est déjà impressionnant et il y a fort à parier que cela va se stabiliser très vite.</p> <p class="rounded-lg font-bold border-2 py-2 pl-2 mt-8 bg-neutral-800" data-svelte-h="svelte-o6y0y"><a href="/articles">Revenir à l&#39;index</a></p></div></article></div> <div class="drawer-side no-scrollbar m-0" data-svelte-h="svelte-11ixv29"><label for="my-drawer-2" aria-label="close sidebar" class="drawer-overlay scrollbar-hide whitespace-nowrap overflow-hidden no-scrollbar"></label> <ul class="menu sidemenu-style no-scrollbar my-0"><li class="sideli"><a class="sidebar-link" href="/evenements">Évènements</a></li> <li class="sideli"><a class="sidebar-link" href="/membres">Membres</a></li> <li class="sideli"><a class="sidebar-link" href="/outils">Outils</a></li> <li class="sideli"><a class="sidebar-link" href="/guides">Guides</a></li> <li class="sideli"><a class="sidebar-link" href="/articles">Articles</a></li> <li class="sideli"><a class="sidebar-link" href="/reseaux">Réseaux</a></li> <li class="sideli"><a class="sidebar-link" href="/ressources">Ressources</a></li> <li class="sideli"><a class="sidebar-link" href="/presse">Presse</a></li> <li class="sideli"><a class="sidebar-link" href="/contacts">Contact</a></li></ul></div></div></main> <footer class="footer-style" data-svelte-h="svelte-1gkeg8z"><div class="flex justify-between"><p class="inline indent-4 text-bold text-white">Raphaël Forment</p> <p><a class="inline pl-4" href="https://github.com/Bubobubobubobubo/livecodingfr">GitHub</a></p></div></footer> 
+			
+			<script>
+				{
+					__sveltekit_1ea25rz = {
+						base: new URL("..", location).pathname.slice(0, -1),
+						env: null
+					};
+
+					const element = document.currentScript.parentElement;
+
+					const data = [{"type":"data","data":null,"uses":{}},null];
+
+					Promise.all([
+						import("../_app/immutable/entry/start.7mK6ds4R.js"),
+						import("../_app/immutable/entry/app.28j4vET8.js")
+					]).then(([kit, app]) => {
+						kit.start(app, element, {
+							node_ids: [0, 5],
+							data,
+							form: null,
+							error: null
+						});
+					});
+				}
+			</script>
+		</div>
+	</body>
+</html>

articles/ordinateur_tete.html

@@ -7,13 +7,13 @@
 		<meta name="theme-color" content="#ffffff">
 		
 		<link href="../_app/immutable/assets/0.x88-ymMa.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.ySJIsUgn.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.7mK6ds4R.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.aZRR5A_O.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.YQdz6ZW_.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.28j4vET8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/preload-helper.0HuHagjb.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.kYoizZ4A.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/0.qqbATDHs.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/5.VzW-0bpn.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/5.-9Z8G21p.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dynamic-import-helper.0gtGTknh.js">
 	</head>
 	<body data-sveltekit-preload-data="hover">
@@ -36,7 +36,7 @@ temps.</p> <p class="rounded-lg font-bold border-2 py-2 pl-2 mt-8 bg-neutral-800
 			
 			<script>
 				{
-					__sveltekit_1ijuhcn = {
+					__sveltekit_1ea25rz = {
 						base: new URL("..", location).pathname.slice(0, -1),
 						env: null
 					};
@@ -46,8 +46,8 @@ temps.</p> <p class="rounded-lg font-bold border-2 py-2 pl-2 mt-8 bg-neutral-800
 					const data = [{"type":"data","data":null,"uses":{}},null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.ySJIsUgn.js"),
-						import("../_app/immutable/entry/app.YQdz6ZW_.js")
+						import("../_app/immutable/entry/start.7mK6ds4R.js"),
+						import("../_app/immutable/entry/app.28j4vET8.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 5],

articles/renardo.html

@@ -7,13 +7,13 @@
 		<meta name="theme-color" content="#ffffff">
 		
 		<link href="../_app/immutable/assets/0.x88-ymMa.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.ySJIsUgn.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.7mK6ds4R.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.aZRR5A_O.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.YQdz6ZW_.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.28j4vET8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/preload-helper.0HuHagjb.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.kYoizZ4A.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/0.qqbATDHs.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/5.VzW-0bpn.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/5.-9Z8G21p.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dynamic-import-helper.0gtGTknh.js">
 	</head>
 	<body data-sveltekit-preload-data="hover">
@@ -21,7 +21,7 @@
 			
 			<script>
 				{
-					__sveltekit_1ijuhcn = {
+					__sveltekit_1ea25rz = {
 						base: new URL("..", location).pathname.slice(0, -1),
 						env: null
 					};
@@ -31,8 +31,8 @@
 					const data = [{"type":"data","data":null,"uses":{}},null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.ySJIsUgn.js"),
-						import("../_app/immutable/entry/app.YQdz6ZW_.js")
+						import("../_app/immutable/entry/start.7mK6ds4R.js"),
+						import("../_app/immutable/entry/app.28j4vET8.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 5],

articles/teletypecinqzero.html

@@ -7,13 +7,13 @@
 		<meta name="theme-color" content="#ffffff">
 		
 		<link href="../_app/immutable/assets/0.x88-ymMa.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.ySJIsUgn.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.7mK6ds4R.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.aZRR5A_O.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.YQdz6ZW_.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.28j4vET8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/preload-helper.0HuHagjb.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.kYoizZ4A.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/0.qqbATDHs.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/5.VzW-0bpn.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/5.-9Z8G21p.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dynamic-import-helper.0gtGTknh.js">
 	</head>
 	<body data-sveltekit-preload-data="hover">
@@ -33,7 +33,7 @@
 			
 			<script>
 				{
-					__sveltekit_1ijuhcn = {
+					__sveltekit_1ea25rz = {
 						base: new URL("..", location).pathname.slice(0, -1),
 						env: null
 					};
@@ -43,8 +43,8 @@
 					const data = [{"type":"data","data":null,"uses":{}},null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.ySJIsUgn.js"),
-						import("../_app/immutable/entry/app.YQdz6ZW_.js")
+						import("../_app/immutable/entry/start.7mK6ds4R.js"),
+						import("../_app/immutable/entry/app.28j4vET8.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 5],

contacts.html

@@ -7,9 +7,9 @@
 		<meta name="theme-color" content="#ffffff">
 		
 		<link href="./_app/immutable/assets/0.x88-ymMa.css" rel="stylesheet">
-		<link rel="modulepreload" href="./_app/immutable/entry/start.ySJIsUgn.js">
+		<link rel="modulepreload" href="./_app/immutable/entry/start.7mK6ds4R.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.aZRR5A_O.js">
-		<link rel="modulepreload" href="./_app/immutable/entry/app.YQdz6ZW_.js">
+		<link rel="modulepreload" href="./_app/immutable/entry/app.28j4vET8.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/preload-helper.0HuHagjb.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/index.kYoizZ4A.js">
 		<link rel="modulepreload" href="./_app/immutable/nodes/0.qqbATDHs.js">
@@ -21,7 +21,7 @@
 			
 			<script>
 				{
-					__sveltekit_1ijuhcn = {
+					__sveltekit_1ea25rz = {
 						base: new URL(".", location).pathname.slice(0, -1),
 						env: null
 					};
@@ -31,8 +31,8 @@
 					const data = [{"type":"data","data":null,"uses":{}},null];
 
 					Promise.all([
-						import("./_app/immutable/entry/start.ySJIsUgn.js"),
-						import("./_app/immutable/entry/app.YQdz6ZW_.js")
+						import("./_app/immutable/entry/start.7mK6ds4R.js"),
+						import("./_app/immutable/entry/app.28j4vET8.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 6],

evenements.html

@@ -7,9 +7,9 @@
 		<meta name="theme-color" content="#ffffff">
 		
 		<link href="./_app/immutable/assets/0.x88-ymMa.css" rel="stylesheet">
-		<link rel="modulepreload" href="./_app/immutable/entry/start.ySJIsUgn.js">
+		<link rel="modulepreload" href="./_app/immutable/entry/start.7mK6ds4R.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.aZRR5A_O.js">
-		<link rel="modulepreload" href="./_app/immutable/entry/app.YQdz6ZW_.js">
+		<link rel="modulepreload" href="./_app/immutable/entry/app.28j4vET8.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/preload-helper.0HuHagjb.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/index.kYoizZ4A.js">
 		<link rel="modulepreload" href="./_app/immutable/nodes/0.qqbATDHs.js">
@@ -22,7 +22,7 @@
 			
 			<script>
 				{
-					__sveltekit_1ijuhcn = {
+					__sveltekit_1ea25rz = {
 						base: new URL(".", location).pathname.slice(0, -1),
 						env: null
 					};
@@ -32,8 +32,8 @@
 					const data = [{"type":"data","data":null,"uses":{}},null];
 
 					Promise.all([
-						import("./_app/immutable/entry/start.ySJIsUgn.js"),
-						import("./_app/immutable/entry/app.YQdz6ZW_.js")
+						import("./_app/immutable/entry/start.7mK6ds4R.js"),
+						import("./_app/immutable/entry/app.28j4vET8.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 7],

guides.html

@@ -7,9 +7,9 @@
 		<meta name="theme-color" content="#ffffff">
 		
 		<link href="./_app/immutable/assets/0.x88-ymMa.css" rel="stylesheet">
-		<link rel="modulepreload" href="./_app/immutable/entry/start.ySJIsUgn.js">
+		<link rel="modulepreload" href="./_app/immutable/entry/start.7mK6ds4R.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.aZRR5A_O.js">
-		<link rel="modulepreload" href="./_app/immutable/entry/app.YQdz6ZW_.js">
+		<link rel="modulepreload" href="./_app/immutable/entry/app.28j4vET8.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/preload-helper.0HuHagjb.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/index.kYoizZ4A.js">
 		<link rel="modulepreload" href="./_app/immutable/nodes/0.qqbATDHs.js">
@@ -23,7 +23,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/api/guides">{"status":200,"statusText":"","headers":{},"body":"[{\"meta\":{\"title\":\"Introduction au live coding sur SuperCollider (I)\",\"author\":\"Raphaël Maurice Forment\",\"date\":\"2023-12-24\"},\"path\":\"/guides/livecoding_supercollider\"},{\"meta\":{\"title\":\"Comment ajouter des informations au site ?\",\"date\":\"2023-12-23\",\"author\":\"Raphaël Maurice Forment\"},\"path\":\"/guides/ajouter_information\"},{\"meta\":{\"title\":\"Introduction au live coding sur SuperCollider (II)\",\"author\":\"Raphaël Maurice Forment\",\"date\":\"2023-24-12\"},\"path\":\"/guides/livecoding_supercollider_2\"},{\"meta\":{\"title\":\"Comment proposer un guide ?\",\"date\":\"2023-12-22\",\"author\":\"Raphaël Maurice Forment\"},\"path\":\"/guides/proposer_guide\"}]"}</script>
 			<script>
 				{
-					__sveltekit_1ijuhcn = {
+					__sveltekit_1ea25rz = {
 						base: new URL(".", location).pathname.slice(0, -1),
 						env: null
 					};
@@ -33,8 +33,8 @@
 					const data = [{"type":"data","data":null,"uses":{}},null];
 
 					Promise.all([
-						import("./_app/immutable/entry/start.ySJIsUgn.js"),
-						import("./_app/immutable/entry/app.YQdz6ZW_.js")
+						import("./_app/immutable/entry/start.7mK6ds4R.js"),
+						import("./_app/immutable/entry/app.28j4vET8.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 8],

guides/ajouter_information.html

@@ -7,9 +7,9 @@
 		<meta name="theme-color" content="#ffffff">
 		
 		<link href="../_app/immutable/assets/0.x88-ymMa.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.ySJIsUgn.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.7mK6ds4R.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.aZRR5A_O.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.YQdz6ZW_.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.28j4vET8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/preload-helper.0HuHagjb.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.kYoizZ4A.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/0.qqbATDHs.js">
@@ -21,7 +21,7 @@
 			
 			<script>
 				{
-					__sveltekit_1ijuhcn = {
+					__sveltekit_1ea25rz = {
 						base: new URL("..", location).pathname.slice(0, -1),
 						env: null
 					};
@@ -31,8 +31,8 @@
 					const data = [{"type":"data","data":null,"uses":{}},null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.ySJIsUgn.js"),
-						import("../_app/immutable/entry/app.YQdz6ZW_.js")
+						import("../_app/immutable/entry/start.7mK6ds4R.js"),
+						import("../_app/immutable/entry/app.28j4vET8.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 9],

guides/livecoding_supercollider.html

@@ -7,9 +7,9 @@
 		<meta name="theme-color" content="#ffffff">
 		
 		<link href="../_app/immutable/assets/0.x88-ymMa.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.ySJIsUgn.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.7mK6ds4R.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.aZRR5A_O.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.YQdz6ZW_.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.28j4vET8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/preload-helper.0HuHagjb.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.kYoizZ4A.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/0.qqbATDHs.js">
@@ -92,7 +92,7 @@ synthétiseurs, effets pré-déclarés, etc. Nous y reviendrons.</p></article> <
 			
 			<script>
 				{
-					__sveltekit_1ijuhcn = {
+					__sveltekit_1ea25rz = {
 						base: new URL("..", location).pathname.slice(0, -1),
 						env: null
 					};
@@ -102,8 +102,8 @@ synthétiseurs, effets pré-déclarés, etc. Nous y reviendrons.</p></article> <
 					const data = [{"type":"data","data":null,"uses":{}},null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.ySJIsUgn.js"),
-						import("../_app/immutable/entry/app.YQdz6ZW_.js")
+						import("../_app/immutable/entry/start.7mK6ds4R.js"),
+						import("../_app/immutable/entry/app.28j4vET8.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 9],

guides/livecoding_supercollider_2.html

@@ -7,9 +7,9 @@
 		<meta name="theme-color" content="#ffffff">
 		
 		<link href="../_app/immutable/assets/0.x88-ymMa.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.ySJIsUgn.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.7mK6ds4R.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.aZRR5A_O.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.YQdz6ZW_.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.28j4vET8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/preload-helper.0HuHagjb.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.kYoizZ4A.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/0.qqbATDHs.js">
@@ -78,7 +78,7 @@ comme <code>.set</code> et <code>.xset</code>.</p> <h2 data-svelte-h="svelte-grw
 			
 			<script>
 				{
-					__sveltekit_1ijuhcn = {
+					__sveltekit_1ea25rz = {
 						base: new URL("..", location).pathname.slice(0, -1),
 						env: null
 					};
@@ -88,8 +88,8 @@ comme <code>.set</code> et <code>.xset</code>.</p> <h2 data-svelte-h="svelte-grw
 					const data = [{"type":"data","data":null,"uses":{}},null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.ySJIsUgn.js"),
-						import("../_app/immutable/entry/app.YQdz6ZW_.js")
+						import("../_app/immutable/entry/start.7mK6ds4R.js"),
+						import("../_app/immutable/entry/app.28j4vET8.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 9],

guides/proposer_guide.html

@@ -7,9 +7,9 @@
 		<meta name="theme-color" content="#ffffff">
 		
 		<link href="../_app/immutable/assets/0.x88-ymMa.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.ySJIsUgn.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.7mK6ds4R.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.aZRR5A_O.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.YQdz6ZW_.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.28j4vET8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/preload-helper.0HuHagjb.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.kYoizZ4A.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/0.qqbATDHs.js">
@@ -25,7 +25,7 @@
 			
 			<script>
 				{
-					__sveltekit_1ijuhcn = {
+					__sveltekit_1ea25rz = {
 						base: new URL("..", location).pathname.slice(0, -1),
 						env: null
 					};
@@ -35,8 +35,8 @@
 					const data = [{"type":"data","data":null,"uses":{}},null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.ySJIsUgn.js"),
-						import("../_app/immutable/entry/app.YQdz6ZW_.js")
+						import("../_app/immutable/entry/start.7mK6ds4R.js"),
+						import("../_app/immutable/entry/app.28j4vET8.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 9],

index.html

@@ -7,9 +7,9 @@
 		<meta name="theme-color" content="#ffffff">
 		
 		<link href="./_app/immutable/assets/0.x88-ymMa.css" rel="stylesheet">
-		<link rel="modulepreload" href="./_app/immutable/entry/start.ySJIsUgn.js">
+		<link rel="modulepreload" href="./_app/immutable/entry/start.7mK6ds4R.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.aZRR5A_O.js">
-		<link rel="modulepreload" href="./_app/immutable/entry/app.YQdz6ZW_.js">
+		<link rel="modulepreload" href="./_app/immutable/entry/app.28j4vET8.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/preload-helper.0HuHagjb.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/index.kYoizZ4A.js">
 		<link rel="modulepreload" href="./_app/immutable/nodes/0.qqbATDHs.js">
@@ -23,7 +23,7 @@
 			
 			<script>
 				{
-					__sveltekit_1ijuhcn = {
+					__sveltekit_1ea25rz = {
 						base: new URL(".", location).pathname.slice(0, -1),
 						env: null
 					};
@@ -33,8 +33,8 @@
 					const data = [{"type":"data","data":null,"uses":{}},null];
 
 					Promise.all([
-						import("./_app/immutable/entry/start.ySJIsUgn.js"),
-						import("./_app/immutable/entry/app.YQdz6ZW_.js")
+						import("./_app/immutable/entry/start.7mK6ds4R.js"),
+						import("./_app/immutable/entry/app.28j4vET8.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 2],

ressources.html

@@ -7,9 +7,9 @@
 		<meta name="theme-color" content="#ffffff">
 		
 		<link href="./_app/immutable/assets/0.x88-ymMa.css" rel="stylesheet">
-		<link rel="modulepreload" href="./_app/immutable/entry/start.ySJIsUgn.js">
+		<link rel="modulepreload" href="./_app/immutable/entry/start.7mK6ds4R.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.aZRR5A_O.js">
-		<link rel="modulepreload" href="./_app/immutable/entry/app.YQdz6ZW_.js">
+		<link rel="modulepreload" href="./_app/immutable/entry/app.28j4vET8.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/preload-helper.0HuHagjb.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/index.kYoizZ4A.js">
 		<link rel="modulepreload" href="./_app/immutable/nodes/0.qqbATDHs.js">
@@ -42,7 +42,7 @@ Foisonnant, infini, logiciel tentaculaire et puissant.</p></li></ul> <h2 data-sv
 			
 			<script>
 				{
-					__sveltekit_1ijuhcn = {
+					__sveltekit_1ea25rz = {
 						base: new URL(".", location).pathname.slice(0, -1),
 						env: null
 					};
@@ -52,8 +52,8 @@ Foisonnant, infini, logiciel tentaculaire et puissant.</p></li></ul> <h2 data-sv
 					const data = [{"type":"data","data":null,"uses":{}},null];
 
 					Promise.all([
-						import("./_app/immutable/entry/start.ySJIsUgn.js"),
-						import("./_app/immutable/entry/app.YQdz6ZW_.js")
+						import("./_app/immutable/entry/start.7mK6ds4R.js"),
+						import("./_app/immutable/entry/app.28j4vET8.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 14],