From 8a1ce780b920c01bc5a37cf9d6c79e1f5c40abe3 Mon Sep 17 00:00:00 2001
From: "DESKTOP-DRCSSPA\\Zintis" <zintismay@gmail.com>
Date: Thu, 21 Mar 2024 23:56:32 -0400
Subject: [PATCH] fixed landing page squares

---
 contact.html | 73 ----------------------------------------------------
 games.html   | 73 ----------------------------------------------------
 home.html    | 13 ----------
 index.html   | 11 +++++---
 work.html    | 73 ----------------------------------------------------
 5 files changed, 8 insertions(+), 235 deletions(-)

diff --git a/contact.html b/contact.html
index a75f595..3718dfa 100644
--- a/contact.html
+++ b/contact.html
@@ -41,78 +41,5 @@ <h1 class="headerText">Contact Me</h1>
 <script src="data/contactData.js"></script>
 
 <script src="addMenu.js"></script>
-<script>
-
-  let blueSquareWithContent = document.querySelectorAll(".contentArea .blueSquare")
-  // alert(blueSquareWithContent.length)
-  for (let x = 0; x < blueSquareWithContent.length; x++) {
-    let target = blueSquareWithContent[x]
-    target.position = "absolute"
-    target.style.top = `calc(40% + ${x * 50}px)`
-    if (x % 2 === 1) {
-      target.style.margin = "0 calc(50% + 150px)"
-    } else {
-      target.style.margin = "0 calc(50% - 150px)"
-    }
-  }
-
-  let blueSquareArray = createShapes(10)
-  blueSquareArray.forEach(tri => {
-    contentArea.appendChild(tri)
-  })
-
-  function rand(min, max) {
-    return min + Math.floor(Math.random() * Math.floor(max - min + 1));
-  }
-
-  function weightedRand(min, max, goHi, iterations) {
-    var numToReturn = max;
-    for (var k = 0; k < iterations; k++) {
-      var randomNumber = rand(min, max);
-      if (goHi && randomNumber > numToReturn) {
-        numToReturn = randomNumber
-      } else if (!goHi && randomNumber < numToReturn) {
-        numToReturn = randomNumber
-      }
-    }
-    return numToReturn;
-  }
-
-  function makeRandomBlueSquare(i, distanceFromTB, distanceFromLR) {
-    var heightWidth = rand(50, 100);
-    let tri = document.createElement("div")
-    tri.classList.add("blueSquare")
-    tri.style.zIndex = 0
-    tri.style.top = rand(distanceFromTB.lo, distanceFromTB.hi) + "%"
-    tri.style.left = rand(distanceFromLR.lo, distanceFromLR.hi) + "%"
-    tri.style.height = heightWidth + "px"
-    tri.style.width = heightWidth + "px"
-    tri.style.opacity = weightedRand(10, 70, false, 3) / 100
-
-    return tri
-  }
-
-  function createShapes(amount) {
-    //Version 1 sides
-    var blueSquareArray = []
-    // left
-    for (var x = 0; x < amount; x++) {
-      blueSquareArray.push(makeRandomBlueSquare(x, { lo: 15, hi: 100 }, { lo: -5, hi: 0 }))
-    }
-    // right
-    for (var y = 0; y < amount; y++) {
-      blueSquareArray.push(makeRandomBlueSquare(x, { lo: 15, hi: 100 }, { lo: 100, hi: 105 }))
-    }
-    // // top
-    // for (var z = 0; z < amount; z++) {
-    //   blueSquareArray.push(makeRandomBlueSquare(x, { lo: -3, hi: 5 }, { lo: 10, hi: 90 }))
-    // }
-    // // bottom
-    // for (var q = 0; q < amount; q++) {
-    //   blueSquareArray.push(makeRandomBlueSquare(x, { lo: 97, hi: 103 }, { lo: -10, hi: 100 }))
-    // }
-    return blueSquareArray
-  }
-</script>
 
 </html>
\ No newline at end of file
diff --git a/games.html b/games.html
index d58d7ef..bfabfb7 100644
--- a/games.html
+++ b/games.html
@@ -54,78 +54,5 @@ <h3>
   }
 </script>
 <script src="addMenu.js"></script>
