From 7935d3a8daf7ed5dae1dbc23ab35f17e665559fe Mon Sep 17 00:00:00 2001 From: grgr Date: Sat, 7 May 2022 12:45:44 +0200 Subject: [PATCH] wireframe structure --- .vscode/settings.json | 3 ++ index.html | 43 +++++++++++++++++++++++++++ style.css | 67 +++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 113 insertions(+) create mode 100644 .vscode/settings.json create mode 100644 index.html create mode 100644 style.css diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6b665aa --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..848c2e3 --- /dev/null +++ b/index.html @@ -0,0 +1,43 @@ + + + + + + + + Emergent Opera + + +
+
+ the atlas here +
+
Title
+
Filename.mp3
+
04:35
+
+
+
+
+

SI18 Weekly Release #3

+

Emergent Opera

+

description

+

contribution by:
Kimberley, Chae, Kamo, Supi, Emma, Miri, Carmen, Alex, Gersande

+

caretakers:
Erica, Gersande, Kamo

+
+
+
+

overture

+

Overture Atlas

+

description

+

the whole description

+

contents

+ +
+ +
+ +
+ + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..8456a5d --- /dev/null +++ b/style.css @@ -0,0 +1,67 @@ +:root { + --text:rgb(44, 44, 44); + --wireframe:#202020; + --background:#FF6347; +} +body{ + margin: 0; + padding: 0; + background-color: var(--background); +} +.container { + display: flex; + width: 100vw; + height: 100vh; + margin: 0; + overflow: hidden; +} + +.container > * { + flex-basis: 50%; + margin: 0; +} + +.atlas { + display: flex; + flex-direction: column; + justify-content: space-between; + border-right: solid 1px var(--wireframe); +} + +.info { + display: flex; + justify-content: space-around; + align-items: center; + height: 100px; + width: 100%; + border-top: solid 1px var(--wireframe); +} + +.libretto{ + + + overflow-y: scroll; +} +.libretto > * { + border-bottom: solid 1px var(--wireframe); +} +h3{ + font-weight: normal; +} +h4{ + text-transform: uppercase; + font-weight: normal; +} + +header{ + text-align: center; + height: 100vh; +} + +.index { + display: none; +} + +section{ + height: 100vh; +} \ No newline at end of file