From cf6c57f528fb05790ae967938f16a604bd2c2dce Mon Sep 17 00:00:00 2001 From: Raphael Forment Date: Fri, 3 Nov 2023 16:29:59 +0100 Subject: [PATCH] pretty big refactoring --- mdsvex.config.js | 14 +++ package-lock.json | 78 ++++++++++++++++ package.json | 6 +- src/app.postcss | 24 +++++ src/lib/Accueil.svelte.md | 17 ++++ src/lib/Calendar.svelte | 28 ++++++ src/lib/Contact.svelte.md | 15 +++ src/lib/Evenements.svelte.md | 37 ++++++++ src/lib/Footer.svelte | 58 ------------ src/lib/Header.svelte | 27 ------ src/lib/HeroAccueil.svelte | 38 -------- src/lib/Info.svelte | 31 +++++++ src/lib/Membres.svelte.md | 42 +++++++++ src/lib/Outils.svelte.md | 49 ++++++++++ src/lib/Portrait.svelte | 27 ++++++ src/lib/Press.svelte | 51 ++++++++++ src/lib/Presse.svelte.md | 45 +++++++++ src/lib/Reseaux.svelte.md | 12 +++ src/lib/Ressources.svelte.md | 5 + src/lib/SoftwareCard.svelte | 21 +++++ src/routes/+page.svelte | 175 +++++++++++++++++++++++++++++++++-- svelte.config.js | 8 +- 22 files changed, 675 insertions(+), 133 deletions(-) create mode 100644 mdsvex.config.js create mode 100644 src/lib/Accueil.svelte.md create mode 100644 src/lib/Calendar.svelte create mode 100644 src/lib/Contact.svelte.md create mode 100644 src/lib/Evenements.svelte.md delete mode 100644 src/lib/Footer.svelte delete mode 100644 src/lib/Header.svelte delete mode 100644 src/lib/HeroAccueil.svelte create mode 100644 src/lib/Info.svelte create mode 100644 src/lib/Membres.svelte.md create mode 100644 src/lib/Outils.svelte.md create mode 100644 src/lib/Portrait.svelte create mode 100644 src/lib/Press.svelte create mode 100644 src/lib/Presse.svelte.md create mode 100644 src/lib/Reseaux.svelte.md create mode 100644 src/lib/Ressources.svelte.md create mode 100644 src/lib/SoftwareCard.svelte diff --git a/mdsvex.config.js b/mdsvex.config.js new file mode 100644 index 0000000..5cdd1d0 --- /dev/null +++ b/mdsvex.config.js @@ -0,0 +1,14 @@ +import { defineMDSveXConfig as defineConfig } from "mdsvex"; + +const config = defineConfig({ + extensions: [".svelte.md", ".md", ".svx"], + + smartypants: { + dashes: "oldschool", + }, + + remarkPlugins: [], + rehypePlugins: [], +}); + +export default config; diff --git a/package-lock.json b/package-lock.json index 5a3ee1a..9d37513 100644 --- a/package-lock.json +++ b/package-lock.json @@ -7,6 +7,9 @@ "": { "name": "livecodingfr", "version": "0.0.1", + "dependencies": { + "marked": "^9.1.5" + }, "devDependencies": { "@sveltejs/adapter-auto": "^2.0.0", "@sveltejs/adapter-static": "^2.0.3", @@ -14,6 +17,7 @@ "@tailwindcss/typography": "^0.5.9", "autoprefixer": "^10.4.14", "daisyui": "^3.1.6", + "mdsvex": "^0.11.0", "postcss": "^8.4.24", "postcss-load-config": "^4.0.1", "svelte": "^4.0.5", @@ -624,6 +628,12 @@ "integrity": "sha512-QzhsZ1dMGyJbn/D9V80zp4GIA4J4rfAjCCxc3MP+new0E8dyVdSkR735Lx+n3LIaHNFcjHL5+TbziccuT+fdoQ==", "dev": true }, + "node_modules/@types/unist": { + "version": "2.0.9", + "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.9.tgz", + "integrity": "sha512-zC0iXxAv1C1ERURduJueYzkzZ2zaGyc+P2c95hgkikHPr3z8EdUZOlgEQ5X0DRmwDZn+hekycQnoeiiRVrmilQ==", + "dev": true + }, "node_modules/acorn": { "version": "8.11.2", "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz", @@ -1413,12 +1423,38 @@ "node": ">=12" } }, + "node_modules/marked": { + "version": "9.1.5", + "resolved": "https://registry.npmjs.org/marked/-/marked-9.1.5.tgz", + "integrity": "sha512-14QG3shv8Kg/xc0Yh6TNkMj90wXH9mmldi5941I2OevfJ/FQAFLEwtwU2/FfgSAOMlWHrEukWSGQf8MiVYNG2A==", + "bin": { + "marked": "bin/marked.js" + }, + "engines": { + "node": ">= 16" + } + }, "node_modules/mdn-data": { "version": "2.0.30", "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz", "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==", "dev": true }, + "node_modules/mdsvex": { + "version": "0.11.0", + "resolved": "https://registry.npmjs.org/mdsvex/-/mdsvex-0.11.0.tgz", + "integrity": "sha512-gJF1s0N2nCmdxcKn8HDn0LKrN8poStqAicp6bBcsKFd/zkUBGLP5e7vnxu+g0pjBbDFOscUyI1mtHz+YK2TCDw==", + "dev": true, + "dependencies": { + "@types/unist": "^2.0.3", + "prism-svelte": "^0.4.7", + "prismjs": "^1.17.1", + "vfile-message": "^2.0.4" + }, + "peerDependencies": { + "svelte": ">=3 <5" + } + }, "node_modules/merge2": { "version": "1.4.1", "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", @@ -1805,6 +1841,21 @@ "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==", "dev": true }, + "node_modules/prism-svelte": { + "version": "0.4.7", + "resolved": "https://registry.npmjs.org/prism-svelte/-/prism-svelte-0.4.7.tgz", + "integrity": "sha512-yABh19CYbM24V7aS7TuPYRNMqthxwbvx6FF/Rw920YbyBWO3tnyPIqRMgHuSVsLmuHkkBS1Akyof463FVdkeDQ==", + "dev": true + }, + "node_modules/prismjs": { + "version": "1.29.0", + "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.29.0.tgz", + "integrity": "sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==", + "dev": true, + "engines": { + "node": ">=6" + } + }, "node_modules/queue-microtask": { "version": "1.2.3", "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz", @@ -2350,6 +2401,19 @@ "node": ">=14.0" } }, + "node_modules/unist-util-stringify-position": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-2.0.3.tgz", + "integrity": "sha512-3faScn5I+hy9VleOq/qNbAd6pAx7iH5jYBMS9I1HgQVijz/4mv5Bvw5iw1sC/90CODiKo81G/ps8AJrISn687g==", + "dev": true, + "dependencies": { + "@types/unist": "^2.0.2" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, "node_modules/update-browserslist-db": { "version": "1.0.13", "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz", @@ -2386,6 +2450,20 @@ "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", "dev": true }, + "node_modules/vfile-message": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-2.0.4.tgz", + "integrity": "sha512-DjssxRGkMvifUOJre00juHoP9DPWuzjxKuMDrhNbk2TdaYYBNMStsNhEOt3idrtI12VQYM/1+iM0KOzXi4pxwQ==", + "dev": true, + "dependencies": { + "@types/unist": "^2.0.0", + "unist-util-stringify-position": "^2.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/unified" + } + }, "node_modules/vite": { "version": "4.5.0", "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.0.tgz", diff --git a/package.json b/package.json index ceb95b4..939e68b 100644 --- a/package.json +++ b/package.json @@ -16,6 +16,7 @@ "@tailwindcss/typography": "^0.5.9", "autoprefixer": "^10.4.14", "daisyui": "^3.1.6", + "mdsvex": "^0.11.0", "postcss": "^8.4.24", "postcss-load-config": "^4.0.1", "svelte": "^4.0.5", @@ -25,5 +26,8 @@ "typescript": "^5.0.0", "vite": "^4.4.2" }, - "type": "module" + "type": "module", + "dependencies": { + "marked": "^9.1.5" + } } diff --git a/src/app.postcss b/src/app.postcss index 1a7b7cf..d9be735 100644 --- a/src/app.postcss +++ b/src/app.postcss @@ -1,4 +1,28 @@ /* Write your global styles here, in PostCSS syntax */ @tailwind base; + +@layer base { + a { + @apply text-orange-300; + } + p { + @apply text-xl; + } + li { + @apply list-disc text-xl; + } + h1 { + @apply text-3xl border-b-2 py-2 font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-orange-300 to-orange-200; + } + h2 { + @apply text-2xl border-b-2 py-2 font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-orange-300 to-orange-200; + } + h3 { + @apply text-2xl bg-white text-right underline py-2 font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-orange-200 to-orange-300 pr-4; + } + h4 { + @apply text-2xl text-right underline py-2 font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-orange-200 to-orange-300 pr-4; + } +} @tailwind components; @tailwind utilities; diff --git a/src/lib/Accueil.svelte.md b/src/lib/Accueil.svelte.md new file mode 100644 index 0000000..68f388a --- /dev/null +++ b/src/lib/Accueil.svelte.md @@ -0,0 +1,17 @@ + + +# Qu'est-ce que le live-coding ? + + + +Historiquement, le _live coding_ est un type de création porté par le collectif [TOPLAP](https://toplap.org). Il existe de nombreux groupes en Europe et dans le monde qui promeuvent ce type de pratiques : [TOPLAP Barcelona](https://toplap.cat/en/home), [Livecode NYC](https://livecode.nyc/), parmi d'autres. La pratique du _live coding_ s'est popularisée au travers du [Manifeste TOPLAP]() et des [Algoraves](https://algorave.com) (_algorithmic rave parties_). Il est pourtant délicat de limiter la pratique à ces seuls exemples. + +# À propos de ce site + +Ce site est une collection de ressources. Il est conçu pour combler le vide qui existe aujourd'hui dans la communauté francophone du _live coding_. Il peut être édité et modifié par tout le monde à [cette adresse](https://github.com/Bubobubobubobubo/livecodingfr). Rajoutez vos logiciels, vos coordonnées ou toute information qui vous semble importante. + +# Comment contribuer ? + +Le site est hébergé sur [GitHub](https://github.com/Bubobubobubobubo/livecodingfr). Pour ajouter une information au site, veuillez créer une [Pull Request](https://docs.github.com/fr/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/creating-a-pull-request). Vous pouvez aussi contacter l'un des membres qui se chargera de transmettre l'information. diff --git a/src/lib/Calendar.svelte b/src/lib/Calendar.svelte new file mode 100644 index 0000000..2448c5d --- /dev/null +++ b/src/lib/Calendar.svelte @@ -0,0 +1,28 @@ + + +
+
+
{realDate[1]}
+
+ {realDate[0]} +
+
+ {realDate[2]} +
+
+ +
+