-<script>
-
-  let blueSquareWithContent = document.querySelectorAll(".contentArea .blueSquare")
-  // alert(blueSquareWithContent.length)
-  for (let x = 0; x < blueSquareWithContent.length; x++) {
-    let target = blueSquareWithContent[x]
-    target.position = "absolute"
-    target.style.top = `calc(40% + ${x * 50}px)`
-    if (x % 2 === 1) {
-      target.style.margin = "0 calc(50% + 150px)"
-    } else {
-      target.style.margin = "0 calc(50% - 150px)"
-    }
-  }
-
-  let blueSquareArray = createShapes(10)
-  blueSquareArray.forEach(tri => {
-    contentArea.appendChild(tri)
-  })
-
-  function rand(min, max) {
-    return min + Math.floor(Math.random() * Math.floor(max - min + 1));
-  }
-
-  function weightedRand(min, max, goHi, iterations) {
-    var numToReturn = max;
-    for (var k = 0; k < iterations; k++) {
-      var randomNumber = rand(min, max);
-      if (goHi && randomNumber > numToReturn) {
-        numToReturn = randomNumber
-      } else if (!goHi && randomNumber < numToReturn) {
-        numToReturn = randomNumber
-      }
-    }
-    return numToReturn;
-  }
-
-  function makeRandomBlueSquare(i, distanceFromTB, distanceFromLR) {
-    var heightWidth = rand(50, 100);
-    let tri = document.createElement("div")
-    tri.classList.add("blueSquare")
-    tri.style.zIndex = 0
-    tri.style.top = rand(distanceFromTB.lo, distanceFromTB.hi) + "%"
-    tri.style.left = rand(distanceFromLR.lo, distanceFromLR.hi) + "%"
-    tri.style.height = heightWidth + "px"
-    tri.style.width = heightWidth + "px"
-    tri.style.opacity = weightedRand(10, 70, false, 3) / 100
-
-    return tri
-  }
-
-  function createShapes(amount) {
-    //Version 1 sides
-    var blueSquareArray = []
-    // left
-    for (var x = 0; x < amount; x++) {
-      blueSquareArray.push(makeRandomBlueSquare(x, { lo: 15, hi: 100 }, { lo: -5, hi: 0 }))
-    }
-    // right
-    for (var y = 0; y < amount; y++) {
-      blueSquareArray.push(makeRandomBlueSquare(x, { lo: 15, hi: 100 }, { lo: 100, hi: 105 }))
-    }
-    // // top
-    // for (var z = 0; z < amount; z++) {
-    //   blueSquareArray.push(makeRandomBlueSquare(x, { lo: -3, hi: 5 }, { lo: 10, hi: 90 }))
-    // }
-    // // bottom
-    // for (var q = 0; q < amount; q++) {
-    //   blueSquareArray.push(makeRandomBlueSquare(x, { lo: 97, hi: 103 }, { lo: -10, hi: 100 }))
-    // }
-    return blueSquareArray
-  }
-</script>
 
 </html>
\ No newline at end of file
diff --git a/home.html b/home.html
index f66223e..f8f250a 100644
--- a/home.html
+++ b/home.html
@@ -34,19 +34,6 @@ <h1>Zintis May</h1>
 </script>
 <script>
 
