This commit is contained in:
Bubobubobubobubo
2024-02-08 19:49:14 +00:00
parent ac9af14964
commit 4a4ba92ae0
86 changed files with 167 additions and 167 deletions

File diff suppressed because one or more lines are too long

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

File diff suppressed because one or more lines are too long

Binary file not shown.

Binary file not shown.

File diff suppressed because one or more lines are too long

Binary file not shown.

Binary file not shown.

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

Binary file not shown.

Binary file not shown.

View File

@ -1 +1 @@
{"version":"1707421425377"}
{"version":"1707421689421"}

Binary file not shown.

Binary file not shown.

File diff suppressed because one or more lines are too long

Binary file not shown.

Binary file not shown.

View File

@ -6,25 +6,25 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#ffffff">
<link href="./_app/immutable/assets/0.Rw1B-n7e.css" rel="stylesheet">
<link rel="modulepreload" href="./_app/immutable/entry/start.f4KwB8qx.js">
<link href="./_app/immutable/assets/0.l8KqbJYT.css" rel="stylesheet">
<link rel="modulepreload" href="./_app/immutable/entry/start.gBT6nT66.js">
<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.aZRR5A_O.js">
<link rel="modulepreload" href="./_app/immutable/entry/app.btOcNQQ0.js">
<link rel="modulepreload" href="./_app/immutable/entry/app.GW7sfLa2.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.AhRC9Bc8.js">
<link rel="modulepreload" href="./_app/immutable/nodes/0.C9ml_luw.js">
<link rel="modulepreload" href="./_app/immutable/nodes/4.zY_OEHOP.js">
<link rel="modulepreload" href="./_app/immutable/chunks/each.-oqiv04n.js">
<link rel="modulepreload" href="./_app/immutable/chunks/Info.uQGne4yI.js">
<link rel="modulepreload" href="./_app/immutable/chunks/marked.esm.hS8hU7E4.js">
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents"> <div><div class="bg-neutral-800 dark:bg-base-300"><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" data-svelte-h="svelte-p2w7yu">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-gray-100 dark:bg-base-100"><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-base-300 dark:bg-base-300"><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"><!-- 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><li class="px-4 pb-4 my-4 rounded-lg bg-base-300 dark:bg-base-300 hover:bg-base-200 hover:dark:bg-base-200 border-1 border-color-base-100"><h2><a href="/articles/biset_blank.svelte">Biset Blank : un module VCVRack pour animer les performances de live coding </a></h2> <p class="pt-2">Publié le : 2024-08-02 par Raphaël Maurice Forment</p> </li><li class="px-4 pb-4 my-4 rounded-lg bg-base-300 dark:bg-base-300 hover:bg-base-200 hover:dark:bg-base-200 border-1 border-color-base-100"><h2><a href="/articles/renardo.svelte">Premières versions de Renardo </a></h2> <p class="pt-2">Publié le : 2024-03-02 par Raphaël Maurice Forment</p> </li><li class="px-4 pb-4 my-4 rounded-lg bg-base-300 dark:bg-base-300 hover:bg-base-200 hover:dark:bg-base-200 border-1 border-color-base-100"><h2><a href="/articles/teletypecinqzero.svelte">Teletype 5.0 </a></h2> <p class="pt-2">Publié le : 2024-03-02 par Raphaël Maurice Forment</p> </li><li class="px-4 pb-4 my-4 rounded-lg bg-base-300 dark:bg-base-300 hover:bg-base-200 hover:dark:bg-base-200 border-1 border-color-base-100"><h2><a href="/articles/apropos.svelte">À propos des articles </a></h2> <p class="pt-2">Publié le : 2024-01-01 par Raphaël Maurice Forment</p> </li></ul></div> <div class="drawer-side" data-svelte-h="svelte-17zhvxi"><label for="my-drawer-2" aria-label="close sidebar" class="drawer-overlay scrollbar-hide whitespace-nowrap overflow-hidden"></label> <ul class="menu sidemenu-style"><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>
<div style="display: contents"> <div><div class="bg-neutral-800 dark:bg-base-300"><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" data-svelte-h="svelte-p2w7yu">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-gray-100 dark:bg-base-100"><div class="drawer lg:drawer-open"><input id="my-drawer-2" type="checkbox" class="drawer-toggle"> <div class="drawer-content space-y-0 flex flex-col lg:px-16 px-4 py-8"><h1 data-svelte-h="svelte-a2vclf">Articles</h1> <div class="alert bg-base-300 dark:bg-base-300"><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"><!-- 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><li class="px-4 pb-4 my-4 rounded-lg bg-base-300 dark:bg-base-300 hover:bg-base-200 hover:dark:bg-base-200 border-1 border-color-base-100"><h2><a href="/articles/biset_blank.svelte">Biset Blank : un module VCVRack pour animer les performances de live coding </a></h2> <p class="pt-2">Publié le : 2024-08-02 par Raphaël Maurice Forment</p> </li><li class="px-4 pb-4 my-4 rounded-lg bg-base-300 dark:bg-base-300 hover:bg-base-200 hover:dark:bg-base-200 border-1 border-color-base-100"><h2><a href="/articles/renardo.svelte">Premières versions de Renardo </a></h2> <p class="pt-2">Publié le : 2024-03-02 par Raphaël Maurice Forment</p> </li><li class="px-4 pb-4 my-4 rounded-lg bg-base-300 dark:bg-base-300 hover:bg-base-200 hover:dark:bg-base-200 border-1 border-color-base-100"><h2><a href="/articles/teletypecinqzero.svelte">Teletype 5.0 </a></h2> <p class="pt-2">Publié le : 2024-03-02 par Raphaël Maurice Forment</p> </li><li class="px-4 pb-4 my-4 rounded-lg bg-base-300 dark:bg-base-300 hover:bg-base-200 hover:dark:bg-base-200 border-1 border-color-base-100"><h2><a href="/articles/apropos.svelte">À propos des articles </a></h2> <p class="pt-2">Publié le : 2024-01-01 par Raphaël Maurice Forment</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\":\"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.svelte\"},{\"meta\":{\"title\":\"Premières versions de Renardo\",\"author\":\"Raphaël Maurice Forment\",\"date\":\"2024-03-02\"},\"path\":\"/articles/renardo.svelte\"},{\"meta\":{\"title\":\"Teletype 5.0\",\"author\":\"Raphaël Maurice Forment\",\"date\":\"2024-03-02\"},\"path\":\"/articles/teletypecinqzero.svelte\"},{\"meta\":{\"title\":\"À propos des articles\",\"author\":\"Raphaël Maurice Forment\",\"date\":\"2024-01-01\"},\"path\":\"/articles/apropos.svelte\"}]"}</script>
<script>
{
__sveltekit_9v9dg3 = {
__sveltekit_7une0j = {
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.f4KwB8qx.js"),
import("./_app/immutable/entry/app.btOcNQQ0.js")
import("./_app/immutable/entry/start.gBT6nT66.js"),
import("./_app/immutable/entry/app.GW7sfLa2.js")
]).then(([kit, app]) => {
kit.start(app, element, {
node_ids: [0, 4],

Binary file not shown.

Binary file not shown.

View File

@ -6,26 +6,26 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#ffffff">
<link href="../_app/immutable/assets/0.Rw1B-n7e.css" rel="stylesheet">
<link rel="modulepreload" href="../_app/immutable/entry/start.f4KwB8qx.js">
<link href="../_app/immutable/assets/0.l8KqbJYT.css" rel="stylesheet">
<link rel="modulepreload" href="../_app/immutable/entry/start.gBT6nT66.js">
<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.aZRR5A_O.js">
<link rel="modulepreload" href="../_app/immutable/entry/app.btOcNQQ0.js">
<link rel="modulepreload" href="../_app/immutable/entry/app.GW7sfLa2.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.AhRC9Bc8.js">
<link rel="modulepreload" href="../_app/immutable/nodes/0.C9ml_luw.js">
<link rel="modulepreload" href="../_app/immutable/nodes/5.UxBDKmos.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 dark:bg-base-300"><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" data-svelte-h="svelte-p2w7yu">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-gray-100 dark:bg-base-100"><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>À propos des articles</h1> <div class="pt-4 flex justify-between mb-12"><p class="inline font-bold">Publié le : 2024-01-01</p> <p class="inline font-bold">Auteur : Raphaël Maurice Forment</p></div> <div class="px-12 content-center"><p data-svelte-h="svelte-1ewuhfv">Cette section sert pour héberger des articles généralistes en lien avec le <em>live
<div style="display: contents"> <div><div class="bg-neutral-800 dark:bg-base-300"><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" data-svelte-h="svelte-p2w7yu">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-gray-100 dark:bg-base-100"><div class="drawer lg:drawer-open"><input id="my-drawer-2" type="checkbox" class="drawer-toggle"> <div class="drawer-content space-y-0 flex flex-col lg:px-16 px-4 py-8"><article><h1>À propos des articles</h1> <div class="pt-4 flex justify-between mb-12"><p class="inline font-bold">Publié le : 2024-01-01</p> <p class="inline font-bold">Auteur : Raphaël Maurice Forment</p></div> <div class="px-12 content-center"><p data-svelte-h="svelte-1ewuhfv">Cette section sert pour héberger des articles généralistes en lien avec le <em>live
coding</em>. Il peut sagir du compte-rendu dun évènement, dun article à propos
dun nouveau logiciel, dune réflexion sur un sujet, etc. La méthode à suivre
pour publier un article est détaillée dans la section <a href="/guides">Guides</a>. Le
fonctionnement est similaire.</p></div></article></div> <div class="drawer-side" data-svelte-h="svelte-17zhvxi"><label for="my-drawer-2" aria-label="close sidebar" class="drawer-overlay scrollbar-hide whitespace-nowrap overflow-hidden"></label> <ul class="menu sidemenu-style"><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>
fonctionnement est similaire.</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_9v9dg3 = {
__sveltekit_7une0j = {
base: new URL("..", location).pathname.slice(0, -1),
env: null
};
@ -35,8 +35,8 @@ fonctionnement est similaire.</p></div></article></div> <div class="drawer-side"
const data = [{"type":"data","data":null,"uses":{}},null];
Promise.all([
import("../_app/immutable/entry/start.f4KwB8qx.js"),
import("../_app/immutable/entry/app.btOcNQQ0.js")
import("../_app/immutable/entry/start.gBT6nT66.js"),
import("../_app/immutable/entry/app.GW7sfLa2.js")
]).then(([kit, app]) => {
kit.start(app, element, {
node_ids: [0, 5],

Binary file not shown.

Binary file not shown.

View File

@ -6,18 +6,18 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#ffffff">
<link href="../_app/immutable/assets/0.Rw1B-n7e.css" rel="stylesheet">
<link rel="modulepreload" href="../_app/immutable/entry/start.f4KwB8qx.js">
<link href="../_app/immutable/assets/0.l8KqbJYT.css" rel="stylesheet">
<link rel="modulepreload" href="../_app/immutable/entry/start.gBT6nT66.js">
<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.aZRR5A_O.js">
<link rel="modulepreload" href="../_app/immutable/entry/app.btOcNQQ0.js">
<link rel="modulepreload" href="../_app/immutable/entry/app.GW7sfLa2.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.AhRC9Bc8.js">
<link rel="modulepreload" href="../_app/immutable/nodes/0.C9ml_luw.js">
<link rel="modulepreload" href="../_app/immutable/nodes/5.UxBDKmos.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 dark:bg-base-300"><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" data-svelte-h="svelte-p2w7yu">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-gray-100 dark:bg-base-100"><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>Biset Blank : un module VCVRack pour animer les performances de live coding</h1> <div class="pt-4 flex justify-between mb-12"><p class="inline font-bold">Publié le : 2024-08-02</p> <p class="inline font-bold">Auteur : Raphaël Maurice Forment</p></div> <div class="px-12 content-center"><div class="grid grid-cols-5 h-screen" data-svelte-h="svelte-jd9maq"><div class="pr-4"><img src="https://library.vcvrack.com/screenshots/200/Biset/Biset-Blank.png"></div> <div class="col-span-4"><p>Sébastien Huertas (<a href="https://github.com/gibbonjoyeux">gibbonJoyeux</a>) est l&#39;auteur de plusieurs modules pour l&#39;environnement
<div style="display: contents"> <div><div class="bg-neutral-800 dark:bg-base-300"><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" data-svelte-h="svelte-p2w7yu">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-gray-100 dark:bg-base-100"><div class="drawer lg:drawer-open"><input id="my-drawer-2" type="checkbox" class="drawer-toggle"> <div class="drawer-content space-y-0 flex flex-col lg:px-16 px-4 py-8"><article><h1>Biset Blank : un module VCVRack pour animer les performances de live coding</h1> <div class="pt-4 flex justify-between mb-12"><p class="inline font-bold">Publié le : 2024-08-02</p> <p class="inline font-bold">Auteur : Raphaël Maurice Forment</p></div> <div class="px-12 content-center"><div class="grid grid-cols-5 h-screen" data-svelte-h="svelte-jd9maq"><div class="pr-4"><img src="https://library.vcvrack.com/screenshots/200/Biset/Biset-Blank.png"></div> <div class="col-span-4"><p>Sébastien Huertas (<a href="https://github.com/gibbonjoyeux">gibbonJoyeux</a>) est l&#39;auteur de plusieurs modules pour l&#39;environnement
<a href="https://vcvrack.com/">VCVRack</a>. Ses modules permettent de <i>live coder</i> <b>VCVRack </b>par le biais d&#39;un langage spécialisé inspiré de la syntaxe des expressions
régulières : <a href="https://library.vcvrack.com/?brand=Biset">Biset Regex</a>. Il est
aussi l&#39;auteur d&#39;un module <a href="https://en.wikipedia.org/wiki/Music_tracker">tracker</a> et de nombreux utilitaires permettant de faire de <b>VCV </b>un écosystème plus pertinent pour l&#39;écriture musicale ou pour l&#39;improvisation. Il a dernièrement publié un module en apparence trompeur, <a href="https://library.vcvrack.com/Biset/Biset-Blank">Blank</a>. Un module <i>blank</i>, dans le jargon propre aux synthétiseurs modulaires, est d&#39;ordinaire un module utilisé en lieu et place d&#39;un véritable module. Il permet de combler un vide, de ne pas laisser une partie d&#39;un rack exposée à la poussière ou à la chute accidentelle des objets sur l&#39;alimentation électrique. Il peut aussi être utilisé de manière créative pour décorer un synthétiseur, comme en témoigne ce magnifique pigeon.</p> <br> <p>Le <b>Blank</b> dont il est ici question modifie le comportement global de
@ -27,11 +27,11 @@ aussi l&#39;auteur d&#39;un module <a href="https://en.wikipedia.org/wiki/Music_
permet de comprendre plus facilement le type de signaux utilisés et la nature des signaux qui transitent pour chaque connexion. Pour l&#39;apprentissage ou la pédagogie, ce module remplace
aisément l&#39;utilisation d&#39;un oscilloscope dédié. Passer la souris
sur une connexion affiche aussi un oscilloscope dans une fenêtre <i>popup</i>. Le module est également relativement économe en ressources, ce qui est toujours un plus !</p> <br> <img src="../images/bisetblank.gif" alt="Biset Blank" style="display:block;margin-left:auto;margin-right:auto;max-width:1000px;width:75%"> <p>Ce module a initialement été conçu pour offrir un meilleur retour visuel au public lors des performances de <i>live coding</i>. Son utilité dépasse désormais ce seul contexte. Félicitations à gibbonJoyeux pour son travail sur l&#39;écosystème
VCVRack.</p></div></div></div></article></div> <div class="drawer-side" data-svelte-h="svelte-17zhvxi"><label for="my-drawer-2" aria-label="close sidebar" class="drawer-overlay scrollbar-hide whitespace-nowrap overflow-hidden"></label> <ul class="menu sidemenu-style"><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>
VCVRack.</p></div></div></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_9v9dg3 = {
__sveltekit_7une0j = {
base: new URL("..", location).pathname.slice(0, -1),
env: null
};
@ -41,8 +41,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.f4KwB8qx.js"),
import("../_app/immutable/entry/app.btOcNQQ0.js")
import("../_app/immutable/entry/start.gBT6nT66.js"),
import("../_app/immutable/entry/app.GW7sfLa2.js")
]).then(([kit, app]) => {
kit.start(app, element, {
node_ids: [0, 5],

Binary file not shown.

Binary file not shown.

File diff suppressed because one or more lines are too long

Binary file not shown.

Binary file not shown.

File diff suppressed because one or more lines are too long

View File

@ -6,22 +6,22 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#ffffff">
<link href="./_app/immutable/assets/0.Rw1B-n7e.css" rel="stylesheet">
<link rel="modulepreload" href="./_app/immutable/entry/start.f4KwB8qx.js">
<link href="./_app/immutable/assets/0.l8KqbJYT.css" rel="stylesheet">
<link rel="modulepreload" href="./_app/immutable/entry/start.gBT6nT66.js">
<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.aZRR5A_O.js">
<link rel="modulepreload" href="./_app/immutable/entry/app.btOcNQQ0.js">
<link rel="modulepreload" href="./_app/immutable/entry/app.GW7sfLa2.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.AhRC9Bc8.js">
<link rel="modulepreload" href="./_app/immutable/nodes/0.C9ml_luw.js">
<link rel="modulepreload" href="./_app/immutable/nodes/6.UVEywxfC.js">
<link rel="modulepreload" href="./_app/immutable/chunks/marked.esm.hS8hU7E4.js"><title>Contact</title><!-- HEAD_svelte-1y6bndz_START --><!-- HEAD_svelte-1y6bndz_END -->
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents"> <div><div class="bg-neutral-800 dark:bg-base-300"><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" data-svelte-h="svelte-p2w7yu">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-gray-100 dark:bg-base-100"><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-tbczl2">Contact</h1> <p data-svelte-h="svelte-14pxfkf"><a href="https://livecoding.fr" rel="nofollow">Livecoding.fr</a> nest ni un collectif ni une organisation. Lobjectif de ce site est uniquement de centraliser linformation et de donner plus de visibilité à la scène <i>live coding</i> francophone. Pour discuter et rencontre des <em>live coders</em> francophones, voici quelques liens :</p> <div class="pl-8" data-svelte-h="svelte-kbttm2"><ul><li><a href="https://discord.gg/VZQGhUC" rel="nofollow">Cookie Collective</a> (Discord) : Discord du collectif parisien Cookie Collective, rassemble beaucoup de <em>live coders</em>.</li> <li><a href="https://discord.gg/zwjmAaeEAH" rel="nofollow">Creative Code Lyon</a> (Discord) : Discord du groupe <em>Creative Code Lyon</em> pour lest/sud-est de la France.</li> <li><a href="https://discord.gg/jtYGAsUggT" rel="nofollow">TOPLAP</a> (Discord) : Collectif international <a href="https://toplap.org" rel="nofollow">TOPLAP</a>, avec des sections francophones.</li> <li>Mais aussi, contacter individuellement des artistes et <em>performers</em>.</li></ul></div></div> <div class="drawer-side" data-svelte-h="svelte-17zhvxi"><label for="my-drawer-2" aria-label="close sidebar" class="drawer-overlay scrollbar-hide whitespace-nowrap overflow-hidden"></label> <ul class="menu sidemenu-style"><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>
<div style="display: contents"> <div><div class="bg-neutral-800 dark:bg-base-300"><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" data-svelte-h="svelte-p2w7yu">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-gray-100 dark:bg-base-100"><div class="drawer lg:drawer-open"><input id="my-drawer-2" type="checkbox" class="drawer-toggle"> <div class="drawer-content space-y-0 flex flex-col lg:px-16 px-4 py-8"> <h1 data-svelte-h="svelte-tbczl2">Contact</h1> <p data-svelte-h="svelte-14pxfkf"><a href="https://livecoding.fr" rel="nofollow">Livecoding.fr</a> nest ni un collectif ni une organisation. Lobjectif de ce site est uniquement de centraliser linformation et de donner plus de visibilité à la scène <i>live coding</i> francophone. Pour discuter et rencontre des <em>live coders</em> francophones, voici quelques liens :</p> <div class="pl-8" data-svelte-h="svelte-kbttm2"><ul><li><a href="https://discord.gg/VZQGhUC" rel="nofollow">Cookie Collective</a> (Discord) : Discord du collectif parisien Cookie Collective, rassemble beaucoup de <em>live coders</em>.</li> <li><a href="https://discord.gg/zwjmAaeEAH" rel="nofollow">Creative Code Lyon</a> (Discord) : Discord du groupe <em>Creative Code Lyon</em> pour lest/sud-est de la France.</li> <li><a href="https://discord.gg/jtYGAsUggT" rel="nofollow">TOPLAP</a> (Discord) : Collectif international <a href="https://toplap.org" rel="nofollow">TOPLAP</a>, avec des sections francophones.</li> <li>Mais aussi, contacter individuellement des artistes et <em>performers</em>.</li></ul></div></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_9v9dg3 = {
__sveltekit_7une0j = {
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.f4KwB8qx.js"),
import("./_app/immutable/entry/app.btOcNQQ0.js")
import("./_app/immutable/entry/start.gBT6nT66.js"),
import("./_app/immutable/entry/app.GW7sfLa2.js")
]).then(([kit, app]) => {
kit.start(app, element, {
node_ids: [0, 6],

Binary file not shown.

Binary file not shown.

View File

@ -6,23 +6,23 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#ffffff">
<link href="./_app/immutable/assets/0.Rw1B-n7e.css" rel="stylesheet">
<link rel="modulepreload" href="./_app/immutable/entry/start.f4KwB8qx.js">
<link href="./_app/immutable/assets/0.l8KqbJYT.css" rel="stylesheet">
<link rel="modulepreload" href="./_app/immutable/entry/start.gBT6nT66.js">
<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.aZRR5A_O.js">
<link rel="modulepreload" href="./_app/immutable/entry/app.btOcNQQ0.js">
<link rel="modulepreload" href="./_app/immutable/entry/app.GW7sfLa2.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.AhRC9Bc8.js">
<link rel="modulepreload" href="./_app/immutable/nodes/0.C9ml_luw.js">
<link rel="modulepreload" href="./_app/immutable/nodes/7.DwDkCddE.js">
<link rel="modulepreload" href="./_app/immutable/chunks/Info.uQGne4yI.js">
<link rel="modulepreload" href="./_app/immutable/chunks/marked.esm.hS8hU7E4.js"><title>Évènements</title><!-- HEAD_svelte-1ihunsg_START --><!-- HEAD_svelte-1ihunsg_END -->
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents"> <div><div class="bg-neutral-800 dark:bg-base-300"><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" data-svelte-h="svelte-p2w7yu">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-gray-100 dark:bg-base-100"><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-vpqc01">Évènements</h1> <div class="alert bg-base-300 dark:bg-base-300"><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"><!-- HTML_TAG_START -->Cette page recense tout les évènements dédiés au <i>live coding</i> organisés par la scène francophone. Ajoutez vos évènements. N'oubliez pas de fournir un lien si possible. Renseignez les évènements avec quelques photographies ou captations pour faciliter l'archivage !<!-- HTML_TAG_END --></span></div> <h2 data-svelte-h="svelte-1olz5c9">Agenda du Cookie Collective</h2> <iframe width="100%" height="700" src="https://framagenda.org/apps/calendar/embed/zpDjE9gGFeFZAmdz"></iframe></div> <div class="drawer-side" data-svelte-h="svelte-17zhvxi"><label for="my-drawer-2" aria-label="close sidebar" class="drawer-overlay scrollbar-hide whitespace-nowrap overflow-hidden"></label> <ul class="menu sidemenu-style"><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>
<div style="display: contents"> <div><div class="bg-neutral-800 dark:bg-base-300"><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" data-svelte-h="svelte-p2w7yu">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-gray-100 dark:bg-base-100"><div class="drawer lg:drawer-open"><input id="my-drawer-2" type="checkbox" class="drawer-toggle"> <div class="drawer-content space-y-0 flex flex-col lg:px-16 px-4 py-8"> <h1 data-svelte-h="svelte-vpqc01">Évènements</h1> <div class="alert bg-base-300 dark:bg-base-300"><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"><!-- HTML_TAG_START -->Cette page recense tout les évènements dédiés au <i>live coding</i> organisés par la scène francophone. Ajoutez vos évènements. N'oubliez pas de fournir un lien si possible. Renseignez les évènements avec quelques photographies ou captations pour faciliter l'archivage !<!-- HTML_TAG_END --></span></div> <h2 data-svelte-h="svelte-1olz5c9">Agenda du Cookie Collective</h2> <iframe width="100%" height="700" src="https://framagenda.org/apps/calendar/embed/zpDjE9gGFeFZAmdz"></iframe></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_9v9dg3 = {
__sveltekit_7une0j = {
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.f4KwB8qx.js"),
import("./_app/immutable/entry/app.btOcNQQ0.js")
import("./_app/immutable/entry/start.gBT6nT66.js"),
import("./_app/immutable/entry/app.GW7sfLa2.js")
]).then(([kit, app]) => {
kit.start(app, element, {
node_ids: [0, 7],

Binary file not shown.

Binary file not shown.

File diff suppressed because one or more lines are too long

Binary file not shown.

Binary file not shown.

View File

@ -6,22 +6,22 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#ffffff">
<link href="../_app/immutable/assets/0.Rw1B-n7e.css" rel="stylesheet">
<link rel="modulepreload" href="../_app/immutable/entry/start.f4KwB8qx.js">
<link href="../_app/immutable/assets/0.l8KqbJYT.css" rel="stylesheet">
<link rel="modulepreload" href="../_app/immutable/entry/start.gBT6nT66.js">
<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.aZRR5A_O.js">
<link rel="modulepreload" href="../_app/immutable/entry/app.btOcNQQ0.js">
<link rel="modulepreload" href="../_app/immutable/entry/app.GW7sfLa2.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.AhRC9Bc8.js">
<link rel="modulepreload" href="../_app/immutable/nodes/0.C9ml_luw.js">
<link rel="modulepreload" href="../_app/immutable/nodes/9.g1YyXmWB.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 dark:bg-base-300"><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" data-svelte-h="svelte-p2w7yu">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-gray-100 dark:bg-base-100"><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>Comment ajouter des informations au site ?</h1> <div class="pt-4 flex justify-between mb-12"><p class="inline font-bold">Publié le : 2023-12-23</p> <p class="inline font-bold">Auteur : Raphaël Maurice Forment</p></div> <div class="lg:px-24 md:px-12 content-center"><article><p data-svelte-h="svelte-1r1wqsk">Ce site est conçu pour être rapidement mis à jour par la communauté des <em>live coders</em> francophones. Chaque section est construite automatiquement à partir des données mises à disposition par chacun : <strong>Évènements</strong>, <strong>Membres</strong>, <strong>Outils</strong>, <strong>Guides</strong>, <strong>Réseaux</strong>, <strong>Resources</strong>, <strong>Presse</strong>, etc. En séparant les données de la mise en page, cela permet au site dévoluer rapidement et indépendamment des données amassées :)</p> <h2 data-svelte-h="svelte-17idpzd">Où se situent les données ?</h2> <p data-svelte-h="svelte-1wkphp0">Les données sont intégrées à la source du site :</p> <div class="pl-8 mt-4" data-svelte-h="svelte-p5v4nz"><p>1) Rendez-vous sur le <a href="https://github" rel="nofollow">dépôt</a> dans le dossier <code>lib/data</code> : <a href="https://github.com/Bubobubobubobubo/livecodingfr/tree/main/src/lib/data" rel="nofollow">ici</a>.</p> <p>2) Vous y trouverez un fichier <strong>JSON</strong> pour chaque section du site.</p> <p>3) Éditez depuis léditeur intégré de GitHub ou modifiez en local.</p> <p>4) Soumettez vos changements, attendez la mise à jour du site !</p></div> <h2 data-svelte-h="svelte-aapbly">Où se situent les guides ?</h2> <p data-svelte-h="svelte-q9p27">Les guides répondent à un format différent. Il existe <a href="/guides/proposer_guide">un autre article</a> qui vous guidera pour en créer/modifier un guide.</p></article></div></article></div> <div class="drawer-side" data-svelte-h="svelte-17zhvxi"><label for="my-drawer-2" aria-label="close sidebar" class="drawer-overlay scrollbar-hide whitespace-nowrap overflow-hidden"></label> <ul class="menu sidemenu-style"><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>
<div style="display: contents"> <div><div class="bg-neutral-800 dark:bg-base-300"><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" data-svelte-h="svelte-p2w7yu">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-gray-100 dark:bg-base-100"><div class="drawer lg:drawer-open"><input id="my-drawer-2" type="checkbox" class="drawer-toggle"> <div class="drawer-content space-y-0 flex flex-col lg:px-16 px-4 py-8"><article><h1>Comment ajouter des informations au site ?</h1> <div class="pt-4 flex justify-between mb-12"><p class="inline font-bold">Publié le : 2023-12-23</p> <p class="inline font-bold">Auteur : Raphaël Maurice Forment</p></div> <div class="lg:px-24 md:px-12 content-center"><article><p data-svelte-h="svelte-1r1wqsk">Ce site est conçu pour être rapidement mis à jour par la communauté des <em>live coders</em> francophones. Chaque section est construite automatiquement à partir des données mises à disposition par chacun : <strong>Évènements</strong>, <strong>Membres</strong>, <strong>Outils</strong>, <strong>Guides</strong>, <strong>Réseaux</strong>, <strong>Resources</strong>, <strong>Presse</strong>, etc. En séparant les données de la mise en page, cela permet au site dévoluer rapidement et indépendamment des données amassées :)</p> <h2 data-svelte-h="svelte-17idpzd">Où se situent les données ?</h2> <p data-svelte-h="svelte-1wkphp0">Les données sont intégrées à la source du site :</p> <div class="pl-8 mt-4" data-svelte-h="svelte-p5v4nz"><p>1) Rendez-vous sur le <a href="https://github" rel="nofollow">dépôt</a> dans le dossier <code>lib/data</code> : <a href="https://github.com/Bubobubobubobubo/livecodingfr/tree/main/src/lib/data" rel="nofollow">ici</a>.</p> <p>2) Vous y trouverez un fichier <strong>JSON</strong> pour chaque section du site.</p> <p>3) Éditez depuis léditeur intégré de GitHub ou modifiez en local.</p> <p>4) Soumettez vos changements, attendez la mise à jour du site !</p></div> <h2 data-svelte-h="svelte-aapbly">Où se situent les guides ?</h2> <p data-svelte-h="svelte-q9p27">Les guides répondent à un format différent. Il existe <a href="/guides/proposer_guide">un autre article</a> qui vous guidera pour en créer/modifier un guide.</p></article></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_9v9dg3 = {
__sveltekit_7une0j = {
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.f4KwB8qx.js"),
import("../_app/immutable/entry/app.btOcNQQ0.js")
import("../_app/immutable/entry/start.gBT6nT66.js"),
import("../_app/immutable/entry/app.GW7sfLa2.js")
]).then(([kit, app]) => {
kit.start(app, element, {
node_ids: [0, 9],

Binary file not shown.

Binary file not shown.

File diff suppressed because one or more lines are too long

View File

@ -6,18 +6,18 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#ffffff">
<link href="../_app/immutable/assets/0.Rw1B-n7e.css" rel="stylesheet">
<link rel="modulepreload" href="../_app/immutable/entry/start.f4KwB8qx.js">
<link href="../_app/immutable/assets/0.l8KqbJYT.css" rel="stylesheet">
<link rel="modulepreload" href="../_app/immutable/entry/start.gBT6nT66.js">
<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.aZRR5A_O.js">
<link rel="modulepreload" href="../_app/immutable/entry/app.btOcNQQ0.js">
<link rel="modulepreload" href="../_app/immutable/entry/app.GW7sfLa2.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.AhRC9Bc8.js">
<link rel="modulepreload" href="../_app/immutable/nodes/0.C9ml_luw.js">
<link rel="modulepreload" href="../_app/immutable/nodes/9.g1YyXmWB.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 dark:bg-base-300"><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" data-svelte-h="svelte-p2w7yu">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-gray-100 dark:bg-base-100"><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>Introduction au live coding sur SuperCollider (II)</h1> <div class="pt-4 flex justify-between mb-12"><p class="inline font-bold">Publié le : 2023-24-12</p> <p class="inline font-bold">Auteur : Raphaël Maurice Forment</p></div> <div class="lg:px-24 md:px-12 content-center"><article><h2 data-svelte-h="svelte-1ukekoe">Introduction</h2> <h3 data-svelte-h="svelte-tla2tn">Le labyrinthe <strong>SuperCollider</strong></h3> <div style="margin-bottom:100px" data-svelte-h="svelte-u3kyqm"><br> <div><a href="https://www.instagram.com/p/CtHWU0fuOKd/"><img style="min-width: 200px;width:30%;height:auto;float:inline-end;padding-right:20px;margin-left:20px" src="/images/supercollider_meme.png"></a></div> <p>Si vous avez lu et suivi le premier article, tout est en place et vous devriez
<div style="display: contents"> <div><div class="bg-neutral-800 dark:bg-base-300"><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" data-svelte-h="svelte-p2w7yu">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-gray-100 dark:bg-base-100"><div class="drawer lg:drawer-open"><input id="my-drawer-2" type="checkbox" class="drawer-toggle"> <div class="drawer-content space-y-0 flex flex-col lg:px-16 px-4 py-8"><article><h1>Introduction au live coding sur SuperCollider (II)</h1> <div class="pt-4 flex justify-between mb-12"><p class="inline font-bold">Publié le : 2023-24-12</p> <p class="inline font-bold">Auteur : Raphaël Maurice Forment</p></div> <div class="lg:px-24 md:px-12 content-center"><article><h2 data-svelte-h="svelte-1ukekoe">Introduction</h2> <h3 data-svelte-h="svelte-tla2tn">Le labyrinthe <strong>SuperCollider</strong></h3> <div style="margin-bottom:100px" data-svelte-h="svelte-u3kyqm"><br> <div><a href="https://www.instagram.com/p/CtHWU0fuOKd/"><img style="min-width: 200px;width:30%;height:auto;float:inline-end;padding-right:20px;margin-left:20px" src="/images/supercollider_meme.png"></a></div> <p>Si vous avez lu et suivi le premier article, tout est en place et vous devriez
maintenant être prêt à jouer. Lune des qualités mais aussi lun des défauts de <strong>SuperCollider</strong> est de ne
pas vous astreindre à suivre une route particulière concernant la manière dont il vous faut approcher la création sonore lorsque vous débutez. Le logiciel est extrêmement générique et chaque
utilisateur développe progressivement ses propres abstractions et une logique qui lui est propre. Il existe plusieurs dizaines de mécanismes
@ -74,11 +74,11 @@ aussi être une stratégie intéressante dans certains cas.</p> <h2 data-svelte-
<span class="token operator">~</span>source<span class="token punctuation">.</span><span class="token function">set</span><span class="token punctuation">(</span> req<span class="token punctuation">,</span> <span class="token number">300</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// On peut utiliser set pour une valeur statique</span>
<span class="token operator">~</span>freq <span class="token operator">=</span> <span class="token punctuation">&#123;</span> SinOsc<span class="token punctuation">.</span><span class="token function">ar</span><span class="token punctuation">(</span><span class="token number">1</span><span class="token operator">/</span><span class="token number">2</span><span class="token punctuation">)</span> <span class="token operator">*</span> <span class="token number">400</span> <span class="token punctuation">&#125;</span><span class="token punctuation">;</span> <span class="token comment">// Voici un LFO (Low Frequency Oscillator)</span>
<span class="token operator">~</span>source<span class="token punctuation">.</span><span class="token function">map</span><span class="token punctuation">(</span>\freq<span class="token punctuation">,</span> <span class="token operator">~</span>freq<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// Utilisation de la fonction map</span></code><!-- HTML_TAG_END --></pre> <p data-svelte-h="svelte-548767"><code>.map</code> possède une fonction alternative, nommée <code>.xmap</code>. Elle fonctionne tout
comme <code>.set</code> et <code>.xset</code>.</p> <h2 data-svelte-h="svelte-grw4hp">Conclusion</h2> <p data-svelte-h="svelte-v1qoh8">Dans cette section du guide, nous avons appris :</p> <ul data-svelte-h="svelte-ax6drr"><li>Ce quest un <code>NodeProxy</code> et un <code>ProxySpace</code>, loutil de base offert par <strong>JITLib</strong></li> <li>La différence entre <code>ProxySpace.push</code> et lutilisation explicite des <code>NDefs</code></li> <li>Comment démarrer, stopper et arrêter un <code>NodeProxy</code></li> <li>Comment contrôler le <em>fade-in</em> et le <em>fade-out</em> et la transition entre algorithmes</li></ul> <p data-svelte-h="svelte-j92gtb">Je ne fais ici queffleurer les différentes commandes que possèdent les <code>NodeProxy</code>. Si vous souhaitez en apprendre plus, allez voir la documentation. Nous utiliserons un nombre limité de méthodes au fur et à mesure, lorsque nous en aurons besoin.</p></article></div></article></div> <div class="drawer-side" data-svelte-h="svelte-17zhvxi"><label for="my-drawer-2" aria-label="close sidebar" class="drawer-overlay scrollbar-hide whitespace-nowrap overflow-hidden"></label> <ul class="menu sidemenu-style"><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>
comme <code>.set</code> et <code>.xset</code>.</p> <h2 data-svelte-h="svelte-grw4hp">Conclusion</h2> <p data-svelte-h="svelte-v1qoh8">Dans cette section du guide, nous avons appris :</p> <ul data-svelte-h="svelte-ax6drr"><li>Ce quest un <code>NodeProxy</code> et un <code>ProxySpace</code>, loutil de base offert par <strong>JITLib</strong></li> <li>La différence entre <code>ProxySpace.push</code> et lutilisation explicite des <code>NDefs</code></li> <li>Comment démarrer, stopper et arrêter un <code>NodeProxy</code></li> <li>Comment contrôler le <em>fade-in</em> et le <em>fade-out</em> et la transition entre algorithmes</li></ul> <p data-svelte-h="svelte-j92gtb">Je ne fais ici queffleurer les différentes commandes que possèdent les <code>NodeProxy</code>. Si vous souhaitez en apprendre plus, allez voir la documentation. Nous utiliserons un nombre limité de méthodes au fur et à mesure, lorsque nous en aurons besoin.</p></article></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_9v9dg3 = {
__sveltekit_7une0j = {
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.f4KwB8qx.js"),
import("../_app/immutable/entry/app.btOcNQQ0.js")
import("../_app/immutable/entry/start.gBT6nT66.js"),
import("../_app/immutable/entry/app.GW7sfLa2.js")
]).then(([kit, app]) => {
kit.start(app, element, {
node_ids: [0, 9],

View File

@ -6,26 +6,26 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#ffffff">
<link href="../_app/immutable/assets/0.Rw1B-n7e.css" rel="stylesheet">
<link rel="modulepreload" href="../_app/immutable/entry/start.f4KwB8qx.js">
<link href="../_app/immutable/assets/0.l8KqbJYT.css" rel="stylesheet">
<link rel="modulepreload" href="../_app/immutable/entry/start.gBT6nT66.js">
<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.aZRR5A_O.js">
<link rel="modulepreload" href="../_app/immutable/entry/app.btOcNQQ0.js">
<link rel="modulepreload" href="../_app/immutable/entry/app.GW7sfLa2.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.AhRC9Bc8.js">
<link rel="modulepreload" href="../_app/immutable/nodes/0.C9ml_luw.js">
<link rel="modulepreload" href="../_app/immutable/nodes/9.g1YyXmWB.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 dark:bg-base-300"><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" data-svelte-h="svelte-p2w7yu">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-gray-100 dark:bg-base-100"><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>Comment proposer un guide ?</h1> <div class="pt-4 flex justify-between mb-12"><p class="inline font-bold">Publié le : 2023-12-22</p> <p class="inline font-bold">Auteur : Raphaël Maurice Forment</p></div> <div class="lg:px-24 md:px-12 content-center"><article><p data-svelte-h="svelte-1jy9acf">Les guides sont rédigés en <a href="https://en.wikipedia.org/wiki/Markdown" rel="nofollow">MarkDown</a>, un format de balisage léger qui facilite lécriture et la publication. Une fois ajoutés au site, ces derniers sont automatiquement recensés et publiés. Chaque article reçoit un entête simple qui permet de lidentifier. Voici lentête de larticle actuel :</p> <pre class="language-yaml"><!-- HTML_TAG_START --><code class="language-yaml"><span class="token punctuation">---</span>
<div style="display: contents"> <div><div class="bg-neutral-800 dark:bg-base-300"><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" data-svelte-h="svelte-p2w7yu">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-gray-100 dark:bg-base-100"><div class="drawer lg:drawer-open"><input id="my-drawer-2" type="checkbox" class="drawer-toggle"> <div class="drawer-content space-y-0 flex flex-col lg:px-16 px-4 py-8"><article><h1>Comment proposer un guide ?</h1> <div class="pt-4 flex justify-between mb-12"><p class="inline font-bold">Publié le : 2023-12-22</p> <p class="inline font-bold">Auteur : Raphaël Maurice Forment</p></div> <div class="lg:px-24 md:px-12 content-center"><article><p data-svelte-h="svelte-1jy9acf">Les guides sont rédigés en <a href="https://en.wikipedia.org/wiki/Markdown" rel="nofollow">MarkDown</a>, un format de balisage léger qui facilite lécriture et la publication. Une fois ajoutés au site, ces derniers sont automatiquement recensés et publiés. Chaque article reçoit un entête simple qui permet de lidentifier. Voici lentête de larticle actuel :</p> <pre class="language-yaml"><!-- HTML_TAG_START --><code class="language-yaml"><span class="token punctuation">---</span>
<span class="token key atrule">title</span><span class="token punctuation">:</span> Comment proposer un guide <span class="token punctuation">?</span>
<span class="token key atrule">date</span><span class="token punctuation">:</span> <span class="token string">'2023-12-22'</span>
<span class="token key atrule">author</span><span class="token punctuation">:</span> <span class="token string">"Raphaël Maurice Forment"</span>
<span class="token punctuation">---</span></code><!-- HTML_TAG_END --></pre> <p data-svelte-h="svelte-hsuogf">Il nest pas nécessaire de répéter le titre au début de votre article. Chaque balise se comprend assez facilement :</p> <ul data-svelte-h="svelte-1objkrr"><li><strong>title</strong> : le titre complet de larticle</li> <li><strong>date</strong> : au format <code>AAAA-MM-JJ</code></li> <li><strong>author</strong> : nom complet ou votre pseudonyme</li></ul> <p data-svelte-h="svelte-uedqlf">Le site utilise ensuite ces données pour générer un entête. Les données peuvent ensuite être utilisées sous plusieurs formes pour faire référence au guide sur dautres pages.</p> <h2 data-svelte-h="svelte-1g5ta6o">Contenu de larticle</h2> <p data-svelte-h="svelte-13oxmt0">Écrivez ce que vous voulez ! Notez que vous pouvez librement mélanger <strong>MarkDown</strong>, <strong>HTML/CSS</strong> et composants <strong>Svelte</strong> pour les plus confirmés. Vous ne devriez pas avoir de problème pour publier quoi que ce soit sous la forme que vous imaginez ! Si vous écrivez du <strong>MarkDown</strong> pur et simple, votre article recevra le style par défaut utilisé par le site.</p> <h2 data-svelte-h="svelte-qjxet8">Publication</h2> <p data-svelte-h="svelte-pldlgo">Une fois votre article prêt, il vous faudra faire une <a href="https://docs.github.com/fr/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/about-pull-requests" rel="nofollow">Pull Request</a> pour que ce dernier soit au <a href="https://github.com/Bubobubobubobubo/livecodingfr" rel="nofollow">dépôt</a> du site et validé par un contributeur. Bonne chance ! Nous avons besoin de guides pour couvrir lessentiel des plateformes existantes !</p></article></div></article></div> <div class="drawer-side" data-svelte-h="svelte-17zhvxi"><label for="my-drawer-2" aria-label="close sidebar" class="drawer-overlay scrollbar-hide whitespace-nowrap overflow-hidden"></label> <ul class="menu sidemenu-style"><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>
<span class="token punctuation">---</span></code><!-- HTML_TAG_END --></pre> <p data-svelte-h="svelte-hsuogf">Il nest pas nécessaire de répéter le titre au début de votre article. Chaque balise se comprend assez facilement :</p> <ul data-svelte-h="svelte-1objkrr"><li><strong>title</strong> : le titre complet de larticle</li> <li><strong>date</strong> : au format <code>AAAA-MM-JJ</code></li> <li><strong>author</strong> : nom complet ou votre pseudonyme</li></ul> <p data-svelte-h="svelte-uedqlf">Le site utilise ensuite ces données pour générer un entête. Les données peuvent ensuite être utilisées sous plusieurs formes pour faire référence au guide sur dautres pages.</p> <h2 data-svelte-h="svelte-1g5ta6o">Contenu de larticle</h2> <p data-svelte-h="svelte-13oxmt0">Écrivez ce que vous voulez ! Notez que vous pouvez librement mélanger <strong>MarkDown</strong>, <strong>HTML/CSS</strong> et composants <strong>Svelte</strong> pour les plus confirmés. Vous ne devriez pas avoir de problème pour publier quoi que ce soit sous la forme que vous imaginez ! Si vous écrivez du <strong>MarkDown</strong> pur et simple, votre article recevra le style par défaut utilisé par le site.</p> <h2 data-svelte-h="svelte-qjxet8">Publication</h2> <p data-svelte-h="svelte-pldlgo">Une fois votre article prêt, il vous faudra faire une <a href="https://docs.github.com/fr/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/about-pull-requests" rel="nofollow">Pull Request</a> pour que ce dernier soit au <a href="https://github.com/Bubobubobubobubo/livecodingfr" rel="nofollow">dépôt</a> du site et validé par un contributeur. Bonne chance ! Nous avons besoin de guides pour couvrir lessentiel des plateformes existantes !</p></article></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_9v9dg3 = {
__sveltekit_7une0j = {
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.f4KwB8qx.js"),
import("../_app/immutable/entry/app.btOcNQQ0.js")
import("../_app/immutable/entry/start.gBT6nT66.js"),
import("../_app/immutable/entry/app.GW7sfLa2.js")
]).then(([kit, app]) => {
kit.start(app, element, {
node_ids: [0, 9],

Binary file not shown.

Binary file not shown.

File diff suppressed because one or more lines are too long

Binary file not shown.

Binary file not shown.

File diff suppressed because one or more lines are too long

Binary file not shown.

Binary file not shown.

File diff suppressed because one or more lines are too long

Binary file not shown.

Binary file not shown.

File diff suppressed because one or more lines are too long

Binary file not shown.

Binary file not shown.

File diff suppressed because one or more lines are too long

Binary file not shown.

Binary file not shown.

View File

@ -6,19 +6,19 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#ffffff">
<link href="./_app/immutable/assets/0.Rw1B-n7e.css" rel="stylesheet">
<link rel="modulepreload" href="./_app/immutable/entry/start.f4KwB8qx.js">
<link href="./_app/immutable/assets/0.l8KqbJYT.css" rel="stylesheet">
<link rel="modulepreload" href="./_app/immutable/entry/start.gBT6nT66.js">
<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.aZRR5A_O.js">
<link rel="modulepreload" href="./_app/immutable/entry/app.btOcNQQ0.js">
<link rel="modulepreload" href="./_app/immutable/entry/app.GW7sfLa2.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.AhRC9Bc8.js">
<link rel="modulepreload" href="./_app/immutable/nodes/0.C9ml_luw.js">
<link rel="modulepreload" href="./_app/immutable/nodes/14.jJP6L4rG.js">
<link rel="modulepreload" href="./_app/immutable/chunks/Info.uQGne4yI.js">
<link rel="modulepreload" href="./_app/immutable/chunks/marked.esm.hS8hU7E4.js"><title>Ressources</title><!-- HEAD_svelte-1q3gdtb_START --><!-- HEAD_svelte-1q3gdtb_END -->
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents"> <div><div class="bg-neutral-800 dark:bg-base-300"><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" data-svelte-h="svelte-p2w7yu">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-gray-100 dark:bg-base-100"><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-1cbhex0">Ressources</h1> <div class="alert bg-base-300 dark:bg-base-300"><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"><!-- HTML_TAG_START -->Cette page est une liste de ressources généralistes sur le <i>live
<div style="display: contents"> <div><div class="bg-neutral-800 dark:bg-base-300"><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" data-svelte-h="svelte-p2w7yu">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-gray-100 dark:bg-base-100"><div class="drawer lg:drawer-open"><input id="my-drawer-2" type="checkbox" class="drawer-toggle"> <div class="drawer-content space-y-0 flex flex-col lg:px-16 px-4 py-8"> <h1 data-svelte-h="svelte-1cbhex0">Ressources</h1> <div class="alert bg-base-300 dark:bg-base-300"><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"><!-- HTML_TAG_START -->Cette page est une liste de ressources généralistes sur le <i>live
coding</i>. Au vu de l'objectif poursuivi par ce site, il est préférable de
mentionner les sources francophones en premier puis d'inclure des liens
généralistes.<!-- HTML_TAG_END --></span></div> <h2 data-svelte-h="svelte-bg310f">Sites internet</h2> <ul data-svelte-h="svelte-1lzqyun"><li><p><a href="https://toplap.org" rel="nofollow">TOPLAP</a> : <strong>TOPLAP</strong> est le collectif historique qui a
@ -39,11 +39,11 @@ pour le <em>live coding</em>.</p></li> <li><p><a href="https://scsynth.org/" rel
<strong>SuperCollider</strong>. <strong>SuperCollider</strong> est en grande partie responsable de
lémergence de la scène musicale du <em>live coding</em>, et pour de bonnes raisons.
Foisonnant, infini, logiciel tentaculaire et puissant.</p></li></ul> <h2 data-svelte-h="svelte-eg7erq">Ressources généralistes</h2> <ul data-svelte-h="svelte-1se4f8f"><li><a href="https://ressources.labomedia.org/live_coding" rel="nofollow">Labomedia</a> : collection de
ressources pour le <em>creative coding</em>.</li></ul></div> <div class="drawer-side" data-svelte-h="svelte-17zhvxi"><label for="my-drawer-2" aria-label="close sidebar" class="drawer-overlay scrollbar-hide whitespace-nowrap overflow-hidden"></label> <ul class="menu sidemenu-style"><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>
ressources pour le <em>creative coding</em>.</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>
{
__sveltekit_9v9dg3 = {
__sveltekit_7une0j = {
base: new URL(".", location).pathname.slice(0, -1),
env: null
};
@ -53,8 +53,8 @@ ressources pour le <em>creative coding</em>.</li></ul></div> <div class="drawer-
const data = [{"type":"data","data":null,"uses":{}},null];
Promise.all([
import("./_app/immutable/entry/start.f4KwB8qx.js"),
import("./_app/immutable/entry/app.btOcNQQ0.js")
import("./_app/immutable/entry/start.gBT6nT66.js"),
import("./_app/immutable/entry/app.GW7sfLa2.js")
]).then(([kit, app]) => {
kit.start(app, element, {
node_ids: [0, 14],

Binary file not shown.

Binary file not shown.