diff --git a/base.css b/base.css new file mode 100644 index 0000000..c84cdc5 --- /dev/null +++ b/base.css @@ -0,0 +1,52 @@ +@font-face { + font-family: 'ServerMono'; + src: url('./fonts/ServerMono-Regular.otf'); +} + +:root { + --font-family: ServerMono; + --text: #17141f; + --background: #faf9fb; + --primary: #000000; + --secondary: #000000; + --accent: #000000; +} + +@media (prefers-color-scheme: dark) { + :root { + --text: #e3e0eb; + --background: #050406; + --primary: #ffffff; + --secondary: #ffffff; + --accent: #ffffff; + } +} + +* { + font-family: var(--font-family); +} + +html, body, div { + padding: 0; + margin: 0; + font-family: var(--font-family); + color: var(--text); + background-color: var(--background); +} + +/* Animate containers to see when they re-render */ +:root { + --debug: none; /* toggle to enable/disable debug */ +} + +div { + animation: var(--debug, show 500ms 100ms 1 forwards); + box-shadow: var(--debug, 0px 0px 0px 5px red); + margin: var(--debug, 0.5em); +} + +@keyframes show { + 100% { + box-shadow: 0px 0px 0px 0px #FC5185; + } +} diff --git a/darkbox.css b/darkbox.css index 8b303b0..b192311 100644 --- a/darkbox.css +++ b/darkbox.css @@ -27,6 +27,18 @@ } } +/* Animate containers to see when they re-render */ +div { + animation: show 1000ms 100ms 1 forwards; + box-shadow: 0px 0px 0px 5px red; + margin: 0.5em; +} + +@keyframes show { + 100% { + box-shadow: 0px 0px 0px 0px #FC5185; + } +} * { box-sizing: border-box; diff --git a/darkbox.html b/darkbox.html deleted file mode 100644 index 34a1b4a..0000000 --- a/darkbox.html +++ /dev/null @@ -1,95 +0,0 @@ - - -
- - -Press Space to toggle HUD
-Press Space to toggle HUD
-|-7a8gp85y=QoMcd9&|o;t$iZ-oVFN=J1Ka=O40{;L
z7=#$kGITL?F*q?aGUPG*WGG^o%;3c^nW2thGlM_FK87ufN{kW=o(!4{2N~utd}j1u
zh+?p0xWurUL6AX#!IYtxp_n0+VGE-*qc)>3!xlyfhQkcE86GjpGQ44AVzgk`$gqrI
zKEnovWQLs#n;AG66dCy#BN;szO&D%4JYo3B$i`^H$jPX{7{*Y};LWfBVG^=AAQQ0b
z1Lq?Krg#6@KsoFG@&D$`_6%Pbv>|y7N-{C9FqJV*U|?lnVCrIuU|?YIhR}?03`PvU
z7(iK*6QXtj14BIn14AH$$H3s^6BWYH$e^Gk1hwNG!!HE}hRGm##xG2Jz$F4GXY(`c
zVqj)qWC59z#=rn&Gct%Vq(RwC3_J`qP&PAz2SW#x&B9>DZ~@9@Ww2vpgR (i-hEHq(R?<=H(ScWCoJ-|^{FgSLGCu1~8QrGgxEuXH)Rs}S$X
zTF@2{m2A@XY1WFBAqCf;2ZeTTZLzwwjQNVPmlfkl5q2lFcNT=(EM(`I%Lf0xk}UguE@;yH_x3+7$xtyXuJ7}}Vmto0SaE$f
zkC*)&_
^(BEup_@ck6`Y;=X{(duy7L#EXFp+_
ze%*pKX~x#Y-
uvjUKw6HR@m}Y
zcdy#MMsw