Refactor data as JSON

This commit is contained in:
2023-11-04 12:49:09 +01:00
parent 780075c000
commit 224403ba9b
14 changed files with 178 additions and 170 deletions

24
src/data/evenements.json Normal file
View File

@ -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"
}
]
}

30
src/data/membres.json Normal file
View File

@ -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": ""
}
]

51
src/data/outils.json Normal file
View File

@ -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/"
}
]

32
src/data/presse.json Normal file
View File

@ -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": "Quest-ce que lalgorave, 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)"
}
]

16
src/data/reseaux.json Normal file
View File

@ -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"
}
]

0
src/data/ressources.json Normal file
View File

View File

@ -2,6 +2,7 @@
export let date: string;
export let title: string;
export let description: string;
export let link: string = "";
let realDate = date.split(" ");
</script>
@ -21,8 +22,11 @@
</div>
</div>
<!-- Info -->
<div class="block">
<div class="flex-col">
<h3 class="pl-4 flex">{title}</h3>
<p class="pl-4">{description}</p>
<a class="mt-4 ml-4 btn btn-primary btn btn-xs text-right" href={link}
>Lien</a
>
</div>
</div>

View File

@ -5,11 +5,3 @@
# Contact
<Info info="<b>Livecoding.fr</b> n'est pas ni un collectif ni une organisation. L'objectif de ce site est uniquement de centraliser l'information et de donner plus de visibilité à la scène <i>live coding</i> francophone." markdown=false />
## Contacter un artiste
- Consulter le site web sur la page **Membres**.
## Contacter un collectif
- Consulter le site web sur la page **Réseaux**.

View File

@ -1,27 +1,9 @@
<script>
import Calendar from "$lib/Calendar.svelte";
import Info from "$lib/Info.svelte";
let avenir = [
{
date: "1 jan 2023",
description: "Description de l'évènement",
title: "Template pour un évènement",
}
]
let passe = [
{
date: "4 oct 2023",
description: "Grrrnd Zero - Vaulx en Velin",
title: "Écoutes périphériques",
},
{
date: "28 oct 2023",
description: "L'Aiguillage - Polisot",
title: "Algorave (Cookie Collective)",
}
]
import Evenements from "../data/Evenements.json";
const passe = Evenements.passe;
const avenir = Evenements.avenir;
</script>
# Évènements
@ -32,12 +14,12 @@
<!-- Format attendu : 3 Fev 2023 -->
{#each avenir as {title, description, date}, i}
<Calendar date={date} description={description} title={title} />
{#each avenir as {title, description, date, link}, i}
<Calendar date={date} description={description} title={title} link={link} />
{/each}
## Passés
{#each passe as {title, description, date}, i}
<Calendar date={date} description={description} title={title} />
{#each passe as {title, description, date, link}, i}
<Calendar date={date} description={description} title={title} link={link} />
{/each}

View File

@ -1,35 +1,7 @@
<script>
import Portrait from "$lib/Portrait.svelte";
let members = [
{
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: "",
},
]
import Membres from "../data/membres.json";
let members = Membres;
</script>
# Membres

View File

@ -1,57 +1,7 @@
<script>
import SoftwareCard from "$lib/SoftwareCard.svelte"
let softwares = [
{
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/"
}
]
import SoftwareCard from "$lib/SoftwareCard.svelte";
import Software from "../data/outils.json";
let softwares = Software;
</script>
# Outils

View File

@ -31,21 +31,6 @@
class="inline-flex items-center btn btn-primary text-sm font-medium text-center"
>
En savoir plus
<svg
class="w-3.5 h-3.5 ml-2"
aria-hidden="true"
xmlns={link}
fill="none"
viewBox="0 0 14 10"
>
<path
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M1 5h12m0 0L9 1m4 4L9 9"
/>
</svg>
</a>
</div>
</div>

View File

@ -1,40 +1,7 @@
<script>
import Press from "$lib/Press.svelte";
let general_press = [
{
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: "",
link: "https://www.lest-eclair.fr/id531959/article/2023-10-20/la-micro-folie-sillonnera-le-territoire-barsequanais",
author: "??? (L'Est Éclair)",
},
{
title: "Quest-ce que lalgorave, 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)",
},
]
import Presse from "../data/presse.json";
let general_press = Presse;
</script>
# Presse

View File

@ -1,12 +1,15 @@
<script>
import SoftwareCard from "$lib/SoftwareCard.svelte";
import Info from "$lib/Info.svelte";
import Reseaux from "../data/reseaux.json";
let reseaux = Reseaux;
</script>
# Réseaux
<Info info="Il existe plusieurs collectifs et groupes qui promeuvent la pratique du <i>live coding</i>. Cette page est un recensement des groupes connus. Si vous êtes actifs, ajoutez quelque chose ici." markdown=false />
<SoftwareCard name="Cookie Collective" creator="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" />
<SoftwareCard name="Digital Audio Community" creator="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" />
{#each reseaux as {name, place, description, image, link}, i}
<SoftwareCard name={name} creator={place} description={description}
image={image} link={link} />
{/each}