50 lines
11 KiB
HTML
50 lines
11 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" />
|
||
<meta name="theme-color" content="#ffffff">
|
||
|
||
<link href="./_app/immutable/assets/0.2dCqWpGr.css" rel="stylesheet">
|
||
<link rel="modulepreload" href="./_app/immutable/entry/start.5YLs103A.js">
|
||
<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.aZRR5A_O.js">
|
||
<link rel="modulepreload" href="./_app/immutable/entry/app.i08eSpn0.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.4o9Fw0YJ.js">
|
||
<link rel="modulepreload" href="./_app/immutable/nodes/12.jXNO7CUt.js">
|
||
<link rel="modulepreload" href="./_app/immutable/chunks/each.-oqiv04n.js">
|
||
<link rel="modulepreload" href="./_app/immutable/chunks/utils.Tkfr06Vk.js"><title>Presse</title><!-- HEAD_svelte-kjsin9_START --><!-- HEAD_svelte-kjsin9_END -->
|
||
</head>
|
||
<body data-sveltekit-preload-data="hover">
|
||
<div style="display: contents"> <div><div class="bg-neutral-800"><nav class="px-8 py-2 flex justify-between items-center"><div class="flex items-center justify-between w-full"><a href="/" class="website-title text-2xl font-bold bg-gradient-to-r from-orange-700 via-blue-500 to-green-400 text-transparent bg-clip-text animate-gradient" data-svelte-h="svelte-15xybd8">livecoding.fr</a> <div class="lg:hidden"><button type="button" class="text-gray-100 hover:text-gray-400 focus:outline-none focus:text-gray-400" data-svelte-h="svelte-vbp173"><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="hidden lg:flex lg:items-center lg:space-x-10" data-svelte-h="svelte-1ydj4af"><a href="/evenements" class="titlebar-link">Évènements</a> <a href="/membres" class="titlebar-link">Membres</a> <a href="/outils" class="titlebar-link">Outils</a> <a href="/guides" class="titlebar-link">Guides</a> <a href="/articles" class="titlebar-link">Articles</a> <a href="/reseaux" class="titlebar-link">Réseaux</a> <a href="/ressources" class="titlebar-link">Ressources</a> <a href="/presse" class="titlebar-link">Presse</a> <a href="/contacts" class="titlebar-link">Contact</a></div></nav> <div class="lg:hidden hidden"><div class="px-2 pt-2 pb-3 space-y-1 sm:px-3" data-svelte-h="svelte-1sqq9eu"><a href="/evenements" class="mobile-menu-link block">Évènements</a> <a href="/membres" class="mobile-menu-link block">Membres</a> <a href="/outils" class="mobile-menu-link block">Outils</a> <a href="/guides" class="mobile-menu-link block">Guides</a> <a href="/articles" class="mobile-menu-link block">Articles</a> <a href="/reseaux" class="mobile-menu-link block">Réseaux</a> <a href="/ressources" class="mobile-menu-link block">Ressources</a> <a href="/presse" class="mobile-menu-link block">Presse</a> <a href="/contacts" class="mobile-menu-link block">Contact</a></div></div></div></div> <main class="bg-neutral-900"><div class="drawer lg:drawer-open"><input id="my-drawer-2" type="checkbox" class="drawer-toggle"> <div class="drawer-content space-y-4 flex flex-col lg:px-16 px-4 py-8"> <h1 data-svelte-h="svelte-5h4cy">Presse</h1> <div class="lg:grid sm:grid grid-cols-2 md:grid-cols-3 grid-rows-2 md:grid-rows-3 mx-auto gap-4"><div class="max-w-sm my-4 w-80 h-fit rounded-lg shadow-md bg-neutral-800 hover:bg-neutral-700"><a href="/presse"><img class="rounded-t-lg h-48 w-80 object-cover" src="https://img.lemde.fr/2019/04/12/0/0/5122/3467/800/0/75/0/f22d969_x_FC8S1alEp4TYxEfX9-vnhW.jpg" alt=""></a> <div class="p-5"><a href="/presse"><h5 class="mb-2 text-lg font-bold tracking-tight text-white">Aux « algoraves », on danse sur une musique cod...</h5></a> <p class="mb-3 font-normal text-gray-400">Bruno Lus (Le Monde)</p> <a href="https://www.lemonde.fr/pixels/article/2019/04/13/aux-algoraves-on-danse-sur-une-musique-codee-en-direct_5449894_4408996.html" class="inline-flex items-center btn btn-primary text-sm font-medium text-center text-white">En savoir plus</a></div></div><div class="max-w-sm my-4 w-80 h-fit rounded-lg shadow-md bg-neutral-800 hover:bg-neutral-700"><a href="/presse"><img class="rounded-t-lg h-48 w-80 object-cover" src="https://static.euronews.com/articles/stories/07/52/54/80/1200x675_cmsv2_2c54c051-fb9c-5807-8429-da05ee6ef77d-7525480.jpg" alt=""></a> <div class="p-5"><a href="/presse"><h5 class="mb-2 text-lg font-bold tracking-tight text-white">Live coding : de la musique codée en direct pou...</h5></a> <p class="mb-3 font-normal text-gray-400">Gaël Camba (Euronews)</p> <a href="https://fr.euronews.com/culture/2023/04/26/live-coding-de-la-musique-codee-en-direct-pour-danser-ou-rever#:~:text=Live%20coding%20:%20de%20la%20musique%20cod%C3%A9e%20en%20direct%20pour%20danser%20ou%20r%C3%AAver,-Francesco%20Corvi%20se&text=Entre%20technique%20exp%C3%A9rimentale%20et%20composition,en%20programmant%20du%20code%20informatique." class="inline-flex items-center btn btn-primary text-sm font-medium text-center text-white">En savoir plus</a></div></div><div class="max-w-sm my-4 w-80 h-fit rounded-lg shadow-md bg-neutral-800 hover:bg-neutral-700"><a href="/presse"><img class="rounded-t-lg h-48 w-80 object-cover" src="https://trxprds3.s3.amazonaws.com/uploads/2020/03/by-dan-hett.jpg" alt=""></a> <div class="p-5"><a href="/presse"><h5 class="mb-2 text-lg font-bold tracking-tight text-white">Qu’est-ce que l’algorave, ce nouveau clubbing o...</h5></a> <p class="mb-3 font-normal text-gray-400">Loïc Hecht (Trax Magazine)</p> <a href="https://www.traxmag.com/algorave-live-coding-dancefloor/" class="inline-flex items-center btn btn-primary text-sm font-medium text-center text-white">En savoir plus</a></div></div><div class="max-w-sm my-4 w-80 h-fit rounded-lg shadow-md bg-neutral-800 hover:bg-neutral-700"><a href="/presse"><img class="rounded-t-lg h-48 w-80 object-cover" src="https://scontent-cdg4-3.xx.fbcdn.net/v/t39.30808-6/395383692_828993012361704_4923466258603181196_n.jpg?_nc_cat=106&ccb=1-7&_nc_sid=5f2048&_nc_ohc=P4og5e7HJFcAX9sV97R&_nc_oc=AQnpycSxjK2s7sw24lYWjFB35aW1YxcaomLjlLD5bOmqnLxWcDYy3Pc19jBW1-eBsfY&_nc_ht=scontent-cdg4-3.xx&oh=00_AfA7QP0HSWCzDT1coLx7o9bCnMIdFSQpZafGNffwms03Cw&oe=654B351E" alt=""></a> <div class="p-5"><a href="/presse"><h5 class="mb-2 text-lg font-bold tracking-tight text-white">Culture numérique : la Micro-folie sillonnera l...</h5></a> <p class="mb-3 font-normal text-gray-400">L'Est Éclair</p> <a href="https://www.lest-eclair.fr/id531959/article/2023-10-20/la-micro-folie-sillonnera-le-territoire-barsequanais" class="inline-flex items-center btn btn-primary text-sm font-medium text-center text-white">En savoir plus</a></div></div><div class="max-w-sm my-4 w-80 h-fit rounded-lg shadow-md bg-neutral-800 hover:bg-neutral-700"><a href="/presse"><img class="rounded-t-lg h-48 w-80 object-cover" src="https://static.euronews.com/articles/stories/07/52/54/80/1200x675_cmsv2_eb8921b9-1953-5db0-853f-6479b45a22c6-7525480.jpg" alt=""></a> <div class="p-5"><a href="/presse"><h5 class="mb-2 text-lg font-bold tracking-tight text-white">OK Computer: Live coding creates music for danc...</h5></a> <p class="mb-3 font-normal text-gray-400">Gaël Camba (Euronews)</p> <a href="https://www.euronews.com/culture/2023/05/03/ok-computer-live-coding-creates-music-for-dancing-or-dreaming-in-frances-biggest-algorave" class="inline-flex items-center btn btn-primary text-sm font-medium text-center text-white">En savoir plus</a></div></div><div class="max-w-sm my-4 w-80 h-fit rounded-lg shadow-md bg-neutral-800 hover:bg-neutral-700"><a href="/presse"><img class="rounded-t-lg h-48 w-80 object-cover" src="https://www.lesinrocks.com/wp-content/thumbnails/uploads/2025/05/0002233223_10-t-850x540-crop.jpg" alt=""></a> <div class="p-5"><a href="/presse"><h5 class="mb-2 text-lg font-bold tracking-tight text-white">On a rencontré Renick Bell, pape de l’algorave ...</h5></a> <p class="mb-3 font-normal text-gray-400"> François Moreau (Les Inrockuptibles)</p> <a href="https://www.lesinrocks.com/musique/on-a-rencontre-renick-bell-pape-de-lalgorave-et-du-live-coding-664541-12-05-2025/" class="inline-flex items-center btn btn-primary text-sm font-medium text-center text-white">En savoir plus</a></div></div><div class="max-w-sm my-4 w-80 h-fit rounded-lg shadow-md bg-neutral-800 hover:bg-neutral-700"><a href="/presse"><img class="rounded-t-lg h-48 w-80 object-cover" src="https://www.radiofrance.fr/s3/cruiser-production/2023/08/a064c42c-f1fc-4ef8-90b8-2615d352e1e6/560x315_sc_capture-d-ecran-2023-08-09-a-15-11-31.webp" alt=""></a> <div class="p-5"><a href="/presse"><h5 class="mb-2 text-lg font-bold tracking-tight text-white">Le festival de jazz d'Uzeste, toujours aussi dé...</h5></a> <p class="mb-3 font-normal text-gray-400">France Culture</p> <a href="https://www.radiofrance.fr/franceculture/podcasts/l-invite-e-des-matins-d-ete/le-festival-de-jazz-d-uzeste-toujours-aussi-dejante-2076865" class="inline-flex items-center btn btn-primary text-sm font-medium text-center text-white">En savoir plus</a></div></div></div></div> <div class="drawer-side no-scrollbar m-0 lg:block hidden" data-svelte-h="svelte-si3uu3"><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_1f3gh83 = {
|
||
base: new URL(".", location).pathname.slice(0, -1),
|
||
env: null
|
||
};
|
||
|
||
const element = document.currentScript.parentElement;
|
||
|
||
const data = [{"type":"data","data":null,"uses":{}},null];
|
||
|
||
Promise.all([
|
||
import("./_app/immutable/entry/start.5YLs103A.js"),
|
||
import("./_app/immutable/entry/app.i08eSpn0.js")
|
||
]).then(([kit, app]) => {
|
||
kit.start(app, element, {
|
||
node_ids: [0, 12],
|
||
data,
|
||
form: null,
|
||
error: null
|
||
});
|
||
});
|
||
}
|
||
</script>
|
||
</div>
|
||
</body>
|
||
</html>
|