-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path404.html
114 lines (112 loc) · 5.63 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
<!DOCTYPE HTML>
<HTML lang="en">
<head>
<meta charset="utf-8">
<title>Aaron Keohane | Web Developer</title>
<!-- <base href="https://aaronkeohane.com/"> -->
<link rel="icon" href="img/AK-portfolio-favicon.svg" type="image/svg+xml">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"
integrity="sha512-NhSC1YmyruXifcj/KFRWoC561YpHpc5Jtzgvbuzx5VozKpWvQ+4nXhPdFgmx8xqexRcpAglTj9sIBWINXa8x5w=="
crossorigin="anonymous" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Playfair+Display&display&family=VT323&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="https://aaronkeohane.com/css/styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="https://aaronkeohane.com/css/app.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body class="maincontents">
<header class="page-header">
<a href="index.html"><img src="img/Personal-logo.png" class="page-header--logo" alt="Personal logo of Aaron Keohane, stylized text with capital initials in box"></a>
<nav class="navbar">
<ul role="menubar" class="nav-menu">
<li role="presentation" class="nav-item">
<a href="index.html" role="menuitem" class="navigation-list__item"><span>Home</span></a>
</li>
<li role="presentation" class="nav-item">
<a href="about.html" role="menuitem" class="navigation-list__item"><span>About</span></a>
</li>
<li role="presentation" class="nav-item">
<a href="work.html" role="menuitem" class="navigation-list__item"><span>Work</span></a>
</li>
<li role="presentation" class="nav-item">
<a href="contact.html" role="menuitem" class="navigation-list__item"><span>Contact</span></a>
</li>
</ul>
<div class="hamburger">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
</nav>
</header>
<main class="main">
<div class="error-flex-container">
<div class="error-left-container">
<h3 class="error-code">404</h3>
<h4>Page Not Found</h4>
<div class="error-content-container">
<p>Oops! The page you were looking for does not exist, however, you found something even better. Wordle!</p>
<p>If you're not in a gaming mood, I encourage you to navigate back to my home page.</p>
<a id="error-button" href="index.html">Go Home</a>
</div>
</div>
<div class="flex">
<div class="wordle-board">
<h3 class="wordle-title">Wordle</h3>
<div class="board" id="board">
<div id="notification"></div>
</div>
</div>
<div id="keyboard-cont">
<div class="first-row">
<button class="keyboard-button">q</button>
<button class="keyboard-button">w</button>
<button class="keyboard-button">e</button>
<button class="keyboard-button">r</button>
<button class="keyboard-button">t</button>
<button class="keyboard-button">y</button>
<button class="keyboard-button">u</button>
<button class="keyboard-button">i</button>
<button class="keyboard-button">o</button>
<button class="keyboard-button">p</button>
</div>
<div class="second-row">
<button class="keyboard-button">a</button>
<button class="keyboard-button">s</button>
<button class="keyboard-button">d</button>
<button class="keyboard-button">f</button>
<button class="keyboard-button">g</button>
<button class="keyboard-button">h</button>
<button class="keyboard-button">j</button>
<button class="keyboard-button">k</button>
<button class="keyboard-button">l</button>
</div>
<div class="third-row">
<button class="keyboard-button">Del</button>
<button class="keyboard-button">z</button>
<button class="keyboard-button">x</button>
<button class="keyboard-button">c</button>
<button class="keyboard-button">v</button>
<button class="keyboard-button">b</button>
<button class="keyboard-button">n</button>
<button class="keyboard-button">m</button>
<button class="keyboard-button">Enter</button>
</div>
</div>
</div>
</div>
</main>
<footer class="page-footer">
<p>Find me on</p>
<div class="social-media">
<a href="https://github.com/aakeohane" rel="noreferrer" target="_blank"><img id="github-icon" src="img/svg/github.svg"/></a>
<a href="https://twitter.com/Aakeocaine" rel="noreferrer" target="_blank"><img id="twitter-icon" src="img/svg/twitter.svg"/></a>
<a href="https://www.linkedin.com/in/aaron-keohane-47112430/" rel="noreferrer" target="_blank"><img id="linkedin-icon" src="img/svg/linkedin.svg"/></a>
</div>
</footer>
</body>
<!-- <script src="js/tota11y.min.js"></script> -->
<script src="js/scripts.js"></script>
<script src="js/app.js" type="module"></script>
</HTML>