starlight/stardust.wtf
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

new background + fix background on portrait devices

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

BIN
img/bg5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 55 KiB

4
index.html
View File

@ -33,10 +33,8 @@
</div> </div>
<div class="sillylittlethings"> <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> </div>
<img class="spinnycat" id="cornerimg" alt=":3c" width="64px" src="./img/3c.png">
</body> </body>
</html> </html>

7
style.css
View File

@ -70,12 +70,17 @@ p {
/* real styling begins */ /* real styling begins */
body { body {
/*background: #060008;*/ /*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; line-height: 1.8;
max-width: 70vw; max-width: 70vw;
margin: auto; 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 { .star {
color: #CBD7F1; color: #CBD7F1;
} }