-
Notifications
You must be signed in to change notification settings - Fork 0
/
404.html
77 lines (72 loc) · 3.46 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
<!DOCTYPE html>
<html lang="en" itemscope itemtype="https://schema.org/Person">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="Content-Security-Policy: default-src 'self'" />
<meta name="color-scheme" content="light dark" />
<link rel="stylesheet" href="./styles/style.css" />
<title>Tom Dawson Software Developer</title>
<meta name="description" content="Tom Dawson is a software developer with expertise in HTML, CSS, JavaScript, Python, and more." />
<meta name="theme-color" content="#1B1B26" />
<link rel="icon" sizes="48x48" href="images/icon.png" />
<!-- Open Graph -->
<meta property="og:url" content="https://tomdawson.dev" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Tom Dawson Software Developer" />
<meta property="og:image" content="./images/site-tile.jpg" />
<meta property="og:image:alt"
content="A pixellated smiling man's face with words that read 'Tom Dawson Software Developer'" />
<meta property="og:description"
content="Tom Dawson is a software developer with expertise in HTML, CSS, JavaScript, Python, and more." />
<meta property="og:site_name" content="tomdawson.dev" />
<meta property="og:locale" content="en_US" />
<!-- Schema -->
<meta itemprop="name" content="Tom Dawson" />
<meta itemprop="givenName" content="Tom" />
<meta itemprop="familyName" content="Dawson" />
<meta itemprop="email" content="[email protected]" />
<meta itemprop="gender" content="Male" />
<meta itemprop="hasOccupation" content="Software Developer" />
<meta itemprop="homeLocation" content="Brisbane, Australia" />
<meta itemprop="knowsAbout"
content="HTML, CSS, JavaScript, Python, SQL, Git, SEO, Web Optimisation, WordPress, WooCommerce, Divi, cPanel/WHM, Jira, Confluence, OpsGenie, Azure AD" />
</head>
<body class="preload">
<div id="site-wrapper flex flex-col">
<header class="container">
<h1>
<span class="visually-hidden">404</span>
<svg id="tom-dawson" aria-hidden="true" focusable="false">
<text>404</text>
</svg>
<svg id="job-title" aria-hidden="true" focusable="false">
<text>Page not found</text>
</svg>
</h1>
</header>
<main class="container">
<nav class="flex" id="navbar">
<button id="theme-toggle" class="button" type="button">
<span id="light-mode-span">Light</span>
<span id="dark-mode-span">Dark</span>
</button>
<a class="center-vertically" href="https://github.com/TomDawson" target="_blank"><img alt="GitHub"
src="images/github.svg" class="social-icon svg-icon" width="25px" height="26px" /></a>
<a class="center-vertically" href="https://www.linkedin.com/in/tom-dawson-094217101/" target="_blank"><img
alt="LinkedIn" src="images/linkedin.svg" class="social-icon svg-icon" width="25px" height="29px" /></a>
<a class="center-vertically" href="mailto:[email protected]"><img alt="Email" src="images/email.svg"
class="social-icon svg-icon" width="25px" height="25px" /></a>
<img id="portrait" src="images/tom-head-dark.png" alt="Tom Dawson" />
</nav>
<summary class="indented"> <!-- Introduction -->
<p id="intro">
My CV is <a href="https://tomdawson.dev">here</a>
</p>
</summary>
</main>
</div>
<!-- Asynchronous JS -->
<script src="./scripts/script.js"></script>
</body>
</html>