From b1428e8d331c8fe5e70a228e5ff1370ad1a7ffd1 Mon Sep 17 00:00:00 2001 From: Paul-Louis NECH Date: Tue, 27 Apr 2021 22:12:18 +0200 Subject: [PATCH] feat(Parvagues): Sample code --- next/content/hydras/dusty-halley0.md | 4 ++++ next/pages/hydra.js | 5 +++-- next/pages/hydra/[id].js | 10 ++++++---- next/pages/parvagues.js | 79 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++---------------------- next/styles/main.css | 4 ++++ 5 files changed, 74 insertions(+), 28 deletions(-) create mode 100644 next/content/hydras/dusty-halley0.md diff --git a/next/content/hydras/dusty-halley0.md b/next/content/hydras/dusty-halley0.md new file mode 100644 index 0000000..7aefd7b --- /dev/null +++ b/next/content/hydras/dusty-halley0.md @@ -0,0 +1,4 @@ +--- +title: Ariane13 +source: https://git.plnech.fr/pln/Hydra/raw/master/StarryNights/Ariane13.js +--- diff --git a/next/pages/hydra.js b/next/pages/hydra.js index 553f7b6..8a3b071 100644 --- a/next/pages/hydra.js +++ b/next/pages/hydra.js @@ -34,8 +34,9 @@ export default function Hydra({hydras}) { />

- Intermediary steps of{" "} - GaLactic + Successive layers within the work{" "} + GaLactic, + part of the serie Nuits étoilées
in which I turn pictures of the night sky into animated windows on the universe.

diff --git a/next/pages/hydra/[id].js b/next/pages/hydra/[id].js index 91a83a7..6de29f0 100644 --- a/next/pages/hydra/[id].js +++ b/next/pages/hydra/[id].js @@ -14,7 +14,6 @@ export async function getStaticProps({ params }) { const response = await fetch(hydraData.source); const source = await response.text(); const sourceCode = source.replace(/(?:\r\n|\r|\n)/g, "
"); - console.log(sourceCode); hydraData.source = source; @@ -42,9 +41,12 @@ export default function Hydra({ hydraData, sourceCode }) {

{hydraData.title}

- - {hydraData.source} + + {hydraData.source} {/* @@ -28,8 +43,10 @@ export default function ParVagues({urlSC, urlTwitch, urlTwitchExample}) {

I create music with patterns

- ParVagues, c'est des ondes sonores qui naissent dans un océan - binaire pour parfois s'échouer sur vos plages sonores. + + ParVagues, c'est des ondes sonores qui naissent dans un océan + binaire pour parfois s'échouer sur vos plages sonores. +

{/*ParVagues performing*/}
-

I sometimes post recordings on SoundCloud

-
- -
+
+ A source sample: the code behind Automne Électrique: +
+ + {tidalSample} + +
-

I sometimes do live performances on Twitch

-
- -
+

+ I sometimes post recordings on SoundCloud +

+
+ +
+
+
+

+ I sometimes do live performances on Twitch +

+
+ +
diff --git a/next/styles/main.css b/next/styles/main.css index 6ce9bb3..e300a13 100644 --- a/next/styles/main.css +++ b/next/styles/main.css @@ -68,6 +68,10 @@ h1 a, h2 a, h3 a, h4 a, h5 a { text-decoration: underline; } +.source-code { + max-height: 36em; +} + .player-wrapper { padding: 12em 0; -- libgit2 0.27.0