diff --git a/index.html b/index.html index 8482838..4c5ec3d 100644 --- a/index.html +++ b/index.html @@ -2,19 +2,19 @@ - + Damned Fort | NaNoGenMo 2024 -
- -
+
- -
+
+
diff --git a/public/strong_fish.svg b/public/strong_fish.svg new file mode 100644 index 0000000..af7a76b --- /dev/null +++ b/public/strong_fish.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/src/main.js b/src/main.js index 429eac8..c7e4cce 100644 --- a/src/main.js +++ b/src/main.js @@ -56,7 +56,7 @@ async function main() { const next = document.getElementById("nextPage"); next.addEventListener("click", (e) => { next_ctrl(); }); - + next_ctrl(); } diff --git a/src/style.css b/src/style.css index 9d84d3e..7e78193 100644 --- a/src/style.css +++ b/src/style.css @@ -1,5 +1,5 @@ :root { - font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif; + font-family: Times New Roman, serif; line-height: 1.5; font-weight: 400; @@ -13,10 +13,29 @@ -moz-osx-font-smoothing: grayscale; } +#header { + padding: 2em; + position: absolute; + top: 0; + left: 0; + height: 100px; + width: 100%; + +} + + #frame { + position: absolute; + top: 80px; + left: 0; + width: 75%; padding: 2em; } +#controls { +} + + a { font-weight: 500; @@ -36,10 +55,18 @@ body { } h1 { - font-size: 3.2em; + font-size: 100%; line-height: 1.1; } +.subtitle { + font-size: 80%; +} + +#colophon { + font-size: 80%; +} + #app { max-width: 1280px; margin: 0 auto;