First version, for githup; UNSTABLE, DO NOT USE!
This commit is contained in:
13
www/intern/scripts/wkvs/script.js
Normal file
13
www/intern/scripts/wkvs/script.js
Normal file
@@ -0,0 +1,13 @@
|
||||
const texts = document.querySelectorAll('.textWelcomeScreen');
|
||||
|
||||
texts.forEach(text => {
|
||||
const characters = text.textContent.split('');
|
||||
text.textContent = '';
|
||||
|
||||
characters.forEach((char, index) => {
|
||||
const span = document.createElement('span');
|
||||
span.textContent = char;
|
||||
span.style.animationDelay = `${index * 0.1}s`;
|
||||
text.appendChild(span);
|
||||
});
|
||||
});
|
||||
24
www/intern/scripts/wkvs/wkvs.html
Normal file
24
www/intern/scripts/wkvs/wkvs.html
Normal file
@@ -0,0 +1,24 @@
|
||||
<link rel="stylesheet" href="/intern/css/wkvs.css">
|
||||
|
||||
<div class="welcomeScreen">
|
||||
<div class="innerWelcomeScreen">
|
||||
<p class="textWelcomeScreen title">WKVS</p>
|
||||
<p class="textWelcomeScreen text">Kunstturnen</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const texts = document.querySelectorAll('.textWelcomeScreen');
|
||||
|
||||
texts.forEach(text => {
|
||||
const characters = text.textContent.split('');
|
||||
text.textContent = '';
|
||||
|
||||
characters.forEach((char, index) => {
|
||||
const span = document.createElement('span');
|
||||
span.textContent = char;
|
||||
span.style.animationDelay = `${index * 0.1}s`;
|
||||
text.appendChild(span);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user