From d4534237a46db11e10d8340cded1f5540edf8671 Mon Sep 17 00:00:00 2001 From: Francesco Luzzana Date: Tue, 31 May 2022 16:32:26 +0200 Subject: [PATCH] cookbook --- archive/05/index.html | 2133 +++++++++++++++++++++ {music => archive/05/music}/five-mix.mp3 | Bin archive/index.html | 63 +- components/CookbookForm.js | 86 + index.html | 2159 +--------------------- style.css | 78 + 6 files changed, 2361 insertions(+), 2158 deletions(-) create mode 100644 archive/05/index.html rename {music => archive/05/music}/five-mix.mp3 (100%) create mode 100644 components/CookbookForm.js create mode 100644 style.css diff --git a/archive/05/index.html b/archive/05/index.html new file mode 100644 index 0000000..84920b0 --- /dev/null +++ b/archive/05/index.html @@ -0,0 +1,2133 @@ + + + + +Nested narratives: what is left to discuss? + + + + + + + + + + + + + + + + +
+
+

Browser lacks capabilities required to play.

Upgrade or switch to another browser.

+
Loading…
+
+ + + + diff --git a/music/five-mix.mp3 b/archive/05/music/five-mix.mp3 similarity index 100% rename from music/five-mix.mp3 rename to archive/05/music/five-mix.mp3 diff --git a/archive/index.html b/archive/index.html index 5e91db9..729c1d7 100644 --- a/archive/index.html +++ b/archive/index.html @@ -1,29 +1,38 @@ - - - - - Document - - - This is the main head quarter. - -
- two people with headphones are picturing dancing jelly people with joy -
- - \ No newline at end of file + + + + + Document + + + This is the main head quarter. + +
+ two people with headphones are picturing dancing jelly people with joy +
+ + diff --git a/components/CookbookForm.js b/components/CookbookForm.js new file mode 100644 index 0000000..4d939fc --- /dev/null +++ b/components/CookbookForm.js @@ -0,0 +1,86 @@ +export default { + name: "CookbookForm", + setup() { + const { ref } = Vue; + + const title = ref("SI18.5 - Diffractive Cookbook"); + const description = ref("Compiling and sharing methods for diffractive reading."); + const nature = ref("Methods"); + const logs = ref([ + "Do the assignment proposed by Femke", + "While doing the assignment, make sure to track your method with the help of the following form", + "This method will be used by others and applied on different resources", + ]); + const who = ref("Grr, Kamo, Kimberley"); + + const submit = function () { + fetch("https://hub.xpub.nl/soupboat/cookbook/", { + method: "POST", + headers: { "Content-Type": "application/json" }, + body: JSON.stringify({ + title: title.value, + description: description.value, + nature: nature.value, + logs: logs.value, + who: who.value, + }), + }); + }; + + return { title, description, nature, logs, who, submit }; + }, + template: ` +
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + + +
+ +
+ + +
+ +
+ +
+
+ + + `, +}; diff --git a/index.html b/index.html index 84920b0..2c9970e 100644 --- a/index.html +++ b/index.html @@ -1,2133 +1,30 @@ - - - -Nested narratives: what is left to discuss? - - - - - - - - - - - - - - - - -
-
-

Browser lacks capabilities required to play.

Upgrade or switch to another browser.

-
Loading…
-
- - - + + + + + + + + Diffractive reading + + +
+ Archive + +
+ + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..105474c --- /dev/null +++ b/style.css @@ -0,0 +1,78 @@ +* { + box-sizing: border-box; +} + +html, +body { + font-size: 24px; + line-height: 1.6; + font-family: sans-serif; + background-color: #e6b0aa; +} + +#app { + width: 100%; +} + +section.recipe { + display: block; + margin: 48px auto; + padding: 32px; + width: 50ch; + border-radius: 0.5rem; + box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.1); +} + +.recipe label, +.recipe input, +.recipe textarea { + font-family: sans-serif; + display: block; + width: 100%; + max-width: 100%; +} + +input, +textarea, +button { + color: currentColor; + background: none; + border: 1px solid currentColor; + padding: 8px; + font-size: 1rem; +} + +button.add { + display: block; + width: 48px; + height: 48px; + margin: 0 auto; + margin-top: 16px; + cursor: pointer; + border-radius: 50%; +} + +textarea + textarea { + margin-top: 16px; +} + +label { + font-style: italic; + font-size: 19px; +} + +.entry + .entry { + margin-top: 32px; +} + +.archive { + position: absolute; + right: 24px; + top: 48px; + color: currentColor; + cursor: pointer; + background-color: white; + border-radius: 1em; + padding: 0 0.5em; + text-decoration: none; +}