-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path404.html
142 lines (142 loc) · 4.66 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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>experimental stuff</title>
<link rel="icon" href="./images/me-square.jpg" type="image/x-icon" />
<meta name="description" content="get the fuck outta here" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx"
crossorigin="anonymous"
/>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa"
crossorigin="anonymous"
></script>
<!-- font awesome -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css"
integrity="sha512-1sCRPdkRXhBV2PBLUdRb4tMg1w2YPf37qatUFeS7zlBy7jJI8Lf4VHwWfZZfpXtYSLy85pkm9GaYVYMfw5BC1A=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<!-- my custom style sheet -->
<link rel="stylesheet" href="./css/styles.css" />
</head>
<body>
<div class="p-2 p-md-5"></div>
<div class="container-fluid">
<div class="row min-vh-100 flex-column flex-md-row">
<aside class="col-12 col-md-2 p-0 flex-shrink-1">
<nav
class="navbar navbar-expand-md flex-md-column flex-row align-items-end text-center text-md-end sticky-top"
id="sidebar"
>
<div class="text-center d-none d-md-block p-3">
<a href="/" class="navbar-brand-mx=0 font-weight-bold text-nowrap">
<img
id="logo"
title="oh hey it's me"
src="./images/me-square-500px.jpg"
alt="me holding a camera"
width="100%"
/>
</a>
</div>
<button
type="button"
class="btn navbar-toggler border-0 order-1 m-3 p-2"
data-bs-toggle="collapse"
data-bs-target="#nav"
aria-controls="nav"
aria-expanded="false"
aria-label="Toggle navigation"
>
<!-- <span class="navbar-toggler-icon"></span> -->
<i class="fa-solid fa-circle-chevron-up"></i>
</button>
<div class="collapse navbar-collapse prder-last" id="nav">
<ul class="navbar-nav flex-column w-100 justify-content-center">
<li class="nav-item">
<a href="/" class="nav-link px-3">home</a>
</li>
<li class="nav-item">
<a href="analog" class="nav-link px-3">analog</a>
</li>
<li class="nav-item">
<a href="about.html" class="nav-link px-3">about</a>
</li>
<li class="nav-item">
<a href="blog.html" class="nav-link px-3">blog</a>
</li>
<li class="nav-item">
<a href="./misc/Kevin_Zhang_Resume.pdf" target="_blank" class="nav-link px-3"
>resume</a
>
</li>
<li class="nav-item">
<a
href="#"
title="why on god's green grass would you want to stay here"
class="nav-link px-3 active"
>nowhere</a
>
</li>
</ul>
</div>
<ul class="nav justify-content-center">
<li class="nav-item social-icons">
<a
href="https://www.instagram.com/kevinistakingpictures/"
target="_blank"
class="nav-link social-button"
>
<i class="fa-brands fa-instagram-square fa-lg"></i>
</a>
</li>
<li class="nav-item social-icons">
<a
href="https://www.linkedin.com/in/kevin-zhang-uwaterloo/"
target="_blank"
class="nav-link social-button"
>
<i class="fa-brands fa-linkedin fa-lg"></i>
</a>
</li>
<li class="nav-item social-icons">
<a
href="https://github.com/kevinzhangTT"
target="_blank"
class="nav-link social-button"
>
<i class="fa-brands fa-github-square fa-lg"></i>
</a>
</li>
<li class="nav-item social-icons">
<a href="mailto:[email protected]" target="_blank" class="nav-link social-button">
<i class="fa-solid fa-square-envelope fa-lg"></i>
</a>
</li>
</ul>
</nav>
</aside>
<main class="col py-3 flex-grow-1" id="content">
<article>
<h1 class="error-message-404" id="num-404">404</h1>
<h1 class="error-message-404">how the hell did you even get here</h1>
</article>
</main>
</div>
</div>
<footer class="p-5"></footer>
<div id="copyright" title="please don't steal my pictures it's all i have" class="text-center p-3">
©2022 Kevin Zhang
</div>
</body>
</html>