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.i2cAdolL.css" rel="stylesheet">
|
||
<link rel="modulepreload" href="./_app/immutable/entry/start.eDKqTZyY.js">
|
||
<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.aZRR5A_O.js">
|
||
<link rel="modulepreload" href="./_app/immutable/entry/app.eWdXDQlY.js">
|
||
<link rel="modulepreload" href="./_app/immutable/chunks/preload-helper.0HuHagjb.js">
|
||
<link rel="modulepreload" href="./_app/immutable/chunks/index.ciNBPAxl.js">
|
||
<link rel="modulepreload" href="./_app/immutable/nodes/0.60GMPCkA.js">
|
||
<link rel="modulepreload" href="./_app/immutable/nodes/10.a7r1yW9n.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-sv4vin">livecoding.fr</a> <div class="flex md:hidden" data-svelte-h="svelte-pz0dbb"><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="text-gray-100 hover:text-orange-300 flex md:hidden" data-svelte-h="svelte-1me9jmo">Évènements</a> <a href="/membres" class="text-gray-100 hover:text-orange-300 flex md:hidden" data-svelte-h="svelte-1ho9i2z">Membres</a> <a href="/outils" class="text-gray-100 hover:text-orange-300 flex md:hidden" data-svelte-h="svelte-1sj2l4z">Outils</a> <a href="/guides" class="text-gray-100 hover:text-orange-300 flex md:hidden" data-svelte-h="svelte-yd78nx">Guides</a> <a href="/reseaux" class="text-gray-100 hover:text-orange-300 flex md:hidden" data-svelte-h="svelte-z9wl3r">Réseaux</a> <a href="/ressources" class="text-gray-100 hover:text-orange-300 flex md:hidden" data-svelte-h="svelte-1u3kp53">Ressources</a> <a href="/presse" class="text-gray-100 hover:text-orange-300 flex md:hidden" data-svelte-h="svelte-1yq8r9j">Presse</a> <a href="/contacts" class="text-gray-100 hover:text-orange-300 flex md:hidden" data-svelte-h="svelte-14fua0o">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://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://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://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 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://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://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></div> <div class="drawer-side" data-svelte-h="svelte-15tw5rp"><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 ml-0"><a class="text-white hover:text-orange-300" href="/evenements">Évènements</a></li> <li class="text-xl ml-0"><a class="text-white hover:text-orange-300" href="/membres">Membres</a></li> <li class="text-xl ml-0"><a class="text-white hover:text-orange-300" href="/outils">Outils</a></li> <li class="text-xl ml-0"><a class="text-white hover:text-orange-300" href="/guides">Guides</a></li> <li class="text-xl ml-0"><a class="text-white hover:text-orange-300" href="/reseaux">Réseaux</a></li> <li class="text-xl ml-0"><a class="text-white hover:text-orange-300" href="/ressources">Ressources</a></li> <li class="text-xl ml-0"><a class="text-white hover:text-orange-300" href="/presse">Presse</a></li> <li class="text-xl ml-0"><a class="text-white hover:text-orange-300" href="/contacts">Contact</a></li></ul></div></div></main> <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-1yg0fuy"><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_qg8pvi = {
|
||
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.eDKqTZyY.js"),
|
||
import("./_app/immutable/entry/app.eWdXDQlY.js")
|
||
]).then(([kit, app]) => {
|
||
kit.start(app, element, {
|
||
node_ids: [0, 10],
|
||
data,
|
||
form: null,
|
||
error: null
|
||
});
|
||
});
|
||
}
|
||
</script>
|
||
</div>
|
||
</body>
|
||
</html>
|