From cbc1e86a0adb9fae9364886d99f46fbdbfdd440e Mon Sep 17 00:00:00 2001 From: Hubol Date: Wed, 6 Dec 2023 20:23:16 -0600 Subject: [PATCH] Remove index.html, index.css --- src/index.css | 309 ------------------------------------------------- src/index.html | 32 ----- 2 files changed, 341 deletions(-) delete mode 100644 src/index.css delete mode 100644 src/index.html diff --git a/src/index.css b/src/index.css deleted file mode 100644 index 7a0bac6..0000000 --- a/src/index.css +++ /dev/null @@ -1,309 +0,0 @@ -* { - margin: 0; - padding: 0; -} - -html { - font-family: sans-serif; - height: 100%; - overflow: hidden; - --bg-color: #3870A8; - --bg-color-dark: #205088; -} - -#game_canvas { - /* see: http://jsfiddle.net/namuol/VAXrL/1459/ */ - image-rendering: -moz-crisp-edges; - image-rendering: pixelated; - - cursor: none; - - border-radius: 4px; -} - -#start_button { - background-color: #C0C0C0; - color: black; - appearance: unset; - display: inline-block; - font-weight: bold; - max-width: 80vw; - font-size: 8vmin; - padding: .25em .33em; - cursor: pointer; - border: 0.1875em outset #E0E0E0; - outline: 0; - - box-shadow: 3vmin 3vmin var(--bg-color-dark); -} - -#start_button:hover { - filter: brightness(1.025); -} - -#start_button:active { - filter: none; - border-style: inset; - text-indent: 0.1em; - box-shadow: 1.5vmin 1.5vmin var(--bg-color-dark); - transform: translate(1.5vmin, 1.5vmin); -} - -#fatal_error { - background-color: #1E1E1E; - color: #20d058; - - font-family: monospace; - font-size: 120%; - text-align: center; - - padding: 0.8em; - animation: fatal_error_glow 2s infinite alternate-reverse; -} - -@keyframes fatal_error_glow { - 0% { - text-shadow: 0 0 0.2em #387526a0; - } - 100% { - text-shadow: 0 0 0.7em #387526; - } -} - -#fatal_error h1, #fatal_error h2 { - opacity: 0; - animation: fatal_error_in 0.7s forwards; -} - -#fatal_error h1 { - margin-bottom: 1em; - animation-delay: 0.2s; -} - -#fatal_error h2 { - animation-delay: 0.4s; - white-space: pre-wrap; -} - -@keyframes fatal_error_in { - 0% { - transform: translate(0, 0.5em); - opacity: 0; - } - 100% { - transform: translate(0); - opacity: 100%; - } -} - -body { - background-color: var(--bg-color); - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - height: 100%; -} - -noscript { - font-size: 4vw; - font-weight: bold; - background-color: #d05050; - color: #f0f0d0; - padding: .1em .2em; -} - -.dev_message_container { - position: fixed; - bottom: 8px; - left: 8px; - font-size: 16px; - display: flex; - flex-direction: column-reverse; - align-items: flex-start; -} - -.dev_message_container > * { - padding: 16px; - margin: 8px; - background-color: white; - border-radius: 6px; - box-shadow: 4px 4px 4px var(--bg-color-dark); -} - -#runtime_errors { - font-family: monospace; - font-size: 120%; - - position: absolute; - top: 0; - left: 0; - padding: 0.5rem; - display: flex; - align-items: flex-start; - flex-direction: column; - gap: 0.5rem; -} - -#runtime_errors .count { - font-weight: 600; -} - -#runtime_errors .error { - display: flex; - gap: 0.5rem; - cursor: pointer; - - background-color: #a00000; - color: white; - text-shadow: 0 -1px 0 #400000; - padding: 0.2rem 0.5rem; - - border-radius: 3px; -} - -#runtime_errors .error.empty { - display: none; -} - -#runtime_errors .unique_count.empty { - display: none; -} - -#toast { - font-size: 120%; - - position: absolute; - top: 0; - right: 0; - padding: 0.5rem; - - display: flex; - align-items: flex-end; - flex-direction: column; -} - -#toast .warning_toast { - margin-bottom: 0.5rem; - display: flex; - align-items: center; - gap: 0.5rem; - background-color: #f8c818; - padding: 0.5rem 0.75rem; - border-radius: 3px; - position: relative; - animation: warning_toast_in 0.3s ease-out; - box-sizing: border-box; -} - -#toast .warning_toast.out { - animation: warning_toast_out 1.4s ease-out forwards; -} - -@keyframes warning_toast_in { - 0% { - left: calc(0.5rem + 100%); - } - 100% { - left: 0; - } -} - -@keyframes warning_toast_out { - 0% { - left: 0; - } - 50%, 100% { - left: calc(0.5rem + 100%); - } - 50% { - max-height: 1000px; - } - 90% { - padding: 0.5rem 0.75rem; - margin-bottom: 0.5rem; - } - 100% { - max-height: 0; - padding: 0; - margin: 0; - } -} - -#toast .message { - max-width: 25vw; -} - -@media (max-width: 800px) { - #toast .message { - max-width: unset; - } -} - -#toast .title { - font-weight: bold; - padding-bottom: 0.2rem; - margin-bottom: 0.2rem; - border-bottom: dashed 1px #E04020; -} - -#toast .description { - font-size: 95%; -} - -#toast svg.warning { - flex-shrink: 0; - height: 2rem; -} - -#loading { - display: flex; - flex-direction: column; - width: 80vw; - justify-content: center; - --color: #f8b0b4; -} - -#user_gesture { - background: none; - border: none; - opacity: 0; - pointer-events: none; - font-size: 10vw; - font-weight: bold; - letter-spacing: 0.1em; - color: var(--color); -} - -#user_gesture.show { - opacity: 1; - cursor: pointer; - pointer-events: unset; -} - -#user_gesture.hide { - opacity: 1; - overflow: clip; -} - -#user_gesture span { - position: relative; - top: 0; -} - -#user_gesture.hide span { - top: 1em; - transition: top 0.2s linear; -} - -#loading_bar .front { - width: 0px; - background-color: var(--color); - height: 1px; -} - -#loading.hide .front { - transform-origin: 100% 0%; - transform: scaleX(0); - transition: transform 0.2s; -} \ No newline at end of file diff --git a/src/index.html b/src/index.html deleted file mode 100644 index 1c55209..0000000 --- a/src/index.html +++ /dev/null @@ -1,32 +0,0 @@ - - - - - - - - - - - IguaRPG 2 - Alpha Ver. - - - - - - - -
- -
-
-
-
- - - - - \ No newline at end of file