diff --git a/satiate.css b/satiate.css index 7e19820..100ba1d 100644 --- a/satiate.css +++ b/satiate.css @@ -57,6 +57,7 @@ a:hover { } #start-button { + display: none; user-select: none; width: 200px; height: 100px; @@ -470,8 +471,9 @@ a:hover { } #story-info { - display: flex; - flex-direction: column; + display: grid; + align-items: center; + grid-template-columns: repeat(1, minmax(240px, 1fr)); } .tooltip { @@ -493,4 +495,5 @@ a:hover { .tooltip:hover::before { display: inline-block; -} \ No newline at end of file +} + diff --git a/satiate.html b/satiate.html index 570fc94..6128a8f 100644 --- a/satiate.html +++ b/satiate.html @@ -20,29 +20,22 @@
-
-

Welcome to Satiate

- Discord Server -
- Changelog -

Version:

-

This game contains 18+ content

-

Most of the games have sound!

-
+

Satiate

+

Satiate is a text-adventure engine. You can browse the available stories below.

-
-

Title

-
-

Description

-
-

Tags

-
+
+

+
+
+
+
+
diff --git a/satiate.js b/satiate.js index 86872bb..10631b6 100644 --- a/satiate.js +++ b/satiate.js @@ -183,6 +183,9 @@ function initStart() { div.classList.add("tooltip"); holder.appendChild(div); }) + + document.querySelector("#description").innerText = story.info.desc; + document.querySelector("#start-button").style.display = "inline"; }); const start = document.querySelector("#start-button");