Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
/**
* Welcome Page
* Belongs to Decentraleyes.
*
* @author Thomas Rientjes
* @since 2024-11-11
* @license MPL 2.0
*
* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this file,
* You can obtain one at http://mozilla.org/MPL/2.0/.
*/
/**
* Private Functions
*/
const _animateHeaderElements = () => {
document.querySelector('#icon').classList.add('animated');
document.querySelector('#icon-accent').classList.add('animated');
document.querySelector('#logotype').classList.add('animated');
document.querySelector('#version-label').classList.add('animated');
};
const _animateContentElements = () => {
document.querySelector('#first-item').classList.add('animated');
document.querySelector('#second-item').classList.add('animated');
};
const _animateFooterElement = () => {
document.querySelector('#footer').classList.add('animated');
};
/**
* Event Handlers
*/
const _onDocumentVisible = () => {
window.scrollTo(0, 0);
_animateHeaderElements();
_animateContentElements();
_animateFooterElement();
};
/**
* Initializations
*/
document.addEventListener('DOMContentLoaded', () => {
if (document.visibilityState === 'visible') {
_onDocumentVisible();
} else {
document.addEventListener('visibilitychange', () => {
if (document.visibilityState === 'visible') {
_onDocumentVisible();
}
});
}
});