august
/
augustkline.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

That didn't work, trying again

This commit is contained in:
august kline 2024-08-14 10:01:44 -04:00
parent c19ca9b41e
commit e6673f8432
2 changed files with 6 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/main.ts
View File

@ -26,14 +26,8 @@ let setImages = () => {
for (let index in images) { for (let index in images) {
let img = document.createElement("img"); let img = document.createElement("img");
img.setAttribute("src", images[index]); img.setAttribute("src", images[index]);
img.style.setProperty( img.style.setProperty("left", (Math.random() * 100).toString() + "%");
"left", img.style.setProperty("top", (Math.random() * 100).toString() + "%");
(Math.random() * window.innerWidth).toString() + "px",
);
img.style.setProperty(
"top",
(Math.random() * window.innerHeight).toString() + "px",
);
app.append(img); app.append(img);
} }
}; };

6
src/style.css
View File

@ -16,9 +16,10 @@
body, body,
html { html {
block-size: 100dvb; block-size: 100svb;
inline-size: 100dvi; inline-size: 100svi;
margin: 0; margin: 0;
padding: 0;
overflow: hidden; overflow: hidden;
} }
@ -26,6 +27,7 @@ html {
inline-size: 100%; inline-size: 100%;
block-size: 100%; block-size: 100%;
display: flex; display: flex;
margin: 0;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;