{title}

+

{description}

+
+
diff --git a/src/lib/Contact.svelte.md b/src/lib/Contact.svelte.md new file mode 100644 index 0000000..4086b4b --- /dev/null +++ b/src/lib/Contact.svelte.md @@ -0,0 +1,15 @@ + + +# Contact + + + +## Contacter un artiste + +- Consulter le site web sur la page **Membres**. + +## Contacter un collectif + +- Consulter le site web sur la page **Réseaux**. diff --git a/src/lib/Evenements.svelte.md b/src/lib/Evenements.svelte.md new file mode 100644 index 0000000..67e6a62 --- /dev/null +++ b/src/lib/Evenements.svelte.md @@ -0,0 +1,37 @@ + + +# Évènements + + + +## À venir + + + +{#each avenir as {title, description, date}, i} + +{/each} + +## Passés + +{#each avenir as {title, description, date}, i} + +{/each} diff --git a/src/lib/Footer.svelte b/src/lib/Footer.svelte deleted file mode 100644 index 7056941..0000000 --- a/src/lib/Footer.svelte +++ /dev/null @@ -1,58 +0,0 @@ -
- - -
diff --git a/src/lib/Header.svelte b/src/lib/Header.svelte deleted file mode 100644 index 42a5585..0000000 --- a/src/lib/Header.svelte +++ /dev/null @@ -1,27 +0,0 @@ -
-
- livecoding.fr -
-
- -
-
diff --git a/src/lib/HeroAccueil.svelte b/src/lib/HeroAccueil.svelte deleted file mode 100644 index bfecaf5..0000000 --- a/src/lib/HeroAccueil.svelte +++ /dev/null @@ -1,38 +0,0 @@ - -
-
-
-

