import "./style.css";
import backwalkgeorge from "/backwalkgeorge.jpg";
import georgetoilet from "/georgetoilet.png";
import klinefloor from "/klinefloor.jpeg";
import klinemirror from "/klinemirror.jpg";
import klineoutside from "/klineoutside.jpeg";
import klinetrain from "/klinetrain.jpeg";
import sashaklineburrito from "/sashaklineburrito.jpeg";
import sashaklinecar from "/sashaklinecar.jpeg";
import sunsetkline from "/sunsetkline.png";

let app = document.getElementById("app")!;

let setImages = () => {
  let images = [
    backwalkgeorge,
    georgetoilet,
    klinefloor,
    klinemirror,
    klineoutside,
    klinetrain,
    sashaklineburrito,
    sashaklinecar,
    sunsetkline,
  ];
  for (let index in images) {
    let img = document.createElement("img");
    img.setAttribute("src", images[index]);
    img.style.setProperty("left", (Math.random() * 100).toString() + "%");
    img.style.setProperty("top", (Math.random() * 100).toString() + "%");
    app.append(img);
  }
};

setImages();