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
|
list-style-type: none
|
||||||
padding-left: 2em
|
padding-left: 2em
|
||||||
text-indent: -1.25em
|
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