- Livecoding.fr -

-
-
-
- - - diff --git a/src/lib/Info.svelte b/src/lib/Info.svelte new file mode 100644 index 0000000..2510f56 --- /dev/null +++ b/src/lib/Info.svelte @@ -0,0 +1,31 @@ + + +
+ + {@html info} +
diff --git a/src/lib/Membres.svelte.md b/src/lib/Membres.svelte.md new file mode 100644 index 0000000..dc0de7c --- /dev/null +++ b/src/lib/Membres.svelte.md @@ -0,0 +1,42 @@ + + +# Membres + +
+ {#each members as {name, description, image, site, mail}, i} + + {/each} +
diff --git a/src/lib/Outils.svelte.md b/src/lib/Outils.svelte.md new file mode 100644 index 0000000..d10ffee --- /dev/null +++ b/src/lib/Outils.svelte.md @@ -0,0 +1,49 @@ + + +# Outils + +Si vous souhaitez consulter une liste fréquemment mise à jour de logiciels et d'interfaces pour le _live coding_, consulter [Awesome LiveCoding](https://github.com/toplap/awesome-livecoding). Pour élargir un petit peu, consultez également [Awesome Music](https://github.com/noteflakes/awesome-music). + +{#each softwares as {name, creator, description, image, link}} + +{/each} + +Éditez le site pour rajouter votre outil ! **Toutes les contributions sont acceptées !** diff --git a/src/lib/Portrait.svelte b/src/lib/Portrait.svelte new file mode 100644 index 0000000..d9aa167 --- /dev/null +++ b/src/lib/Portrait.svelte @@ -0,0 +1,27 @@ + + +
+
+
+ Portrait +
+ {name} +
+ {description} +
+ Site +
+
+
diff --git a/src/lib/Press.svelte b/src/lib/Press.svelte new file mode 100644 index 0000000..bb76ffa --- /dev/null +++ b/src/lib/Press.svelte @@ -0,0 +1,51 @@ + + +
+ + + +
+ +
+ {truncateString(title, 50)} +
+ +

+ {description} +

+ + En savoir plus + + +
+
diff --git a/src/lib/Presse.svelte.md b/src/lib/Presse.svelte.md new file mode 100644 index 0000000..2f90cde --- /dev/null +++ b/src/lib/Presse.svelte.md @@ -0,0 +1,45 @@ + + +# Presse + +
{#each general_press as {title, picture, link, author}, i} + + {/each} +
diff --git a/src/lib/Reseaux.svelte.md b/src/lib/Reseaux.svelte.md new file mode 100644 index 0000000..9d52c14 --- /dev/null +++ b/src/lib/Reseaux.svelte.md @@ -0,0 +1,12 @@ + + +# Réseaux + + + + + + diff --git a/src/lib/Ressources.svelte.md b/src/lib/Ressources.svelte.md new file mode 100644 index 0000000..3248052 --- /dev/null +++ b/src/lib/Ressources.svelte.md @@ -0,0 +1,5 @@ +# Ressources + +## Sites internet + +- [Labomedia](https://ressources.labomedia.org/live_coding) diff --git a/src/lib/SoftwareCard.svelte b/src/lib/SoftwareCard.svelte new file mode 100644 index 0000000..ff3db9c --- /dev/null +++ b/src/lib/SoftwareCard.svelte @@ -0,0 +1,21 @@ + + +
+
+ {description} +
+
+

{name}

+

{creator}

+

{description}

+
+ Lien +
+
+
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index b22b125..8bde797 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -1,11 +1,172 @@ - +
+
+ +
+
+
-
- -
diff --git a/svelte.config.js b/svelte.config.js index cc3cadd..5e043b1 100644 --- a/svelte.config.js +++ b/svelte.config.js @@ -1,11 +1,15 @@ -import adapter from '@sveltejs/adapter-static'; +import { mdsvex } from "mdsvex"; +import mdsvexConfig from "./mdsvex.config.js"; +import adapter from "@sveltejs/adapter-static"; import { vitePreprocess } from "@sveltejs/kit/vite"; /** @type {import('@sveltejs/kit').Config} */ const config = { + extensions: [".svelte", ...mdsvexConfig.extensions], + // Consult https://kit.svelte.dev/docs/integrations#preprocessors // for more information about preprocessors - preprocess: [vitePreprocess({})], + preprocess: [vitePreprocess({}), mdsvex(mdsvexConfig)], kit: { // adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.