From 961465001cd39f2ab9071f91059aa0a5a6e66cb3 Mon Sep 17 00:00:00 2001 From: 3lover <67558424+3lover@users.noreply.github.com> Date: Sat, 4 May 2024 00:31:01 +0000 Subject: [PATCH] Basic Doc Boilerplate --- docs/index.html | 52 ++++++++++++++++++++++++++++ docs/index.js | 18 ++++++++++ docs/style.css | 92 +++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 162 insertions(+) create mode 100644 docs/index.html create mode 100644 docs/index.js create mode 100644 docs/style.css diff --git a/docs/index.html b/docs/index.html new file mode 100644 index 0000000..5e45f70 --- /dev/null +++ b/docs/index.html @@ -0,0 +1,52 @@ + + + + Level Imposter Docs + + + + + + + + + + + + + + +
+

LevelImposter Docs

+

Home

+

Basics

+
+ +
+ + + + + + +
+

Home

+
+

LevelImposter is a mod for Among Us which allows you to create, test, and play custom maps.

+
+ + +
+

Basics

+
+

This is the basics page.

+ +

Pictured above is the LevelImposter editor.

+
+ +
+ + + + + \ No newline at end of file diff --git a/docs/index.js b/docs/index.js new file mode 100644 index 0000000..9a27f24 --- /dev/null +++ b/docs/index.js @@ -0,0 +1,18 @@ +// grab all our html elements +const buttons = document.getElementsByClassName("sidebutton"); +const pages = document.getElementsByClassName("page"); + +// for every redirect button in our sidebar, add an event to open the page when clicked, and highlight the text +for (let button of buttons) button.addEventListener("click", function(e) { + for (let b of buttons) { + b.style.textDecoration = ""; + b.style.fontWeight = ""; + } + button.style.textDecoration = "underline"; + button.style.fontWeight = "bold"; + + for (let p of pages) p.style.display = "none"; + document.getElementById(button.id + "page").style.display = "block"; + + document.getElementById("pageholder").scrollTop = 0; +}); \ No newline at end of file diff --git a/docs/style.css b/docs/style.css new file mode 100644 index 0000000..9330a2f --- /dev/null +++ b/docs/style.css @@ -0,0 +1,92 @@ +/* some basic boilerplate css I often use */ +@font-face { + font-family: 'Jetbrains Mono'; + src: url('https://fonts.googleapis.com/css?family=JetBrains Mono'); +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: "JetBrains Mono", sans-serif; + user-select: none; + transition: var(--transitionTime); + box-shadow: none; + appearance: none; + border: 0; + outline: 0; + box-sizing: border-box; + -ms-overflow-style: none; + scrollbar-width: none; + color: #eeeeee; + background-color: #333333; + overflow: hidden; +} +*:focus { + outline: none; +} + +/* the sideholder title and buttons */ + +.sideholder { + position: absolute; + top: 0; + left: 0; + width: 20vw; + height: 100vh; + border-right: solid 0.5vw #eeeeee; + padding-top: 5vh; + overflow-y: scroll; +} + +.sidetitle { + font-size: 3vh; + font-weight: bold; +} + +.sidebutton { + padding-left: 1vw; + padding-top: 2vh; + font-size: 3vh; +} + +/* the elements for the pages themselves */ +.pageholder { + position: absolute; + top: 0; + left: 25vw; + width: 80vw; + height: 100vh; + overflow-y: scroll; +} + +.page { + display: none; +} + +.pagetitle { + font-size: 8vh; + padding-top: 5vh; + width: 70vw; +} + +.pagetext { + font-size: 3vh; + width: 70vw; +} + +.pagedivider { + position: relative; + width: 70vw; + border-top: 1vh solid #eeeeee; + padding-bottom: 5vh; +} + +.pageimg { + display: flex; + justify-content: center; + align-items: center; + max-width: 70vw; + padding-top: 2vh; + padding-bottom: 2vh; +} \ No newline at end of file