From 964b2c1c38b7632dccf127cc7561e5b47e61fd74 Mon Sep 17 00:00:00 2001 From: Arthur Lu Date: Tue, 11 Apr 2023 10:11:02 -0700 Subject: [PATCH] basic idea Signed-off-by: Arthur Lu --- sheet.css | 56 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ sheet.js | 0 songs.html | 39 +++++++++++++++++++++++++++++++++++++ 3 files changed, 95 insertions(+) create mode 100644 sheet.css create mode 100644 sheet.js create mode 100644 songs.html diff --git a/sheet.css b/sheet.css new file mode 100644 index 0000000..8f14a18 --- /dev/null +++ b/sheet.css @@ -0,0 +1,56 @@ +:root { + --page-color: antiquewhite; + --background-color: white; + --text-color: black; + --shadow-color: black; +} + +* { + box-sizing: border-box; +} + +div.flex { + display: flex; + flex-direction: row; + flex-wrap: wrap; + align-items: center; + gap: 10px; +} + +div.grid { + display: grid; + align-items: center; + gap: 10px; +} + +body { + min-height: 100vh; + background-color: var(--background-color); + padding: 20px; +} + +main { + margin-left: auto; + margin-right: auto; + background-color: var(--page-color); + color: var(--text-color); + padding: 10px; + border: 1px solid var(--text-color); + border-radius: 10px; + box-shadow: 5px 5px 5px var(--shadow-color); + width: fit-content; + max-width: max(50%, 720px); +} + +main > form > * { + margin-top: 10px; +} + +input, select { + width: fit-content; + margin-left: 10px; +} + +h1 { + text-align: center; +} \ No newline at end of file diff --git a/sheet.js b/sheet.js new file mode 100644 index 0000000..e69de29 diff --git a/songs.html b/songs.html new file mode 100644 index 0000000..9b64e58 --- /dev/null +++ b/songs.html @@ -0,0 +1,39 @@ + + + + + + + + + +
+

Songs of the Second Age: Character Sheet

+
+
+ + + + + + +
+
+
+ + +
+
+ +
+ + + + +
+
+
+
+
+ + \ No newline at end of file