TEMP: backup css
This commit is contained in:
parent
1a33523337
commit
9412c03ad1
2 changed files with 0 additions and 80 deletions
|
|
@ -1,8 +0,0 @@
|
||||||
.gl-canvas-bg {
|
|
||||||
position: fixed;
|
|
||||||
left: 0;
|
|
||||||
top: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
z-index: -1;
|
|
||||||
}
|
|
||||||
|
|
@ -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
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue