[READ-ONLY] Mirror of https://github.com/probablykasper/v5.kasper.space.
v5.kasper.space
personal-website
website
Not sure
+10
-8
+7
-6
src/index.sass
+7
-6
src/index.sass
···
58
58
transition: 0.2s $transition all
59
59
font-size: 16px
60
60
filter: grayscale(100%)
61
-
opacity: 0.5
61
+
opacity: 0.6
62
62
&:hover, &:focus
63
63
opacity: 1
64
64
.text:active, &.current > .text, .text.current
···
90
90
user-select: none
91
91
float: left
92
92
svg
93
-
padding: 8px
93
+
padding: 6px
94
94
display: block
95
95
pointer-events: none
96
-
width: 20px
97
-
height: 20px
98
-
fill: $dark-bg
99
-
opacity: 0.8
96
+
width: 18px
97
+
height: 18px
98
+
fill: #494949
99
+
transition: 0.2s $transition all
100
+
opacity: 0.6
100
101
&:hover svg
101
102
opacity: 1
102
103
.canvas-container
+3
-2
src/js/index.js
+3
-2
src/js/index.js
···
13
13
14
14
let pathname = location.pathname
15
15
if (pathname.length > 1 && pathname.endsWith('/')) pathname = pathname.slice(0,-1)
16
+
console.log({page:pathname})
16
17
history.replaceState({page:pathname}, document.title)
17
18
document.addEventListener('click', (e) => {
18
19
let el = e.target
19
20
while (el.parentElement && el.tagName !== 'A') el = el.parentElement
20
21
21
-
if (el.tagName === 'A' && history.pushState) {
22
+
if (el.tagName === 'A' && el.classList.contains('noreload') && history.pushState) {
22
23
e.preventDefault()
23
24
// deselect current page from nav bar
24
25
const navItems = document.querySelectorAll('.nav-bar .current')
···
37
38
const parentText = parentNavItem.children[0].innerText
38
39
title = el.innerText+' - '+el.parentElement.parentElement.innerText+' | KH'
39
40
}
40
-
console.log(newPage)
41
+
console.log({page:newPage})
41
42
window.history.pushState({page:newPage}, title, newPage)
42
43
openPage(newPage, title)
43
44
} else {