commit a7324b15c67a31e1fb18176940d2fbffb4515d4f Author: lzzfnc Date: Mon Nov 8 17:53:55 2021 +0100 first commit diff --git a/assets/shark.png b/assets/shark.png new file mode 100644 index 0000000..784892e Binary files /dev/null and b/assets/shark.png differ diff --git a/assets/you-tiao-chinese-donut-cakwe-vegan-friendly-recipe-main-photo.jpg b/assets/you-tiao-chinese-donut-cakwe-vegan-friendly-recipe-main-photo.jpg new file mode 100644 index 0000000..c18f423 Binary files /dev/null and b/assets/you-tiao-chinese-donut-cakwe-vegan-friendly-recipe-main-photo.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..aac19d3 --- /dev/null +++ b/index.html @@ -0,0 +1,28 @@ + + + + + + + IMGSSS + + + + +
+ Esse ad consequat minim irure anim dolore duis. Nulla reprehenderit amet nulla cupidatat + aliquip mollit culpa aliquip culpa proident eiusmod. Elit sit ut et est minim est sunt + excepteur ea ad excepteur consequat occaecat. Aliqua aute tempor consectetur ut et ex + quis non voluptate cupidatat id do minim. Nisi duis irure exercitation sint nulla veniam + amet esse. Irure reprehenderit aliqua occaecat esse eu dolore esse amet do laborum + cillum. Commodo id ut mollit culpa occaecat. +
+
+ + +
+ + diff --git a/script.js b/script.js new file mode 100644 index 0000000..73dd71a --- /dev/null +++ b/script.js @@ -0,0 +1,16 @@ +const container = document.getElementById("container"); +// console.log(container.children); + +let images = Array.from(container.children); +// console.log(images); + +// for (index in images) { +// console.log(images[index]); +// } + +images.forEach((image) => { + left = Math.random() * 100; + top = Math.random() * 100; + image.style.left = left + "%"; + image.style.top = top + "%"; +}); diff --git a/style.css b/style.css new file mode 100644 index 0000000..f6e873d --- /dev/null +++ b/style.css @@ -0,0 +1,15 @@ +main { + font-size: 2rem; +} + +#container { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; +} + +#container img { + position: absolute; +}