-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path404.html
98 lines (75 loc) · 3.42 KB
/
404.html
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
<!DOCTYPE html>
<html lang=""><head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>404 Page not found | RL4CO</title>
<meta name="description" content="404 Page not found">
<meta property="og:site_name" content="404 Page not found" />
<meta property="og:title" content="RL4CO" />
<meta property="og:description" content="" />
<meta property="og:image" content="img/logo.png" />
<meta name="keywords"
content="" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css"
integrity="sha384-3UiQGuEI4TTMaFmGIZumfRPtfKQ3trwQE2JgosJxCnGmQpL/lJdjpcHkaaFwHlcI"
crossorigin="anonymous">
<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.js"
integrity="sha384-G0zcxDFp5LWZtDuRMnBkk3EphCK1lhEf4UEyEM693ka574TZGwo4IWwS6QLzM/2t"
crossorigin="anonymous">
</script>
<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/contrib/auto-render.min.js"
integrity="sha384-+VBxd3r6XgURycqtZ117nYw44OOcIax56Z4dCRWbxyPt0Koah1uHoK0o4+/RRE05" crossorigin="anonymous"
onload="renderMathInElement(document.body);">
</script>
<meta name="keywords" content="fast, hugo, theme, minimal, gruvbox">
<link rel="icon" type="image/png" href='img/logo.png' />
<meta name="author" content='rl4co'>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="generator" content="Hugo 0.115.0">
<link rel="stylesheet" href="sass/main.scss" type="text/css" media="screen">
<script src="https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js"></script>
</head>
<body>
<div class="line" id="scrollIndicator"></div>
<div class="main"><div class="title">
</div>
<script>
const themeSetter = (theme) => {
document.body.classList.toggle('dark')
localStorage.setItem('theme', theme)
blockSwitcher()
}
const blockSwitcher = () => [...document.getElementsByTagName("BLOCKQUOTE")]
.forEach(b => b.classList.toggle('dark'))
const styleSwapper = () => {
document.body.classList.add('back-transition')
if (localStorage.getItem('theme') === 'dark') themeSetter('light')
else if (localStorage.getItem('theme') === 'light') themeSetter('dark')
}
if (localStorage.getItem('theme') === 'dark'){
themeSetter('dark')
document.addEventListener("DOMContentLoaded", blockSwitcher)
}
else localStorage.setItem('theme', 'light')
document.getElementById('chk').addEventListener('change',styleSwapper);
window.addEventListener("scroll", () => {
let height = document.documentElement.scrollHeight
- document.documentElement.clientHeight;
if(height >= 500){
let winScroll = document.body.scrollTop
|| document.documentElement.scrollTop;
let scrolled = (winScroll / height) * 100;
document.getElementById("scrollIndicator").style.width = scrolled + "%";
}
});
</script>
<div class="intro">
<hi style="font-size:80px;">Under Construction</hi>
<p style="text-align:center">I'll work on this when I get time. Sorry for the inconvenience.<br><a class="link" href="">Go back home</a></p>
</div>
<footer id="footer">
<p class="copyright" style="color:rgb(179, 179, 179);">2023 © Copyright Federico Berto, Chuanbo Hua, Junyoung Park</p>
</footer>
</div>
</body>
</html>