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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
|
const main = {
body: document.getElementById('main'),
url: window.location.href
}
const getPage = async () => {
const object = {
session: document.cookie,
url: window.location.href
}
await fetch('/', {
method: 'post',
body: JSON.stringify(object),
headers: new Headers({
'Content-Type': 'application/json'
})
})
.then(response => response.text())
.then(text => main.body.innerHTML = DOMPurify.sanitize(text))
}
// ! Loading screen
const loading = () => {}
// ! Add event listener and loading screen
const init = () => {
loading()
getPage().then(output => {
eventListener()
})
}
init()
// ! Menu
const openMenu = (menuList, menuIcon, closeButton, list) => {
menuIcon.style.opacity = 0
setTimeout(() => {
menuList.style.display = 'flex'
menuList.style.zindex = 999
setTimeout(() => {
menuList.style.opacity = 0.9
}, '250')
}, '250')
}
const closeMenu = (menuList, menuIcon, closeButton, list) => {
//closeButton.style.fontSize = '15rem'
menuList.style.opacity = 0
setTimeout(() => {
menuList.style.display = 'none'
menuList.style.zIndex = -9999
setTimeout(() => {
menuIcon.style.opacity = 1
}, '250')
}, '500')
}
// Blog
const blogButtonList = document.getElementsByClassName('bloglistbutton')
const getUrl = () => {
if (window.location.href.endsWith('/')) {
return `${window.location.href}item`
} else {
return `${window.location.href}/item`
}
}
const getBlog = async (x) => {
const object = {
session: document.cookie,
url: getUrl(),
value: x
}
await fetch('/blog/item', {
method: 'post',
body: JSON.stringify(object),
headers: new Headers({
'Content-Type': 'application/json'
})
})
.then(response => response.text())
.then(text => {
const prism = new Promise((res, rej) => {
const script = document.createElement('script')
script.src = `${window.location.origin}/js/prism.js`
document.head.appendChild(script)
res('success')
})
prism.then(output => {
main.body.innerHTML = DOMPurify.sanitize(text)
eventListener()
window.scrollTo(0, 0)
})
})
}
const eventListener = () => {
const menuList = document.getElementById('menu-list')
const menuIcon = document.getElementById('menu-icon')
const closeButton = document.getElementsByClassName('close')
const list = document.getElementsByClassName('list')
const readblogs = document.getElementsByClassName('index-readblogs')
const about = document.getElementById('index-about')
const websites = {
helpinghands: document.getElementById('helpinghands'),
goodhandhauling: document.getElementById('goodhandhauling')
}
menuIcon.addEventListener('click', () => openMenu(menuList, menuIcon, closeButton, list))
closeButton[0].addEventListener('click', () => closeMenu(menuList, menuIcon, closeButton, list))
try{
for (let i = 0; i < readblogs.length; i++) readblogs[i].addEventListener('click', () => window.location.href = '/blog')
about.addEventListener('click', () => window.location.href = '/about')
websites.helpinghands.addEventListener('click', () => window.location.href = 'https://helpinghandsadultcare.org/')
websites.goodhandhauling.addEventListener('click', () => window.location.href = 'https://goodhandhauling.com/')
} catch (err) {}
for (let i = 0; i < list.length; i++) list[i].addEventListener('click', () => closeMenu(menuList, menuIcon, closeButton, list))
for (let i = 0; i < blogButtonList.length; i++) blogButtonList[i].addEventListener('click', () => getBlog(blogButtonList[i].value))
}
|
