Content Migration from websites repo

styles/ReadyOrNot.module.css

@@ -0,0 +1,249 @@
+.page {
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  background-color: var(--background_black);
+}
+
+.main {
+  color: var(--text_normal);
+  min-height: 100vh;
+  padding: 1rem;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: center;
+}
+
+.mapContainer {
+  aspect-ratio: 1;
+  margin-top: 2rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.mc_desktop {
+  height: 80%;
+  flex-direction: row;
+}
+
+.mc_mobile {
+  width: 90%;
+  flex-direction: column;
+}
+
+.map {
+  position: relative;
+  aspect-ratio: 1;
+}
+
+.map_desktop {
+  height: 90%;
+  max-height: 100%;
+}
+
+.map_mobile {
+  width: 90%;
+  max-width: 100%;
+}
+
+.floorSelection {
+  display: flex;
+  justify-content: center;
+}
+
+.fs_desktop {
+  height: 100%;
+  align-items: left;
+  margin: 4%;
+  flex-direction: column;
+}
+
+.fs_mobile {
+  width: 100%;
+  align-items: center;
+  margin: 8%;
+  flex-direction: row;
+}
+
+.floor_button {
+  color: var(--text_normal);
+  background-color: var(--background_red);
+  border: 1px solid var(--button_border_normal);
+  min-width: 32px;
+  min-height: 32px;
+}
+
+.fb_mobile {
+  margin: 0 5%;
+}
+
+.floor_button:active {
+  border: 1px solid var(--button_border_pressed);
+}
+
+.floorIndicator {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+}
+
+.findicator_desktop {
+  flex-direction: column;
+  margin-right: 2%;
+  height: 100%;
+}
+
+.findicator_mobile {
+  flex-direction: row;
+}
+
+.floorNumber {
+  font-size: 18pt;
+}
+
+.fn_desktop {
+  margin: 2%;
+  margin-bottom: 50%;
+}
+
+.fn_mobile {
+  margin-right: 4%;
+}
+
+.floorIcon {
+  background-clip: content-box;
+}
+
+.fi_desktop {
+  min-height: 4px;
+  min-width: 40px;
+  width: 100%;
+  height: 1%;
+  margin: 8%;
+}
+
+.fi_mobile {
+  aspect-ratio: 0.5;
+  min-height: 40px;
+  min-width: 4px;
+  height: 25%;
+  margin: 0.5rem;
+}
+
+.fi_inactive {
+  background-color: var(--floor_selector);
+}
+
+.fi_inactive:hover {
+  background-color: var(--red_light);
+}
+
+.fi_active {
+  background-color: var(--red);
+}
+
+.sidebarPlaceholder {
+  width: 10px;
+}
+
+.sidebar {
+  max-width: 100%;
+  min-width: 5%;
+  z-index: 100;
+  position: absolute;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  height: 100%;
+}
+
+.sidebarArrow {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  height: 100%;
+  width: 3%;
+  min-width: 10px;
+  background-color: var(--background_red);
+}
+
+.sidebarList {
+  overflow-y: scroll;
+  scrollbar-width: none;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  padding: 2rem;
+  flex-wrap: nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  background-color: var(--background_grey_opaque);
+}
+
+.sidebar::-webkit-scrollbar {
+  width: 0px;
+  background: transparent;
+}
+
+.sl_active  {
+  display: flex;
+}
+
+.sl_inactive {
+  display: none;
+}
+
+.navElem {
+  font-size: 14pt;
+  width: auto;
+  border-radius: 5px;
+  margin: 0.4rem;
+  padding: 0.8rem;
+}
+
+.ne_inactive:hover {
+  color: var(--red_light);
+  background-color: var(--background_grey_opaque);
+  border-radius: 5px;
+  outline: 2px solid;
+  outline-offset: -2px;
+}
+
+.ne_inactive {
+  color: var(--text_normal);
+  background-color: var(--background_grey);
+}
+
+.ne_active {
+  color: var(--red);
+  outline: 2px solid;
+  outline-offset: -2px;
+  background-color: transparent;
+}
+
+.title a {
+  color: var(--red);
+  text-decoration: none;
+}
+
+.title {
+  margin: 0;
+  line-height: 1.15;
+  font-size: 4rem;
+}
+
+.title,
+.description {
+  text-align: center;
+}
+
+.description {
+  margin: 4rem 0;
+  line-height: 1.5;
+  font-size: 1.5rem;
+}

styles/globals.css

@@ -0,0 +1,35 @@
+html,
+body {
+  padding: 0;
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+}
+
+:root {
+  /* Ready or Not vars */
+  --background_black: #000;
+  --background_grey_opaque: #131313ee;
+  --background_grey: #333;
+  --background_red: #300;
+
+  --button_border_normal: #666;
+  --button_border_pressed: #333;
+
+  --floor_selector: #999;
+
+  --red: #600;
+  --red_light: #a00;
+
+  --text_normal: #ddd;
+  --text_dark: #999;
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+}
+
+* {
+  box-sizing: border-box;
+}