From eccc9ba8e73ac965d981c885561e7ed867175470 Mon Sep 17 00:00:00 2001 From: km0 Date: Mon, 15 May 2023 16:44:17 +0200 Subject: [PATCH] mh --- desc/entries/exex/index.html | 132 +++++++++++++++++++++++++++++++++++ desc/index.html | 78 ++------------------- desc/style.css | 106 ++++++++++++++++++++++++++++ 3 files changed, 243 insertions(+), 73 deletions(-) create mode 100644 desc/entries/exex/index.html create mode 100644 desc/style.css diff --git a/desc/entries/exex/index.html b/desc/entries/exex/index.html new file mode 100644 index 0000000..465fc95 --- /dev/null +++ b/desc/entries/exex/index.html @@ -0,0 +1,132 @@ + + + + + Exex + + + + + + +

EXEX

+
collaborative writing for branching documentation
+ +
+
+ collaborative + writing + tool +
+ + +
+ + + + + + + + + + +
+

Context

+

+ A branching version of the exquisite corpse game, forked from the exquisite branch drawing app developed for SI17. +

+

+ Write something, upload it and send the link to someone else: they will continue from your excerpt. With a catch: if you send to just one person the chain will continue linearly, but send it to more people and things will start branching in different directions. +

+ +

+ Could be a writing machine to work on the collective pubblication for the graduation, inspired by what Kim wrote here +

+
+ +
+

reflections

+ + + + +
+ +
+

examples

+
+ + + +
+ + + + + + + + + diff --git a/desc/index.html b/desc/index.html index 987c917..6565190 100644 --- a/desc/index.html +++ b/desc/index.html @@ -3,80 +3,10 @@ A toolkit,,, erg - - - + + - @@ -181,7 +111,9 @@ const wobble = () => { // replace space with   character, otherwise empty span = width 0 c = c == ' ' ? ' ' : c // wobble with centered random function - return `${c}` + + return `${c}` + // return `${c}` }).join('') e.style.transform = `translate(${r(10)}px, ${r(10)}px)` console.log(r()) diff --git a/desc/style.css b/desc/style.css new file mode 100644 index 0000000..3aec00a --- /dev/null +++ b/desc/style.css @@ -0,0 +1,106 @@ + + body { + margin: 32px; + font-family: sans-serif; + line-height: 1.6; + color: dodgerblue; + } + + pre, + section { + font-family: sans-serif; + font-size: 1rem; + line-height: 1.6; + padding: 1em; + border: 1px dashed currentColor; + max-width: 80ch; + margin-block: 1em; + } + + table { + border-collapse: collapse; + } + + thead { + font-weight: bold; + } + + tr { + border: 1px solid currentColor; + + } + + td { + border: 1px solid currentColor; + padding: 1em; + } + + td.title { + font-style: italic; + + } + + td.tags { + display: flex; + justify-content: flex-start; + flex-wrap: wrap; + gap: 8px; + border: none; + } + + .tag { + display: inline-block; + background-color: dodgerblue; + color: white; + border-radius: 1em; + padding: 2px 8px; + } + + + .controller { + margin-block: 32px; + + } + + span:not(.tag) { + transition: transform 5s ease-in 5s, margin 5s ease-in 5s; + transform: scale(1); + display: inline-block; + margin: 0; + + } + + span:hover:not(.tag) { + transform: scale(2)!important; + transition: transform 0.2s, margin 0.2s; + cursor: zoom-in; + margin: 4px; + } + + h1 { + margin-bottom: 0; + font-size: 46px; + } + + h2 { + margin-block: 0; + } + + + .meta { + display: flex; + align-items: center; + gap: 16px; + } + + .links { + list-style: none; + padding: 0; + display: flex; + gap: 8px; + } + + a { + color: currentColor; + font-weight: bold; + }