From 9412c03ad1564fa8089f9f3260abaf2588b6fec6 Mon Sep 17 00:00:00 2001 From: Emile Clark-Boman Date: Sat, 31 Jan 2026 09:27:34 +1000 Subject: [PATCH] TEMP: backup css --- www/css.bak/shader-style.css | 8 ---- www/css.bak/typing.css | 72 ------------------------------------ 2 files changed, 80 deletions(-) delete mode 100644 www/css.bak/shader-style.css delete mode 100644 www/css.bak/typing.css diff --git a/www/css.bak/shader-style.css b/www/css.bak/shader-style.css deleted file mode 100644 index 2e87d83..0000000 --- a/www/css.bak/shader-style.css +++ /dev/null @@ -1,8 +0,0 @@ -.gl-canvas-bg { - position: fixed; - left: 0; - top: 0; - width: 100%; - height: 100%; - z-index: -1; -} diff --git a/www/css.bak/typing.css b/www/css.bak/typing.css deleted file mode 100644 index c5f1e11..0000000 --- a/www/css.bak/typing.css +++ /dev/null @@ -1,72 +0,0 @@ -html, body { - height: 100%; - margin: 0; - background-color: #0e0d14; -} - -.centered { - position: absolute; - inset: 0 0 0 0; - margin: auto; - - display: flex; -} - -.heading { - font-family: monospace; - font-size: 2em; - font-weight: bold; - color: #ffc0cb; /* #ac4aed */ -} - -/* =========================================================== * - * Type Writer Effect * -/* =========================================================== */ - -#typing-wrapper { - margin: auto auto; - width: 39ch; /* prompt + command + cursor length */ - text-align: start; - - border: 0.5ch solid #ffc0cb; /* #ac4aed */ - padding: 20px; - - display: flex; - flex-direction: column; - justify-content: center; - align-content: center; - align-items: start; -} - -#typing-prompt { - width: 38ch; /* prompt + command length */ - animation: typing 3s steps(36), cursor-blink 0.6s steps(1, start) 3s infinite alternate; - white-space: nowrap; - overflow: hidden; - border-right: 1ch solid; -} - -#typing-result { - /* "3.8s" means the result is shown 0.8s after typing ends */ - animation: unhide 1s 3.8s forwards; - visibility: hidden; - white-space: pre-wrap; /* preserve linebreaks */ -} - -@keyframes typing { - from { - width: 2ch /* ignore prompt width */ - } -} - -@keyframes cursor-blink { - 50% { - border-color: transparent - } -} - -@keyframes unhide { - to { - visibility: visible - } -}