Skip to content

Commit f652565

Browse files
softwarebycgsoftwarebycg
authored
Merge pull request #7 from hex333ham/dev-hex333ham
created minimalist 404 page
2 parents 881fc69 + 54c8094 commit f652565

File tree

1 file changed

+100
-0
lines changed

1 file changed

+100
-0
lines changed

‎404.html‎

Lines changed: 100 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,100 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta name="description" content="Full Stack Engineer, CTO & Film-maker. Explore my portfolio and get in touch for your next project.">
7+
<meta property="og:title" content="Full Stack Engineer, CTO & Film-maker">
8+
<meta property="og:description" content="Explore my portfolio and get in touch for your next project.">
9+
<meta property="og:image" content="./img/meta.jpg">
10+
<title>Full Stack Engineer, CTO & Film-maker | &lt;cg/&gt;</title>
11+
<link rel="icon" type="image/png" href="./img/favicon.png">
12+
<link rel="stylesheet" href="./css/vision_font.css">
13+
<style>
14+
@import "./css/bulma.min.css";
15+
:root {
16+
--bulma-primary-h: 26deg;
17+
--bulma-primary-s: 14%;
18+
--bulma-primary-l: 55%;
19+
--bulma-link-h: 244deg;
20+
--bulma-link-l: 68%;
21+
--bulma-success-h: 113deg;
22+
--bulma-success-s: 100%;
23+
--bulma-success-l: 32%;
24+
--bulma-warning-l: 50%;
25+
--bulma-danger-l: 66%;
26+
--bulma-scheme-h: 32;
27+
--bulma-scheme-s: 25%;
28+
--bulma-family-primary: Arial, Helvetica, sans-serif;
29+
--bulma-family-secondary: visionregular, Arial, Helvetica, sans-serif;
30+
--bulma-family-code: "Fira Code", "JetBrains Mono", "Cascadia Code", "IBM Plex Mono", "Source Code Pro", "SF Mono", "Ubuntu Mono", Inconsolata, Menlo, Monaco, Consolas, "Lucida Console", "Courier New", monospace;
31+
}
32+
</style>
33+
<script type="text/javascript">
34+
document.addEventListener('DOMContentLoaded', () => {
35+
// Get all "navbar-burger" elements
36+
const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
37+
// Add a click event on each of them
38+
$navbarBurgers.forEach(el => {
39+
el.addEventListener('click', () => {
40+
// Get the target from the "data-target" attribute
41+
const target = el.dataset.target;
42+
const $target = document.getElementById(target);
43+
// Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
44+
el.classList.toggle('is-active');
45+
$target.classList.toggle('is-active');
46+
});
47+
});
48+
});
49+
</script>
50+
</head>
51+
<body class="has-navbar-fixed-top">
52+
<a id="top"></a>
53+
<nav class="navbar is-black is-fixed-top" role="navigation" aria-label="main dropdown navigation">
54+
<div class="navbar-brand">
55+
<a class="navbar-item" href="/#top">&lt;cg/&gt;</a>
56+
<a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false">
57+
<span aria-hidden="true"></span>
58+
<span aria-hidden="true"></span>
59+
<span aria-hidden="true"></span>
60+
<span aria-hidden="true"></span>
61+
</a>
62+
</div>
63+
<div class="navbar-menu" id="navMenu">
64+
<a class="navbar-item" href="/#about">About Me</a>
65+
<a class="navbar-item" href="/#contact">Contact</a>
66+
<div class="navbar-item has-dropdown is-hoverable">
67+
<a class="navbar-link" href="/#skills">Skills</a>
68+
<div class="navbar-dropdown">
69+
<a class="navbar-item" href="/#web">
70+
Web &amp; Apps
71+
</a>
72+
<a class="navbar-item" href="/#software">
73+
Software Engineering
74+
</a>
75+
<a class="navbar-item" href="/#media">
76+
Media Production
77+
</a>
78+
<a class="navbar-item" href="/#games">
79+
Game Development
80+
</a>
81+
</div>
82+
</div>
83+
</div>
84+
</nav>
85+
86+
<section class="section hero is-black has-text-centered">
87+
<div class="hero-body">
88+
<h1 class="title is-1 is-family-secondary has-text-weight-normal">404</h1>
89+
<h2 class="title is-3 is-family-secondary has-text-weight-normal">Page Not Found</h2>
90+
</div>
91+
</section>
92+
93+
<footer class="footer has-background-black has-text-white">
94+
<div class="content has-text-centered">
95+
<p>To save me a lot of time, this website has been hand-crafted using the wonderful <a href="https://bulma.io/" target="_blank">Bulma CSS Class Framework</a>.</p>
96+
<p>&copy; 2025 Connor Graham. All rights reserved.</p>
97+
</div>
98+
</footer>
99+
</body>
100+
</html>

0 commit comments

Comments
 (0)