add cryframes

This commit is contained in:
do butterflies cry? 2026-02-03 22:20:31 +10:00
parent a10991e124
commit 4b77bef6ef
2 changed files with 27 additions and 14 deletions

View file

@ -3,15 +3,6 @@
/* =========================================================== */ /* =========================================================== */
.ppty { .ppty {
background-color: var(--theme-bg);
border: 0.5ch solid var(--theme-tty-border);
margin: auto auto;
padding: 20px;
position: relative;
height: auto;
/* display: block; */ /* display: block; */
/* flex-direction: column; */ /* flex-direction: column; */
/* justify-content: start; */ /* justify-content: start; */
@ -19,6 +10,9 @@
/* align-items: start; */ /* align-items: start; */
overflow: hidden; overflow: hidden;
font-family: monospace;
font-weight: bold;
} }
.ppty-block { .ppty-block {

View file

@ -2,6 +2,11 @@ body {
background-color: var(--theme-bg); background-color: var(--theme-bg);
} }
main {
visibility: hidden;
opacity: 0;
}
#bg-canvas { #bg-canvas {
display:block; display:block;
position: fixed; position: fixed;
@ -12,7 +17,7 @@ body {
z-index: -1; z-index: -1;
} }
.centered { .centered-container {
position: absolute; position: absolute;
inset: 0 0 0 0; inset: 0 0 0 0;
margin: auto; margin: auto;
@ -20,8 +25,22 @@ body {
display: flex; display: flex;
} }
.heading { .centered {
font-family: monospace; margin: auto auto;
font-size: 2em; position: relative;
font-weight: bold; }
/* like iframes but . . . wait what are iframes again? */
.cryframe {
border: 0.5ch solid var(--theme-tty-border);
padding: 20px;
width: auto;
height: auto;
background-color: var(--theme-bg);
color: var(--theme-text);
font-family: monospace;
font-size: 1.5em
} }