candycanearter07/comicsite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more retro

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_layouts/default.html
View File

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

18
_sass/main.scss
View File

@ -6,6 +6,20 @@
html {
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 {
@ -79,7 +93,7 @@ img {
display: flex;
justify-content: flex-end;
position: fixed;
bottom: 10vh; left: 4vw;
bottom: 10vh; left: -4vw;
padding: 10px;
gap: 10px;
width: 25vw;
@ -125,6 +139,8 @@ body::before {
opacity: 0.2;
pointer-events: none; z-index: 1000;
background-image: url("/assets/images/decor/overlay.png");
background-image: linear-gradient(#000000, #00000000, #000000);
background-size: 3px 3px;
animation-name: static;
animation-duration: 2s; animation-iteration-count: infinite;
animation-timing-function: steps(4);

10
_sass/sidebar.scss
View File

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