47 lines
7.7 KiB
HTML
47 lines
7.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<link rel="icon" href="./favicon.png" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
|
||
<link href="./_app/immutable/assets/0.ab82ae52.css" rel="stylesheet">
|
||
<link rel="modulepreload" href="./_app/immutable/entry/start.69c16a33.js">
|
||
<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.63274e7e.js">
|
||
<link rel="modulepreload" href="./_app/immutable/chunks/singletons.99cd7eb6.js">
|
||
<link rel="modulepreload" href="./_app/immutable/entry/app.bea6c982.js">
|
||
<link rel="modulepreload" href="./_app/immutable/chunks/index.cd69a05d.js">
|
||
<link rel="modulepreload" href="./_app/immutable/nodes/0.23f5364e.js">
|
||
<link rel="modulepreload" href="./_app/immutable/nodes/2.e6f4da44.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 class="text-3xl font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-orange-300 to-orange-200 uppercase" data-svelte-h="svelte-99ytaw">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 class="text-gray-100 hover:text-orange-300 flex md:hidden" data-svelte-h="svelte-9oawtf">Évènements</a> <a class="text-gray-100 hover:text-orange-300 flex md:hidden" data-svelte-h="svelte-1ashbak">Membres</a> <a class="text-gray-100 hover:text-orange-300 flex md:hidden" data-svelte-h="svelte-cuugrw">Outils</a> <a class="text-gray-100 hover:text-orange-300 flex md:hidden" data-svelte-h="svelte-1vq424k">Réseaux</a> <a class="text-gray-100 hover:text-orange-300 flex md:hidden" data-svelte-h="svelte-fckt8g">Ressources</a> <a class="text-gray-100 hover:text-orange-300 flex md:hidden" data-svelte-h="svelte-dcpiuw">Presse</a> <a class="text-gray-100 hover:text-orange-300 flex md:hidden" data-svelte-h="svelte-15n2veg">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-z12tl4">Qu’est-ce que le live-coding ?</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-2xl"><!-- HTML_TAG_START -->Le <i>live coding</i> est une pratique artistique qui fait de l'acte de programmation un geste expressif et performatif. Les <i>live coders</i> considèrent l'interface de programmation comme un instrument de musique. Le <i>live coding</i> est un art au croisement entre synthèse sonore, improvisation musicale et musique algorithmique générative.<br><br> Le <i>live coding</i> est au croisement de plusieurs arts et encourage des approches transdisciplinaires de la création : musique, arts visuels, informatique, jeux vidéos, danse, etc. Plus largement, le <i>live coding</i> est un domaine critique qui encourage les artistes à repenser leur rapport à l'informatique. Le <i>live coding</i> est traversé par la culture <i>hacker</i>, par la philosophie du logiciel libre et <i>open source</i>. Il souhaite également développer une nouvelle forme d'expressivité au sein des arts, en considérant l'ordinateur comme une interface pour la <i>programmation exploratoire</i> ou <i>programmation conversationnelle</i>.<!-- HTML_TAG_END --></span></div> <p data-svelte-h="svelte-1scfhnp">Historiquement, le <em>live coding</em> est un type de création porté par le collectif <a href="https://toplap.org" rel="nofollow">TOPLAP</a>. Il existe de nombreux groupes en Europe et dans le monde qui promeuvent ce type de pratiques : <a href="https://toplap.cat/en/home" rel="nofollow">TOPLAP Barcelona</a>, <a href="https://livecode.nyc/" rel="nofollow">Livecode NYC</a>, parmi d’autres. La pratique du <em>live coding</em> s’est popularisée au travers du <a href>Manifeste TOPLAP</a> et des <a href="https://algorave.com" rel="nofollow">Algoraves</a> (<em>algorithmic rave parties</em>). Il est pourtant délicat de limiter la pratique à ces seuls exemples.</p> <h1 data-svelte-h="svelte-9nyscp">À propos de ce site</h1> <p data-svelte-h="svelte-c8sr0y">Ce site est une collection de ressources. Il est conçu pour combler le vide qui existe aujourd’hui dans la communauté francophone du <em>live coding</em>. Il peut être édité et modifié par tout le monde à <a href="https://github.com/Bubobubobubobubo/livecodingfr" rel="nofollow">cette adresse</a>. Rajoutez vos logiciels, vos coordonnées ou toute information qui vous semble importante.</p> <h1 data-svelte-h="svelte-15qmnqt">Comment contribuer ?</h1> <p data-svelte-h="svelte-1ht7736">Le site est hébergé sur <a href="https://github.com/Bubobubobubobubo/livecodingfr" rel="nofollow">GitHub</a>. Pour ajouter une information au site, veuillez créer une <a href="https://docs.github.com/fr/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/creating-a-pull-request" rel="nofollow">Pull Request</a>. Vous pouvez aussi contacter l’un des membres qui se chargera de transmettre l’information.</p></div> <div class="drawer-side"><label for="my-drawer-2" aria-label="close sidebar" class="drawer-overlay"></label> <ul class="menu p-4 w-40 min-h-full bg-neutral-800 dark:bg-base-300 text-base-content"><li class="text-xl"><a class="text-white hover:text-orange-300" data-svelte-h="svelte-1g32o0x">Évènements</a></li> <li class="text-xl"><a class="text-white hover:text-orange-300" data-svelte-h="svelte-qe766e">Membres</a></li> <li class="text-xl"><a class="text-white hover:text-orange-300" data-svelte-h="svelte-thybk0">Outils</a></li> <li class="text-xl"><a class="text-white hover:text-orange-300" data-svelte-h="svelte-6i6cjy">Réseaux</a></li> <li class="text-xl"><a class="text-white hover:text-orange-300" data-svelte-h="svelte-tga1wo">Ressources</a></li> <li class="text-xl"><a class="text-white hover:text-orange-300" data-svelte-h="svelte-nrqka0">Presse</a></li> <li class="text-xl"><a class="text-white hover:text-orange-300" data-svelte-h="svelte-v3eok0">Contact</a></li></ul></div></div> <footer class="footer ml-0 pl-0 pb-4 pt-4 bg-neutral-800 dark:bg-base-300 justify-between pr-16" data-svelte-h="svelte-12gpjdo"><p class="indent-4 text-bold text-white">Raphaël Forment</p> <p><a class="pl-4" href="https://github.com/Bubobubobubobubo/livecodingfr">GitHub</a></p></footer></main>
|
||
|
||
<script>
|
||
{
|
||
__sveltekit_tnncn1 = {
|
||
base: new URL(".", location).pathname.slice(0, -1),
|
||
env: {}
|
||
};
|
||
|
||
const element = document.currentScript.parentElement;
|
||
|
||
const data = [{"type":"data","data":null,"uses":{}},null];
|
||
|
||
Promise.all([
|
||
import("./_app/immutable/entry/start.69c16a33.js"),
|
||
import("./_app/immutable/entry/app.bea6c982.js")
|
||
]).then(([kit, app]) => {
|
||
kit.start(app, element, {
|
||
node_ids: [0, 2],
|
||
data,
|
||
form: null,
|
||
error: null
|
||
});
|
||
});
|
||
}
|
||
</script>
|
||
</div>
|
||
</body>
|
||
</html>
|