50 lines
18 KiB
HTML
50 lines
18 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/10.wuTh3ngv.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/each.-oqiv04n.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/utils.Tkfr06Vk.js"><title>Membres</title><!-- HEAD_svelte-opsxjq_START --><!-- HEAD_svelte-opsxjq_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-mdaw1">Membres</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><div class="mx-2 w-72 my-4 bg-neutral-800 rounded-lg shadow dark:border-gray-700"><div class="flex justify-end px-4 pt-4"></div> <div class="flex flex-col items-center pb-10"><div class="w-24 h-24 mb-3 rounded-full shadow-lg" style="background-image:url('https://joenio.me/avatars/joenio-2024-nocolor-150x150.jpg');background-size: cover;background-position: center;"></div> <h5 class="mb-1 text-xl font-medium text-white">Joenio M. Costa</h5> <span class="text-sm text-gray-400">Joenio Marques da Costa</span> <div class="flex mt-4 space-x-3 md:mt-6"><a href="https://joenio.me" class="btn btn-tertiary border-none bg-neutral-700 text-white">Site</a></div></div></div> </div><div><div class="mx-2 w-72 my-4 bg-neutral-800 rounded-lg shadow dark:border-gray-700"><div class="flex justify-end px-4 pt-4"></div> <div class="flex flex-col items-center pb-10"><div class="w-24 h-24 mb-3 rounded-full shadow-lg" style="background-image:url('https://avatars.githubusercontent.com/u/92983918?v=4');background-size: cover;background-position: center;"></div> <h5 class="mb-1 text-xl font-medium text-white">Jacopo Greco d'Alceo</h5> <span class="text-sm text-gray-400">_</span> <div class="flex mt-4 space-x-3 md:mt-6"><a href="https://jacopogrecodalceo.github.io/" class="btn btn-tertiary border-none bg-neutral-700 text-white">Site</a></div></div></div> </div><div><div class="mx-2 w-72 my-4 bg-neutral-800 rounded-lg shadow dark:border-gray-700"><div class="flex justify-end px-4 pt-4"></div> <div class="flex flex-col items-center pb-10"><div class="w-24 h-24 mb-3 rounded-full shadow-lg" style="background-image:url('/images/fronssons.png');background-size: cover;background-position: center;"></div> <h5 class="mb-1 text-xl font-medium text-white">Jules Déjardin</h5> <span class="text-sm text-gray-400">Fronssons</span> <div class="flex mt-4 space-x-3 md:mt-6"><a href="https://soundcloud.com/FRONSSONS" class="btn btn-tertiary border-none bg-neutral-700 text-white">Site</a></div></div></div> </div><div><div class="mx-2 w-72 my-4 bg-neutral-800 rounded-lg shadow dark:border-gray-700"><div class="flex justify-end px-4 pt-4"></div> <div class="flex flex-col items-center pb-10"><div class="w-24 h-24 mb-3 rounded-full shadow-lg" style="background-image:url('https://avatars.githubusercontent.com/u/86887772?v=4');background-size: cover;background-position: center;"></div> <h5 class="mb-1 text-xl font-medium text-white">AZERTYPE</h5> <span class="text-sm text-gray-400">_</span> <div class="flex mt-4 space-x-3 md:mt-6"><a href="http://www.azertype.fr/" class="btn btn-tertiary border-none bg-neutral-700 text-white">Site</a></div></div></div> </div><div><div class="mx-2 w-72 my-4 bg-neutral-800 rounded-lg shadow dark:border-gray-700"><div class="flex justify-end px-4 pt-4"></div> <div class="flex flex-col items-center pb-10"><div class="w-24 h-24 mb-3 rounded-full shadow-lg" style="background-image:url('https://avatars.githubusercontent.com/u/75539795?v=4');background-size: cover;background-position: center;"></div> <h5 class="mb-1 text-xl font-medium text-white">Rémi Georges</h5> <span class="text-sm text-gray-400">Ralt144MI</span> <div class="flex mt-4 space-x-3 md:mt-6"><a href="https://remigeorges.fr/" class="btn btn-tertiary border-none bg-neutral-700 text-white">Site</a></div></div></div> </div><div><div class="mx-2 w-72 my-4 bg-neutral-800 rounded-lg shadow dark:border-gray-700"><div class="flex justify-end px-4 pt-4"></div> <div class="flex flex-col items-center pb-10"><div class="w-24 h-24 mb-3 rounded-full shadow-lg" style="background-image:url('/images/elie_gavoty.jpg');background-size: cover;background-position: center;"></div> <h5 class="mb-1 text-xl font-medium text-white">Élie Gavoty</h5> <span class="text-sm text-gray-400">Jules Cipher</span> <div class="flex mt-4 space-x-3 md:mt-6"><a href="https://linktr.ee/julescipher" class="btn btn-tertiary border-none bg-neutral-700 text-white">Site</a></div></div></div> </div><div><div class="mx-2 w-72 my-4 bg-neutral-800 rounded-lg shadow dark:border-gray-700"><div class="flex justify-end px-4 pt-4"></div> <div class="flex flex-col items-center pb-10"><div class="w-24 h-24 mb-3 rounded-full shadow-lg" style="background-image:url('https://radicalnetworks.org/archives/2018/participants/raphael-bastide/raphaelbastide.jpg');background-size: cover;background-position: center;"></div> <h5 class="mb-1 text-xl font-medium text-white">Raphaël Bastide</h5> <span class="text-sm text-gray-400">_</span> <div class="flex mt-4 space-x-3 md:mt-6"><a href="https://raphaelbastide.com" class="btn btn-tertiary border-none bg-neutral-700 text-white">Site</a></div></div></div> </div><div><div class="mx-2 w-72 my-4 bg-neutral-800 rounded-lg shadow dark:border-gray-700"><div class="flex justify-end px-4 pt-4"></div> <div class="flex flex-col items-center pb-10"><div class="w-24 h-24 mb-3 rounded-full shadow-lg" style="background-image:url('https://avatars.githubusercontent.com/u/45191785?s=400&u=3ee9062082ce04b6f08f811e657797fe9528d106&v=4');background-size: cover;background-position: center;"></div> <h5 class="mb-1 text-xl font-medium text-white">Raphaël Forment</h5> <span class="text-sm text-gray-400">BuboBubo</span> <div class="flex mt-4 space-x-3 md:mt-6"><a href="https://raphaelforment.fr" class="btn btn-tertiary border-none bg-neutral-700 text-white">Site</a></div></div></div> </div><div><div class="mx-2 w-72 my-4 bg-neutral-800 rounded-lg shadow dark:border-gray-700"><div class="flex justify-end px-4 pt-4"></div> <div class="flex flex-col items-center pb-10"><div class="w-24 h-24 mb-3 rounded-full shadow-lg" style="background-image:url('https://club.tidalcycles.org/user_avatar/club.tidalcycles.org/th4/144/505_2.png');background-size: cover;background-position: center;"></div> <h5 class="mb-1 text-xl font-medium text-white">Agathe Herrou</h5> <span class="text-sm text-gray-400">th4</span> <div class="flex mt-4 space-x-3 md:mt-6"><a href="https://th4music.net" class="btn btn-tertiary border-none bg-neutral-700 text-white">Site</a></div></div></div> </div><div><div class="mx-2 w-72 my-4 bg-neutral-800 rounded-lg shadow dark:border-gray-700"><div class="flex justify-end px-4 pt-4"></div> <div class="flex flex-col items-center pb-10"><div class="w-24 h-24 mb-3 rounded-full shadow-lg" style="background-image:url('https://marimoura.4two.art/imagem_1.jpg');background-size: cover;background-position: center;"></div> <h5 class="mb-1 text-xl font-medium text-white">Mari Moura</h5> <span class="text-sm text-gray-400">:mari_moura ::art</span> <div class="flex mt-4 space-x-3 md:mt-6"><a href="https://marimoura.4two.art" class="btn btn-tertiary border-none bg-neutral-700 text-white">Site</a></div></div></div> </div><div><div class="mx-2 w-72 my-4 bg-neutral-800 rounded-lg shadow dark:border-gray-700"><div class="flex justify-end px-4 pt-4"></div> <div class="flex flex-col items-center pb-10"><div class="w-24 h-24 mb-3 rounded-full shadow-lg" style="background-image:url('/images/leondenise.jpeg');background-size: cover;background-position: center;"></div> <h5 class="mb-1 text-xl font-medium text-white">Léon Denise</h5> <span class="text-sm text-gray-400">Néon Delice / ponk</span> <div class="flex mt-4 space-x-3 md:mt-6"><a href="https://leon196.github.io/" class="btn btn-tertiary border-none bg-neutral-700 text-white">Site</a></div></div></div> </div><div><div class="mx-2 w-72 my-4 bg-neutral-800 rounded-lg shadow dark:border-gray-700"><div class="flex justify-end px-4 pt-4"></div> <div class="flex flex-col items-center pb-10"><div class="w-24 h-24 mb-3 rounded-full shadow-lg" style="background-image:url('https://crashserver.fr/wp-content/uploads/2021/03/transparent_blanc.png');background-size: cover;background-position: center;"></div> <h5 class="mb-1 text-xl font-medium text-white">Crash Server</h5> <span class="text-sm text-gray-400">_</span> <div class="flex mt-4 space-x-3 md:mt-6"><a href="https://crashserver.fr/" class="btn btn-tertiary border-none bg-neutral-700 text-white">Site</a></div></div></div> </div><div><div class="mx-2 w-72 my-4 bg-neutral-800 rounded-lg shadow dark:border-gray-700"><div class="flex justify-end px-4 pt-4"></div> <div class="flex flex-col items-center pb-10"><div class="w-24 h-24 mb-3 rounded-full shadow-lg" style="background-image:url('https://image-cdn.later.com/linkinbio_attachments/avatar/uploads-8d2b4941-bbce-6e0a-f8fd-c45c1736c9fb/thumb_md.jpg');background-size: cover;background-position: center;"></div> <h5 class="mb-1 text-xl font-medium text-white">Mamady Diarra</h5> <span class="text-sm text-gray-400">ΛFΛLFL</span> <div class="flex mt-4 space-x-3 md:mt-6"><a href="https://linkin.bio/afalfl" class="btn btn-tertiary border-none bg-neutral-700 text-white">Site</a></div></div></div> </div><div><div class="mx-2 w-72 my-4 bg-neutral-800 rounded-lg shadow dark:border-gray-700"><div class="flex justify-end px-4 pt-4"></div> <div class="flex flex-col items-center pb-10"><div class="w-24 h-24 mb-3 rounded-full shadow-lg" style="background-image:url('https://www.ateliersmedicis.fr/sites/atelier-medicis.fr/files/styles/acteur/public/2021-04/landscape.webp?itok=zsBOuROD');background-size: cover;background-position: center;"></div> <h5 class="mb-1 text-xl font-medium text-white">Johann Philippe</h5> <span class="text-sm text-gray-400">_</span> <div class="flex mt-4 space-x-3 md:mt-6"><a href="https://soundcloud.com/johannphilippe" class="btn btn-tertiary border-none bg-neutral-700 text-white">Site</a></div></div></div> </div><div><div class="mx-2 w-72 my-4 bg-neutral-800 rounded-lg shadow dark:border-gray-700"><div class="flex justify-end px-4 pt-4"></div> <div class="flex flex-col items-center pb-10"><div class="w-24 h-24 mb-3 rounded-full shadow-lg" style="background-image:url('/images/adel_faure.jpg');background-size: cover;background-position: center;"></div> <h5 class="mb-1 text-xl font-medium text-white">Adel Faure</h5> <span class="text-sm text-gray-400">_</span> <div class="flex mt-4 space-x-3 md:mt-6"><a href="https://adelfaure.net" class="btn btn-tertiary border-none bg-neutral-700 text-white">Site</a></div></div></div> </div><div><div class="mx-2 w-72 my-4 bg-neutral-800 rounded-lg shadow dark:border-gray-700"><div class="flex justify-end px-4 pt-4"></div> <div class="flex flex-col items-center pb-10"><div class="w-24 h-24 mb-3 rounded-full shadow-lg" style="background-image:url('/images/z0rg.jpeg');background-size: cover;background-position: center;"></div> <h5 class="mb-1 text-xl font-medium text-white">Sébastien Maire</h5> <span class="text-sm text-gray-400">z0rg</span> <div class="flex mt-4 space-x-3 md:mt-6"><a href="https://z0rg.dev" class="btn btn-tertiary border-none bg-neutral-700 text-white">Site</a></div></div></div> </div><div><div class="mx-2 w-72 my-4 bg-neutral-800 rounded-lg shadow dark:border-gray-700"><div class="flex justify-end px-4 pt-4"></div> <div class="flex flex-col items-center pb-10"><div class="w-24 h-24 mb-3 rounded-full shadow-lg" style="background-image:url('https://i1.sndcdn.com/avatars-gSZ1pacuvThegE3s-L9KzUg-t1080x1080.jpg');background-size: cover;background-position: center;"></div> <h5 class="mb-1 text-xl font-medium text-white">ParVagues</h5> <span class="text-sm text-gray-400">🥁 Ambient/Breakbeat/Techno livecoding with MIDI input 🎛️</span> <div class="flex mt-4 space-x-3 md:mt-6"><a href="https://me.nech.pl/parvagues/" class="btn btn-tertiary border-none bg-neutral-700 text-white">Site</a></div></div></div> </div><div><div class="mx-2 w-72 my-4 bg-neutral-800 rounded-lg shadow dark:border-gray-700"><div class="flex justify-end px-4 pt-4"></div> <div class="flex flex-col items-center pb-10"><div class="w-24 h-24 mb-3 rounded-full shadow-lg" style="background-image:url('images/vj.jpeg');background-size: cover;background-position: center;"></div> <h5 class="mb-1 text-xl font-medium text-white">Jonathan Lefebvre</h5> <span class="text-sm text-gray-400">Krease / VJBlind</span> <div class="flex mt-4 space-x-3 md:mt-6"><a href="https://www.linkedin.com/in/jonathan-lefebvre-a4867744/" class="btn btn-tertiary border-none bg-neutral-700 text-white">Site</a></div></div></div> </div><div><div class="mx-2 w-72 my-4 bg-neutral-800 rounded-lg shadow dark:border-gray-700"><div class="flex justify-end px-4 pt-4"></div> <div class="flex flex-col items-center pb-10"><div class="w-24 h-24 mb-3 rounded-full shadow-lg" style="background-image:url('/images/yassin.png');background-size: cover;background-position: center;"></div> <h5 class="mb-1 text-xl font-medium text-white">Yassin Siouda</h5> <span class="text-sm text-gray-400">Rocoda</span> <div class="flex mt-4 space-x-3 md:mt-6"><a href="https://yassin.siouda.com/" class="btn btn-tertiary border-none bg-neutral-700 text-white">Site</a></div></div></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, 10],
|
|
data,
|
|
form: null,
|
|
error: null
|
|
});
|
|
});
|
|
}
|
|
</script>
|
|
</div>
|
|
</body>
|
|
</html>
|