diff options
| author | littleblack111 <littleblack11111@gmail.com> | 2024-01-04 11:32:10 +0800 |
|---|---|---|
| committer | littleblack111 <littleblack11111@gmail.com> | 2024-01-04 11:32:10 +0800 |
| commit | 0a268c4c73d8d8999bd044c2046e417484124e49 (patch) | |
| tree | 7cb06feb170a1b51e7cb80971fbb0f17e7f766e9 /src/js | |
| parent | b4457ca29373d65cb90e32d912a51e9474ec27f8 (diff) | |
updated style to match other pages (neon/cyber)
Diffstat (limited to 'src/js')
| -rw-r--r-- | src/js/about.js | 43 | ||||
| -rw-r--r-- | src/js/rbg.js | 41 |
2 files changed, 43 insertions, 41 deletions
diff --git a/src/js/about.js b/src/js/about.js index e69de29b..1a4813c2 100644 --- a/src/js/about.js +++ b/src/js/about.js @@ -0,0 +1,43 @@ +// Random Background color + +// aboutPage = document.querySelector(".aboutPage") + +// function getRandomColor() { +// const letters = "0123456789ABCDEF"; +// let color = "#"; +// for (let i = 0; i < 6; i++) { +// color += letters[Math.floor(Math.random() * 16)]; +// } +// return color; +// } + +// function setRandomGradient() { +// const rand3 = Math.floor(Math.random() * 3) + 1; +// if (rand3 === 1) { +// aboutPage.style.background = `linear-gradient(${Math.floor( +// Math.random() * 180 +// )}deg, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()})`; +// } else if (rand3 === 2) { +// aboutPage.style.background = `linear-gradient(${Math.floor( +// Math.random() * 180 +// )}deg, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}), +// linear-gradient(${Math.floor( +// Math.random() * 180 +// )}deg, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()})`; +// } else { +// aboutPage.style.background = `linear-gradient(${Math.floor( +// Math.random() * 180 +// )}deg, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}), +// linear-gradient(${Math.floor( +// Math.random() * 180 +// )}deg, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}), +// linear-gradient(${Math.floor( +// Math.random() * 180 +// )}deg, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()})`; +// } +// } + +// setRandomGradient(); + +// Execute setRandomGradient() every 1 minute +// setInterval(setRandomGradient, 60000); diff --git a/src/js/rbg.js b/src/js/rbg.js deleted file mode 100644 index fa6b11a6..00000000 --- a/src/js/rbg.js +++ /dev/null @@ -1,41 +0,0 @@ -document.body.style.transition = "background 1s ease-in-out"; - -function getRandomColor() { -const letters = "0123456789ABCDEF"; -let color = "#"; -for (let i = 0; i < 6; i++) { - color += letters[Math.floor(Math.random() * 16)]; -} -return color; -} - -function setRandomGradient() { -const rand3 = Math.floor(Math.random() * 3) + 1; -if (rand3 === 1) { - document.body.style.background = `linear-gradient(${Math.floor( - Math.random() * 180 - )}deg, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()})`; -} else if (rand3 === 2) { - document.body.style.background = `linear-gradient(${Math.floor( - Math.random() * 180 - )}deg, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}), -linear-gradient(${Math.floor( - Math.random() * 180 - )}deg, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()})`; -} else { - document.body.style.background = `linear-gradient(${Math.floor( - Math.random() * 180 - )}deg, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}), -linear-gradient(${Math.floor( - Math.random() * 180 - )}deg, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}), -linear-gradient(${Math.floor( - Math.random() * 180 - )}deg, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()}, ${getRandomColor()})`; -} -} - -setRandomGradient(); - -// Execute setRandomGradient() every 1 minute -setInterval(setRandomGradient, 60000); |