-  let blueSquareWithContent = document.querySelectorAll(".contentArea .blueSquare")
-  // alert(blueSquareWithContent.length)
-  for (let x = 0; x < blueSquareWithContent.length; x++) {
-    let target = blueSquareWithContent[x]
-    target.position = "absolute"
-    target.style.top = `calc(40% + ${x * 50}px)`
-    if (x % 2 === 1) {
-      target.style.margin = "0 calc(50% + 150px)"
-    } else {
-      target.style.margin = "0 calc(50% - 150px)"
-    }
-  }
-
   let blueSquareArray = createShapes(10)
   let contentArea = document.getElementById("contentArea")
   blueSquareArray.forEach(tri => {
diff --git a/index.html b/index.html
index 2a1c566..0746529 100644
--- a/index.html
+++ b/index.html
@@ -28,6 +28,11 @@
   <a href="home.html" class="fancyZ fixedCenter"></a>
 
 </body>
+<script>
+  document.body.addEventListener("click", function () {
+    window.location = "home.html"
+  })
+</script>
 <script>
 
   let blueSquareArray = createShapes(10)
@@ -54,14 +59,14 @@
   }
 
   function makeRandomblueSquare(i, topBottom, distanceFromTB, leftRight, distanceFromLR) {
-    var heightWidth = rand(10, 20);
+    var heightWidth = rand(75, 150);
     let tri = document.createElement("div")
     tri.classList.add("blueSquare")
     tri.style.zIndex = 0
     if (topBottom) tri.style[topBottom] = rand(distanceFromTB.lo, distanceFromTB.hi) + "%"
     if (leftRight) tri.style[leftRight] = rand(distanceFromLR.lo, distanceFromLR.hi) + "%"
-    tri.style.height = heightWidth + "vw"
-    tri.style.width = heightWidth + "vw"
+    tri.style.height = heightWidth + "px"
+    tri.style.width = heightWidth + "px"
     tri.style.opacity = weightedRand(10, 70, false, 3) / 100
 
     return tri
diff --git a/work.html b/work.html
index 874171d..f6d82fa 100644
--- a/work.html
+++ b/work.html
@@ -54,78 +54,5 @@ <h3>
   }
 </script>
 <script src="addMenu.js"></script>
-<script>
-
-  let blueSquareWithContent = document.querySelectorAll(".contentArea .blueSquare")
-  // alert(blueSquareWithContent.length)
-  for (let x = 0; x < blueSquareWithContent.length; x++) {
-    let target = blueSquareWithContent[x]
-    target.position = "absolute"
-    target.style.top = `calc(40% + ${x * 50}px)`
-    if (x % 2 === 1) {
-      target.style.margin = "0 calc(50% + 150px)"
-    } else {
-      target.style.margin = "0 calc(50% - 150px)"
-    }
-  }
-
-  let blueSquareArray = createShapes(10)
-  blueSquareArray.forEach(tri => {
-    contentArea.appendChild(tri)
-  })
-
-  function rand(min, max) {
-    return min + Math.floor(Math.random() * Math.floor(max - min + 1));
-  }
-
-  function weightedRand(min, max, goHi, iterations) {
-    var numToReturn = max;
-    for (var k = 0; k < iterations; k++) {
-      var randomNumber = rand(min, max);
-      if (goHi && randomNumber > numToReturn) {
-        numToReturn = randomNumber
-      } else if (!goHi && randomNumber < numToReturn) {
-        numToReturn = randomNumber
-      }
-    }
-    return numToReturn;
-  }
-
-  function makeRandomBlueSquare(i, distanceFromTB, distanceFromLR) {
-    var heightWidth = rand(50, 100);
-    let tri = document.createElement("div")
-    tri.classList.add("blueSquare")
-    tri.style.zIndex = 0
-    tri.style.top = rand(distanceFromTB.lo, distanceFromTB.hi) + "%"
-    tri.style.left = rand(distanceFromLR.lo, distanceFromLR.hi) + "%"
-    tri.style.height = heightWidth + "px"
-    tri.style.width = heightWidth + "px"
-    tri.style.opacity = weightedRand(10, 70, false, 3) / 100
-
-    return tri
-  }
-
-  function createShapes(amount) {
-    //Version 1 sides
-    var blueSquareArray = []
-    // left
-    for (var x = 0; x < amount; x++) {
-      blueSquareArray.push(makeRandomBlueSquare(x, { lo: 15, hi: 100 }, { lo: -5, hi: 0 }))
-    }
-    // right
-    for (var y = 0; y < amount; y++) {
-      blueSquareArray.push(makeRandomBlueSquare(x, { lo: 15, hi: 100 }, { lo: 100, hi: 105 }))
-    }
-    // // top
-    // for (var z = 0; z < amount; z++) {
-    //   blueSquareArray.push(makeRandomBlueSquare(x, { lo: -3, hi: 5 }, { lo: 10, hi: 90 }))
-    // }
-    // // bottom
-    // for (var q = 0; q < amount; q++) {
-    //   blueSquareArray.push(makeRandomBlueSquare(x, { lo: 97, hi: 103 }, { lo: -10, hi: 100 }))
-    // }
-    return blueSquareArray
-  }
-</script>
 
 </html>
\ No newline at end of file