Replace landingpage.js with raw css
This commit is contained in:
parent
6d1ef3f87b
commit
9d98e02b29
3 changed files with 15 additions and 28 deletions
|
@ -25,3 +25,18 @@
|
|||
list-style-type: none
|
||||
padding-left: 2em
|
||||
text-indent: -1.25em
|
||||
|
||||
|
||||
#rotating-gradient
|
||||
background: linear-gradient(15deg, #1E1F46, #404040)
|
||||
animation: 5s linear infinite gradient
|
||||
position: relative
|
||||
background-size: 200% 200%
|
||||
|
||||
@keyframes gradient
|
||||
0%
|
||||
background-position: 0 50%
|
||||
50%
|
||||
background-position: 100% 50%
|
||||
100%
|
||||
background-position: 0 50%
|
|
@ -1,13 +0,0 @@
|
|||
// JS Code that rotates the gradient on the content box on the front page
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
var mainBox = document.querySelector("#rotating-gradient");
|
||||
var angle = 0;
|
||||
// Rotate the gradient 1 degree every 100ms
|
||||
setInterval(function () {
|
||||
mainBox.style.background = "linear-gradient(".concat(angle, "deg, #1E1F46, #404040)");
|
||||
angle += 1;
|
||||
if (angle >= 360) {
|
||||
angle = 0;
|
||||
}
|
||||
}, 100);
|
||||
});
|
|
@ -1,15 +0,0 @@
|
|||
// JS Code that rotates the gradient on the content box on the front page
|
||||
|
||||
document.addEventListener("DOMContentLoaded", (): void => {
|
||||
const mainBox: HTMLDivElement = document.querySelector("#rotating-gradient");
|
||||
let angle: number = 0;
|
||||
|
||||
// Rotate the gradient 1 degree every 100ms
|
||||
setInterval((): void => {
|
||||
mainBox.style.background = `linear-gradient(${angle}deg, #1E1F46, #404040)`;
|
||||
angle += 1;
|
||||
if (angle >= 360) {
|
||||
angle = 0
|
||||
}
|
||||
}, 100);
|
||||
});
|
Loading…
Reference in a new issue