Fluffy/WebsiteArchive
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/Fluffys-website.git synced 2025-05-30 23:33:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

General fixes and updates

Browse source 
New font!
This commit is contained in:
Michał Gdula 2023-09-08 14:08:29 +01:00
parent daecf442e8
commit e1ac27a326
114 changed files with 436 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

34
static/js/title.js
View file

@ -8,24 +8,26 @@ title.textContent = '';
title.style.height = titleHeight + 'px';
title.style.opacity = "1";
titleText.split('').forEach((letter) => {
let span = document.createElement('span');
document.addEventListener('DOMContentLoaded', () => {
titleText.split('').forEach((letter) => {
let span = document.createElement('span');
span.textContent = letter;
span.style.left = letterOffset + 'px';
span.style.transform = 'translateY(100%)';
span.textContent = letter;
span.style.left = letterOffset + 'px';
span.style.transform = 'translateY(100%)';
title.append(span);
title.append(span);
setTimeout(() => {
span.style.transform = '';
}, timeOffset);
letterOffset += span.offsetWidth + 2.5;
timeOffset += 100;
});
setTimeout(() => {
span.style.transform = '';
}, timeOffset);
letterOffset += span.offsetWidth;
timeOffset += 100;
title.textContent = '';
title.textContent = titleText;
}, timeOffset + 500);
});
setTimeout(() => {
title.textContent = '';
title.textContent = titleText;
}, timeOffset + 500);