more retro

This commit is contained in:
etherware-novice 2024-09-07 23:30:52 -05:00
parent 0d441410d8
commit 19095cc728
No known key found for this signature in database
GPG Key ID: 5DB73B4D57B9D701
3 changed files with 26 additions and 4 deletions

View File

@ -15,7 +15,7 @@ navbar: topnav
style="border:none; position: fixed; z-index: 102; bottom: 0; left: 40vw;" style="border:none; position: fixed; z-index: 102; bottom: 0; left: 40vw;"
src="https://dimden.neocities.org/navlink/" name="neolink"> src="https://dimden.neocities.org/navlink/" name="neolink">
</iframe> </iframe>
<img src="/assets/images/crt1.png" class="overlay"> <!-- <img src="/assets/images/crt1.png" class="overlay"> -->
{% if page.neko == "true" %} {% if page.neko == "true" %}
{% include neko.html %} {% include neko.html %}
{% endif %} {% endif %}

View File

@ -6,6 +6,20 @@
html { html {
background-color: #2196F3; background-color: #2196F3;
filter: blur(0.5px);
}
html::before {
content: "";
position: fixed;
top: 0px; left: 0px;
width: 100%; height: 100%;
pointer-events: none;
opacity: 0.2;
z-index: 100000000;
background-color: yellowgreen;
opacity: 0.8;
mix-blend-mode: multiply;
} }
html, body { html, body {
@ -79,7 +93,7 @@ img {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
position: fixed; position: fixed;
bottom: 10vh; left: 4vw; bottom: 10vh; left: -4vw;
padding: 10px; padding: 10px;
gap: 10px; gap: 10px;
width: 25vw; width: 25vw;
@ -125,6 +139,8 @@ body::before {
opacity: 0.2; opacity: 0.2;
pointer-events: none; z-index: 1000; pointer-events: none; z-index: 1000;
background-image: url("/assets/images/decor/overlay.png"); background-image: url("/assets/images/decor/overlay.png");
background-image: linear-gradient(#000000, #00000000, #000000);
background-size: 3px 3px;
animation-name: static; animation-name: static;
animation-duration: 2s; animation-iteration-count: infinite; animation-duration: 2s; animation-iteration-count: infinite;
animation-timing-function: steps(4); animation-timing-function: steps(4);

View File

@ -21,10 +21,15 @@
} }
.container>* { .container>* {
background-color: #ccc; background-color: #222;
color: white;
text-shadow: 2px 2px 5px white;
border: 2px black solid; border: 2px black solid;
overflow: scroll; overflow: scroll;
box-shadow: 0px 0px 20px -5px black;
} }
.container a { color: white; }
.main { grid-area: main; } .main { grid-area: main; }
@ -45,6 +50,7 @@
background-color: transparent; background-color: transparent;
border: transparent; border: transparent;
image-rendering: pixelated; image-rendering: pixelated;
box-shadow: initial;
} }
.quotes { .quotes {
@ -62,4 +68,4 @@
} }
.pets { grid-area: pets; } .pets { grid-area: pets; }
#statuscafe, #statuscafe a { color: black; }