diff --git a/src/data/evenements.json b/src/data/evenements.json
new file mode 100644
index 0000000..a5fc544
--- /dev/null
+++ b/src/data/evenements.json
@@ -0,0 +1,24 @@
+{
+ "avenir": [
+ {
+ "date": "1 jan 2023",
+ "description": "Description de l'évènement",
+ "title": "Template pour un évènement",
+ "link": "https://google.fr"
+ }
+ ],
+ "passe": [
+ {
+ "date": "4 oct 2023",
+ "description": "Grrrnd Zero - Vaulx en Velin",
+ "title": "Écoutes périphériques",
+ "link": "https://www.grrrndzero.org/index.php/2487-sam-dim-4-et-5-11-ecoutes-peripheriques-petit-multidifest-de-musiques"
+ },
+ {
+ "date": "28 oct 2023",
+ "description": "L'Aiguillage - Polisot",
+ "title": "Algorave (Cookie Collective)",
+ "link": "https://www.facebook.com/photo/?fbid=829027699024902&set=a.538927648034910"
+ }
+ ]
+}
diff --git a/src/data/membres.json b/src/data/membres.json
new file mode 100644
index 0000000..7ea91e8
--- /dev/null
+++ b/src/data/membres.json
@@ -0,0 +1,30 @@
+[
+ {
+ "name": "Raphaël Forment",
+ "description": "BuboBubo",
+ "image": "https://avatars.githubusercontent.com/u/45191785?s=400&u=3ee9062082ce04b6f08f811e657797fe9528d106&v=4",
+ "site": "https://raphaelforment.fr",
+ "mail": ""
+ },
+ {
+ "name": "Rémi Georges",
+ "description": "Ralt144Mi",
+ "image": "https://avatars.githubusercontent.com/u/75539795?v=4",
+ "site": "https://remigeorges.fr/",
+ "mail": ""
+ },
+ {
+ "name": "Agathe Herrou",
+ "description": "th4",
+ "image": "https://club.tidalcycles.org/user_avatar/club.tidalcycles.org/th4/144/505_2.png",
+ "site": "https://th4music.net",
+ "mail": ""
+ },
+ {
+ "name": "Raphaël Bastide",
+ "description": "",
+ "image": "https://radicalnetworks.org/archives/2018/participants/raphael-bastide/raphaelbastide.jpg",
+ "site": "https://raphaelbastide.com",
+ "mail": ""
+ }
+]
diff --git a/src/data/outils.json b/src/data/outils.json
new file mode 100644
index 0000000..a851a96
--- /dev/null
+++ b/src/data/outils.json
@@ -0,0 +1,51 @@
+[
+ {
+ "name": "Sardine",
+ "creator": "Raphaël Forment",
+ "description": "Sardine est un logiciel libre et open source pour Python 3.10+. Sardine transforme Python en un instrument de musique. C'est un framework pour live coder et contrôler du matérial audio depuis Python. Sardine peut se synchroniser à d'autres logiciels ou instances du même logiciel.",
+ "image": "https://sardine.raphaelforment.fr/sardine_logo.svg#center",
+ "link": "https://sardine.raphaelforment.fr"
+ },
+ {
+ "name": "Été",
+ "creator": "Raphaël Bastide",
+ "description": "Été mélange live coding (écriture musicale temps réel au travers du code) et percussions. Le programme considère le clavier comme un instrument percussif. Le musicien peut écrire des instructions algorithmiques et des instructions percussives très précises au sein du même environnement de programmation. Été est une expérimentation qui essaie de lier dans un même programme le temps dédié à la composition algorithmique et celui dédié à l'improvisation spontanée.",
+ "image": "https://gitlab.com/uploads/-/system/project/avatar/35391245/Screenshot_2023-09-19_16-09-44.jpg",
+ "link": "https://raphaelbastide.com/ete/"
+ },
+ {
+ "name": "Cordelia",
+ "creator": "Jacopo Greco d'Alceo",
+ "description": "Une méthode, une tendre affection, hiver 2023. Cordelia est un environnement de live coding qui combine Python au moteur audio CSound.",
+ "image": "https://avatars.githubusercontent.com/u/92983918?v=4",
+ "link": "https://github.com/jacopogrecodalceo/CORDELIA"
+ },
+ {
+ "name": "Topos",
+ "creator": "Raphaël Forment",
+ "description": "Topos est un séquenceur algorithmique expérimental dans le web sequencer programmé par BuboBubo (Raphaël Forment) et Amiika (Miika Alonen). Il est écrit en TypeScript, avec Vite. Ce projet est basé sur le Monome Teletype de Brian Crabtree et Kelli Cain. Nous espérons respecter le même esprit de partage et d'expérimentation que les concepteurs originels ! Comment rendre le Teletype plus accessible tout en étendant ses capacités sur le web ?",
+ "image": "https://raphaelforment.fr/img/inline_annotation.png",
+ "link": "https://topos.raphaelforment.fr"
+ },
+ {
+ "name": "OSCII",
+ "creator": "Adel Faure",
+ "description": "OSCII est un logiciel pour dessiner et live coder des visuels en text-mode. OSCII produit également du son grâce à WebAudio.",
+ "image": "https://i1.sndcdn.com/avatars-1Kjtq0wbLSNSpNQH-AqRXfQ-t500x500.jpg",
+ "link": "https://gitlab.com/adelfaure/oscii"
+ },
+ {
+ "name": "Claude",
+ "creator": "Loïc Vital",
+ "description": "Claude est un outil pour synchroniser des visuels avec de l'audio dans un contexte de live coding. Claude, pour le moment, est seulement disponible pour un environnement : Sardine. Il peut être utilisé comme un sender, ce qui permet ensuite d'utiliser le Sardine Pattern Language pour écrire des valeurs uniform à envoyer.",
+ "image": "https://avatars.githubusercontent.com/u/70104194?v=4",
+ "link": "https://github.com/mugulmd/Claude"
+ },
+ {
+ "name": "Cascade",
+ "creator": "Raphaël Bastide",
+ "description": "Cascade est un environnement de live-coding pour le navigateur web. Il transforme les règles du langage CSS en sons !",
+ "image": "https://raphaelbastide.com/cascade/website/img/poster.svg",
+ "link": "https://raphaelbastide.com/cascade/"
+ }
+]
diff --git a/src/data/presse.json b/src/data/presse.json
new file mode 100644
index 0000000..9389ec1
--- /dev/null
+++ b/src/data/presse.json
@@ -0,0 +1,32 @@
+[
+ {
+ "title": "Aux « algoraves », on danse sur une musique codée en direct",
+ "picture": "https://img.lemde.fr/2019/04/12/0/0/5122/3467/800/0/75/0/f22d969_x_FC8S1alEp4TYxEfX9-vnhW.jpg",
+ "link": "https://www.lemonde.fr/pixels/article/2019/04/13/aux-algoraves-on-danse-sur-une-musique-codee-en-direct_5449894_4408996.html",
+ "author": "Bruno Lus (Le Monde)"
+ },
+ {
+ "title": "OK Computer: Live coding creates music for dancing or dreaming in France's biggest algorave",
+ "picture": "https://static.euronews.com/articles/stories/07/52/54/80/1200x675_cmsv2_eb8921b9-1953-5db0-853f-6479b45a22c6-7525480.jpg",
+ "link": "https://www.euronews.com/culture/2023/05/03/ok-computer-live-coding-creates-music-for-dancing-or-dreaming-in-frances-biggest-algorave",
+ "author": "Gaël Camba (Euronews)"
+ },
+ {
+ "title": "Live coding : de la musique codée en direct pour danser ou rêver",
+ "picture": "https://static.euronews.com/articles/stories/07/52/54/80/1200x675_cmsv2_2c54c051-fb9c-5807-8429-da05ee6ef77d-7525480.jpg",
+ "link": "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.",
+ "author": "Gaël Camba (Euronews)"
+ },
+ {
+ "title": "Culture numérique : la Micro-folie sillonnera le territoire Barséquanais",
+ "picture": "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",
+ "link": "https://www.lest-eclair.fr/id531959/article/2023-10-20/la-micro-folie-sillonnera-le-territoire-barsequanais",
+ "author": "L'Est Éclair"
+ },
+ {
+ "title": "Qu’est-ce que l’algorave, ce nouveau clubbing où ...",
+ "picture": "https://trxprds3.s3.amazonaws.com/uploads/2020/03/by-dan-hett.jpg",
+ "link": "https://www.traxmag.com/algorave-live-coding-dancefloor/",
+ "author": "Loïc Hecht (Trax Magazine)"
+ }
+]
diff --git a/src/data/reseaux.json b/src/data/reseaux.json
new file mode 100644
index 0000000..356bd1c
--- /dev/null
+++ b/src/data/reseaux.json
@@ -0,0 +1,16 @@
+[
+ {
+ "name": "Cookie Collective",
+ "place": "Paris",
+ "description": "Le Cookie Collective rassemble des artistes impliqués dans la création numérique temps réel. Cela couvre le domaine du jeu vidéo, des installations artistiques, du mapping vidéo, la demoscene, les algoraves, etc. Nous organisons des jams au cours desquelles les artistes réalisent des créations sonores ou visuelles devant un public. Nous publions des fanzines qui mettent l'accent sur nos manières de créer. Nous accueillons tout ceux qui partagent un intérêt commun pour la création temps réel. Contactez nous ou rejoignez le serveur Discord.",
+ "image": "https://www.cookie.paris/image.jpg",
+ "link": "https://cookie.paris"
+ },
+ {
+ "name": "Digital Audio Community",
+ "place": "Lyon",
+ "description": "Creative Code Lyon est une communauté lyonnaise dédiée à la programmation créative. En son sein existe un petit groupe, nommé le DAC (Digital Audio Community). Il se réunit toutes les deux semaines au Laboratoire Ouvert Lyonnais (LOL) pour discuter de synthèse sonore, de live coding, de création sonore. Pour nous contacter, rejoignez le serveur Discord !",
+ "image": "https://scontent-cdg4-3.xx.fbcdn.net/v/t39.30808-6/325617656_5771358802943616_8147684973704857965_n.jpg?_nc_cat=106&ccb=1-7&_nc_sid=5f2048&_nc_ohc=Cujn9ocml5QAX8S0sxA&_nc_ht=scontent-cdg4-3.xx&oh=00_AfC1nrCZnzRiCGGCfhJnH9QciEYvNRbhfsS5T0mKqzyRdQ&oe=65496DE6",
+ "link": "https://discord.gg/B2e5a3Y3uk"
+ }
+]
diff --git a/src/data/ressources.json b/src/data/ressources.json
new file mode 100644
index 0000000..e69de29
diff --git a/src/lib/Calendar.svelte b/src/lib/Calendar.svelte
index 2448c5d..3602931 100644
--- a/src/lib/Calendar.svelte
+++ b/src/lib/Calendar.svelte
@@ -2,6 +2,7 @@
export let date: string;
export let title: string;
export let description: string;
+ export let link: string = "";
let realDate = date.split(" ");
@@ -21,8 +22,11 @@
-