new background + fix background on portrait devices

This commit is contained in:
starlight 2024-10-08 13:46:46 +13:00
parent 3f36cc33d6
commit 19be3bb804
3 changed files with 7 additions and 4 deletions

BIN
img/bg5.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

View File

@ -33,10 +33,8 @@
</div>
<div class="sillylittlethings">
<img alt="THIS SITE IS HENTAI FREE. Lookin' for it? Leave." src="./img/hentaifree.webp" width="88">
<img alt="THIS SITE IS HENTAI FREE. Lookin' for it? Leave." src="./img/hentaifree.webp" width="140">
</div>
<img class="spinnycat" id="cornerimg" alt=":3c" width="64px" src="./img/3c.png">
</body>
</html>

View File

@ -70,12 +70,17 @@ p {
/* real styling begins */
body {
/*background: #060008;*/
background-image: url("./img/bg3.png");
image-rendering: pixelated;
background: url("./img/bg5.png") no-repeat center center fixed;
background-size: cover;
line-height: 1.8;
max-width: 70vw;
margin: auto;
}
/* this is not needed since i made it work better but i'll keep this here to remember how aspect ratio media queries work :v
@media (max-aspect-ratio: 500/333) {
}*/
.star {
color: #CBD7F1;
}