-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
81 lines (68 loc) · 2.14 KB
/
script.js
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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
window.onload = () => {
const html = document.querySelector('html');
const body = document.querySelector('body');
const background = document.querySelector('background');
const setBackgroundImage = () => {
const image = `./assets/image/${config[0]['backgroundImage']}`;
background.setAttribute('src', image);
background.style.backgroundImage = `url(${image})`;
}
const setSupportList = () => {
const listContainer = document.querySelector('container .supports');
for(let i = 0; i < config[0]['supports'].length; i++) {
let data = config[0]['supports'][i];
let el = document.createElement('div');
el.classList.add('list');
el.innerHTML = `
<img src="./assets/brand-icon/${data['picture']}" alt="${data['name']}" title="${data['name']}" class="picture" />
<div class="num">${data['num']}</div>
`
listContainer.appendChild(el);
delete el;
delete data;
}
}
const disableDragImage = () => {
const res = document.querySelectorAll('img').forEach(img => {
img.setAttribute('draggable', 'false');
});
return res;
}
const setHoverAnimate = () => {
document.querySelectorAll('container .supports .list').forEach(el => {
el.addEventListener('mouseover', () => {
el.classList.add('active');
});
el.addEventListener('mouseout', () => {
if(el.classList.contains('active')) {
el.classList.remove('active');
}
});
});
}
const setCopyright = () => {
const el = document.createElement('div');
el.classList.add('mail');
el.innerHTML = '<a href="mailto:[email protected]" target="_blank" alt="[email protected]" title="[email protected]">[email protected]</a>';
body.appendChild(el);
delete el;
return;
}
const setDeveloper = () => {
const el = document.createElement('div');
el.classList.add('developer');
el.innerHTML = `<a href="https://resume.tobelsoft.my.id/" title="Wiji Fiko Teren" alt="Wiji Fiko Teren" target="_blank">Wiji Fiko Teren</a>`;
body.appendChild(el);
delete el;
return;
}
setBackgroundImage();
setSupportList();
setHoverAnimate();
setCopyright();
setDeveloper();
setTimeout(function f() {
disableDragImage();
clearTimeout(f);
}, 300);
}