Initial commit of LucentLink files
This commit is contained in:
commit
3c4c52fe2b
20 changed files with 569 additions and 0 deletions
30
static/js/script.js
Normal file
30
static/js/script.js
Normal file
|
@ -0,0 +1,30 @@
|
|||
// Generates floating circles for background
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const bgAnimation = document.getElementById('bgAnimation');
|
||||
|
||||
for (let i = 0; i < 15; i++) {
|
||||
const circle = document.createElement('div');
|
||||
circle.classList.add('circle');
|
||||
|
||||
// Random size between 50px and 200px
|
||||
const size = Math.random() * 150 + 50;
|
||||
circle.style.width = `${size}px`;
|
||||
circle.style.height = `${size}px`;
|
||||
|
||||
// Random position
|
||||
circle.style.left = `${Math.random() * 100}%`;
|
||||
circle.style.top = `${Math.random() * 100}%`;
|
||||
|
||||
// Random animation duration
|
||||
circle.style.animationDuration = `${Math.random() * 20 + 10}s`;
|
||||
circle.style.animationDelay = `${Math.random() * 5}s`;
|
||||
|
||||
bgAnimation.appendChild(circle);
|
||||
}
|
||||
|
||||
function updateColors() {
|
||||
document.documentElement.style.setProperty('--text-color', 'rgba(255, 255, 255, 0.85)');
|
||||
document.documentElement.style.setProperty('--icon-color', 'rgba(255, 255, 255, 0.7)');
|
||||
}
|
||||
updateColors();
|
||||
});
|
Loading…
Add table
Add a link
Reference in a new issue