blob: 4681d9e2981440704d73f2c63e1b8784e7db5af8 (
plain)
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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
|
// @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-v3-or-Later
var DAYS = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
function startTime() {
var today = new Date();
var h = today.getHours();
var ampm = h >= 12 ? 'PM' : 'AM';
var m = today.getMinutes();
var s = today.getSeconds();
m = checkTime(m);
s = checkTime(s);
var h = h % 12;
var h = h ? h : 12; // the hour '0' should be '12'
//---------------------
var dow = DAYS[today.getDay()]
var dd = ('0' + today.getDate()).slice(-2)
var mm = ('0' + (today.getMonth() + 1 )).slice(-2)
var yy = today.getFullYear()
document.getElementById('date').innerHTML = dow + ' ' + yy + '-' + mm + '-' + dd
//---------------------
document.getElementById('time').innerHTML =
h + ":" + m + ":" + s + ' ' + ampm;
var t = setTimeout(startTime, 500);
}
function checkTime(i) {
if (i < 10) {i = "0" + i}; // add zero in front of numbers < 10
return i;
}
var dateElem = document.getElementById('date')
var vpwidth = document.documentElement.clientWidth
var sections = document.querySelectorAll('.box')
function fixSectionHeight() {
var step = 1
if (vpwidth >= 480) step = 2;
if (vpwidth >= 768) step = 4;
sections.forEach(function (s) {
s.style.height = 'auto'
})
for (var i = 0; i < sections.length; i += step) {
var ss = Array.prototype.slice.call(sections, i, i + step)
var hss = ss.map(function (e) { return e.clientHeight })
var h = Math.max.apply(null, hss)
ss.forEach(function (s) {
s.style.height = h + 'px'
})
}
}
function addLinks(DATA) {
const main = document.querySelector("main");
function createSection(linkGroup) {
const section = document.createElement("section");
const box = document.createElement("div");
box.classList.add("box");
const title = document.createElement("span");
title.classList.add("title");
title.innerHTML = linkGroup.category;
const content = document.createElement('div');
content.classList.add('content');
for (let link of linkGroup.links) {
const anchor = document.createElement('a');
anchor.setAttribute('href', link.url);
const anchorSpan = document.createElement('span');
anchorSpan.classList.add('links');
anchorSpan.innerHTML = link.name;
anchor.appendChild(anchorSpan);
content.appendChild(anchor);
}
box.appendChild(title);
box.appendChild(content)
section.appendChild(box);
return section;
}
for (let linkGroup of DATA.linkGroups) {
const section = createSection(linkGroup);
main.appendChild(section);
}
}
|
