BirDt/animus
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Move background to it's own tag

Browse source
This commit is contained in:
Jakub Nowak 2025-02-09 17:08:52 +08:00
parent 915b275aab
commit 1cc2eb19a9
2 changed files with 83 additions and 76 deletions
Download patch file Download diff file Expand all files Collapse all files

18
css/styles.css
View file

@ -9,16 +9,22 @@ body {
color: var(--on-surface); color: var(--on-surface);
font-family: sans-serif; font-family: sans-serif;
/* main background image */
background-image: var(--background);
//background-size: auto;
background-repeat: no-repeat;
background-position: center center;
/* Disable overflow */ /* Disable overflow */
overflow: hidden; overflow: hidden;
} }
.bg {
position: absolute;
object-fit: cover;
object-position: center;
heigh: 100%;
width: 100%;
z-index: -100;
content: var(--background);
}
.silhouette { .silhouette {
position: absolute; position: absolute;
top: 0; top: 0;

1
index.html
View file

@ -11,6 +11,7 @@
</head> </head>
<body> <body>
<img class="bg"/>
<div class="silhouette hideable hidden"></div> <div class="silhouette hideable hidden"></div>
<div id="clock-box" class="top-middle center-text top-bleed-extra"> <div id="clock-box" class="top-middle center-text top-bleed-extra">