41 lines
899 B
HTML
41 lines
899 B
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<style>
|
||
|
|
div {
|
||
|
|
transition: all 1s linear;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div>This site is currently under construction!</div>
|
||
|
|
<div>If you are in need of entertainment in the mean time click <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">here</a>!</div>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
let divs = document.getElementsByTagName("div");
|
||
|
|
let size = parseInt(localStorage.getItem("size"));
|
||
|
|
if(isNaN(size)) size = 15;
|
||
|
|
for(let div of divs) {
|
||
|
|
div.style.fontSize = size + "px";
|
||
|
|
}
|
||
|
|
|
||
|
|
const max_size = 100;
|
||
|
|
const min_size = 10;
|
||
|
|
let growing = true;
|
||
|
|
|
||
|
|
setInterval(() => {
|
||
|
|
if(size > 100) growing = false;
|
||
|
|
if(size < 10) growing = true;
|
||
|
|
|
||
|
|
if(growing) size += 20;
|
||
|
|
else size -= 20;
|
||
|
|
|
||
|
|
for(let div of divs) {
|
||
|
|
div.style.fontSize = size + "px";
|
||
|
|
}
|
||
|
|
|
||
|
|
localStorage.setItem("size", size);
|
||
|
|
}, 1000);
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|