50 lines
10 KiB
HTML
50 lines
10 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.01-0QDLM.css" rel="stylesheet">
|
||
<link rel="modulepreload" href="./_app/immutable/entry/start.BQOxAp7g.js">
|
||
<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.aZRR5A_O.js">
|
||
<link rel="modulepreload" href="./_app/immutable/entry/app.Z3LSLHhG.js">
|
||
<link rel="modulepreload" href="./_app/immutable/chunks/preload-helper.0HuHagjb.js">
|
||
<link rel="modulepreload" href="./_app/immutable/chunks/index.AIcdAWo0.js">
|
||
<link rel="modulepreload" href="./_app/immutable/nodes/0.dbauwrdJ.js">
|
||
<link rel="modulepreload" href="./_app/immutable/nodes/12.SIaWLFDS.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 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="text-3xl font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-orange-300 to-orange-200 uppercase" data-svelte-h="svelte-r63k53">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-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 bg-base-300 dark:bg-base-300 border border-gray-300 rounded-lg shadow-md dark:border-gray-700"><a href="#"><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="#"><h5 class="mb-2 text-lg font-bold tracking-tight text-gray-900 dark:text-white">Le festival de jazz d'Uzeste, toujours aussi dé...</h5></a> <p class="mb-3 font-normal text-gray-700 dark: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">En savoir plus</a></div></div><div class="max-w-sm my-4 w-80 h-fit bg-base-300 dark:bg-base-300 border border-gray-300 rounded-lg shadow-md dark:border-gray-700"><a href="#"><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="#"><h5 class="mb-2 text-lg font-bold tracking-tight text-gray-900 dark:text-white">Live coding : de la musique codée en direct pou...</h5></a> <p class="mb-3 font-normal text-gray-700 dark: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">En savoir plus</a></div></div><div class="max-w-sm my-4 w-80 h-fit bg-base-300 dark:bg-base-300 border border-gray-300 rounded-lg shadow-md dark:border-gray-700"><a href="#"><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="#"><h5 class="mb-2 text-lg font-bold tracking-tight text-gray-900 dark:text-white">OK Computer: Live coding creates music for danc...</h5></a> <p class="mb-3 font-normal text-gray-700 dark: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">En savoir plus</a></div></div><div class="max-w-sm my-4 w-80 h-fit bg-base-300 dark:bg-base-300 border border-gray-300 rounded-lg shadow-md dark:border-gray-700"><a href="#"><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="#"><h5 class="mb-2 text-lg font-bold tracking-tight text-gray-900 dark:text-white">Culture numérique : la Micro-folie sillonnera l...</h5></a> <p class="mb-3 font-normal text-gray-700 dark: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">En savoir plus</a></div></div><div class="max-w-sm my-4 w-80 h-fit bg-base-300 dark:bg-base-300 border border-gray-300 rounded-lg shadow-md dark:border-gray-700"><a href="#"><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="#"><h5 class="mb-2 text-lg font-bold tracking-tight text-gray-900 dark:text-white">Aux « algoraves », on danse sur une musique cod...</h5></a> <p class="mb-3 font-normal text-gray-700 dark: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">En savoir plus</a></div></div><div class="max-w-sm my-4 w-80 h-fit bg-base-300 dark:bg-base-300 border border-gray-300 rounded-lg shadow-md dark:border-gray-700"><a href="#"><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="#"><h5 class="mb-2 text-lg font-bold tracking-tight text-gray-900 dark:text-white">Qu’est-ce que l’algorave, ce nouveau clubbing o...</h5></a> <p class="mb-3 font-normal text-gray-700 dark: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">En savoir plus</a></div></div></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>
|
||
|
||
<script>
|
||
{
|
||
__sveltekit_14ho6jg = {
|
||
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.BQOxAp7g.js"),
|
||
import("./_app/immutable/entry/app.Z3LSLHhG.js")
|
||
]).then(([kit, app]) => {
|
||
kit.start(app, element, {
|
||
node_ids: [0, 12],
|
||
data,
|
||
form: null,
|
||
error: null
|
||
});
|
||
});
|
||
}
|
||
</script>
|
||
</div>
|
||
</body>
|
||
</html>
|