about: add about page and I did smth else but I can't remember
This commit is contained in:
parent
c32a5659a5
commit
bc2dae3239
7 changed files with 54 additions and 22 deletions
3
templates/partials/about.html
Normal file
3
templates/partials/about.html
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<about>
|
||||
<p>a</p>
|
||||
</about>
|
||||
|
|
@ -1,9 +1,10 @@
|
|||
<music>
|
||||
<vertical-marquee id="bg-text"></vertical-marquee>
|
||||
<vertical-marquee id="bg-text" aria-hidden="true"></vertical-marquee>
|
||||
<cute-container>
|
||||
<img src="/static/assets/gifs/music.gif" alt="Animated text 'Music'" />
|
||||
</cute-container>
|
||||
</music>
|
||||
<!-- Wall of text go!! -->
|
||||
<script>
|
||||
(function () {
|
||||
const chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
|
||||
|
|
@ -17,23 +18,14 @@
|
|||
const cols = Math.ceil(window.innerWidth / colWidth);
|
||||
const rows = Math.ceil(window.innerHeight / rowHeight);
|
||||
for (let c = 0; c < cols; c++) {
|
||||
const col = document.createElement("vertical-marquee-inner");
|
||||
col.style.left = c * colWidth + "px";
|
||||
for (let r = 0; r < rows; r++) {
|
||||
const span = document.createElement("text");
|
||||
span.textContent = chars[Math.floor(Math.random() * chars.length)];
|
||||
col.appendChild(span);
|
||||
}
|
||||
container.appendChild(col);
|
||||
const col = document.createElement("vertical-marquee-inner"); col.style.left = c *
|
||||
colWidth + "px"; for (let r = 0; r < rows; r++) {
|
||||
const span = document.createElement("text");
|
||||
span.textContent = chars[Math.floor(Math.random() * chars.length)]; col.appendChild(span);
|
||||
} container.appendChild(col);
|
||||
}
|
||||
}
|
||||
|
||||
let resizeTimer;
|
||||
window.addEventListener("resize", function () {
|
||||
} let resizeTimer; window.addEventListener("resize", function () {
|
||||
clearTimeout(resizeTimer);
|
||||
resizeTimer = setTimeout(build, 150);
|
||||
});
|
||||
|
||||
build();
|
||||
})();
|
||||
</script>
|
||||
}); build();
|
||||
})(); </script>
|
||||
Loading…
Add table
Add a link
Reference in a new issue