Skip to content

Commit 83eb34d

Browse files
0x42480x4248
committed
Update 404 finally
Signed-off-by: 0x4248 <60709927+0x4248@users.noreply.github.com>
1 parent 3c9e75c commit 83eb34d

1 file changed

Lines changed: 116 additions & 109 deletions

File tree

‎404.html‎

Lines changed: 116 additions & 109 deletions
Original file line numberDiff line numberDiff line change
@@ -1,119 +1,126 @@
1-
<!-- 0x4248's website -->
2-
<!-- This website is fully open source, yeah really -->
3-
<!-- And most of the code is "readable" I think -->
1+
<!-- 0x4248.dev -->
2+
<!-- CODE: GNU GPL v3.0 | TEXT: CC BY-SA 4.0 -->
3+
<!-- COPYRIGHT © 2022–2025 0x4248 -->
44
<!DOCTYPE html>
55
<html lang="en">
6-
<head>
7-
<title>0x4248 github page</title>
8-
<meta name="description" content="Welcome to 0x4248's github page. Here you can find my projects, code, software, development and experiments.">
9-
<meta name="og:description" content="Welcome to 0x4248's github page. Here you can find my projects, code, software, development and experiments.">
10-
11-
<!-- META DATA -->
12-
<meta charset="utf-8">
13-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
14-
<meta name="author" content="0x4248">
15-
<meta name="keywords" content="0x4248, github, page, projects, code, software, development, experiments">
16-
<meta name="og:title" content="0x4248 github page">
17-
<meta name="og:image" content="icon_transparent.png">
18-
<meta name="og:url" content="https://0x4248.dev">
19-
<meta name="og:site_name" content="0x4248 github page">
20-
<meta name="og:type" content="website">
21-
<meta name="og:locale" content="en_GB">
22-
<meta name="og:locale:alternate" content="en_US">
23-
<meta name="og:locale:alternate" content="en_CA">
24-
<meta name="og:locale:alternate" content="en_AU">
25-
<meta name="og:locale:alternate" content="en_NZ">
26-
<meta name="og:locale:alternate" content="en_ZA">
27-
<meta name="og:locale:alternate" content="en_IN">
28-
29-
<!-- OTHER META DATA -->
30-
<meta name="twitter:image" content="icon_transparent.png">
31-
<meta name="twitter:card" content="summary">
32-
<meta name="theme-color" content="#000000">
33-
<meta name="msapplication-TileColor" content="#000000">
34-
<meta name="robots" content="index, follow">
35-
<meta name="viewport" content="width=device-width, initial-scale=1">
36-
<link rel="icon" href="favicon.ico">
37-
38-
<!-- FONTS AND ICONS -->
39-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
40-
<link rel="preconnect" href="https://fonts.googleapis.com">
41-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
42-
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap" rel="stylesheet">
43-
<link href="https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
44-
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
45-
46-
<!-- STYLES -->
47-
<link rel="stylesheet" href="/css/base.css">
48-
<link rel="stylesheet" href="/css/colours.css">
49-
<link rel="stylesheet" href="/css/footer.css">
50-
</head>
51-
<body>
52-
<!-- TOP BAR -->
53-
<div class="top-bar">
6+
7+
<head>
8+
<meta charset="UTF-8" />
9+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
10+
<meta name="description" content="Welcome to 0x4248's site — projects, research, and experiments." />
11+
<meta name="author" content="0x4248" />
12+
<title>0x4248 | Home</title>
13+
14+
<link rel="icon" href="favicon.ico" />
15+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
16+
<link
17+
href="https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@400;600&family=Orbitron:wght@500;700&family=JetBrains+Mono:wght@400;700&display=swap"
18+
rel="stylesheet">
19+
20+
<link rel="stylesheet" href="/css/colours.css">
21+
<link rel="stylesheet" href="/css/main.css">
22+
<script src="/js/home.js" defer></script>
23+
<script src="/js/news.js" defer></script>
24+
</head>
25+
26+
<body>
27+
<header class="top-bar">
5428
<div class="top-bar-left">
55-
<strong><a href="/">0x4248</a></strong>
29+
<a href="/" class="logo"><span class="accent">x</span>4248</a>
5630
<a href="/notebook">Notebook</a>
57-
<a href="https://0x4248.dev/notebook/03-Projects/Main-Projects">Projects</a>
58-
<a href="/AboutMe">About Me</a>
31+
<a href="/AboutMe">About</a>
32+
5933
</div>
60-
<div class="top-bar-right">
61-
<a href="https://www.github.com/0x4248" style="margin-right: 30px;"><i class="bi bi-github"></i></a>
62-
</div>
63-
</div>
64-
65-
<!-- MAIN CONTENT -->
66-
<div class="main">
67-
<div style="text-align:center;">
68-
<br style="margin-top:100px">
69-
<h1 class="title">404</h1>
70-
<p class="subtitle">Page not found</p>
71-
</div>
72-
<br style="margin-top:20px">
73-
<div class="section">
74-
<h2>Here is what I tried:</h2>
75-
<p>I ran this</p>
76-
<code id="code"></code> but only got <code>0</code>
77-
<h2>What now?</h2>
78-
<p>Well since not even UNIX commands can find the page you are looking for, I suggest you go back to the <a href="/">home page</a> or you can look at the <a href="/pages">pages</a> that are available.</p>
79-
</div>
80-
<br style="margin-top:360px">
34+
<div class="top-bar-right">
35+
<a href="https://github.com/0x4248" aria-label="GitHub"><i class="bi bi-github"></i></a>
8136
</div>
37+
</header>
8238

83-
<!-- FOOTER -->
84-
<br style="margin-top:20px">
85-
<div class="footer">
86-
<div class="flex-left">
87-
<img src="https://0x4248.dev/icon_transparent.png" alt="0x4248" class="pixelate">
88-
<br style="margin-bottom: 220px;">
89-
</div>
90-
<div class="flex-right">
91-
<p>Copyright © 2024 - 2025 0x4248</p>
92-
<a href="https://0x4248.dev/Legal"><i class="bi bi-arrow-left-circle-fill"></i> See privacy, terms and licence</a>
93-
<br>
94-
<a href="https://creativecommons.org/licenses/by-sa/4.0/"><i class="bi bi-arrow-left-circle-fill"></i> Content licence: 🅭 🅯 🄎 (CC BY-SA 4.0)</a>
95-
<hr>
96-
<div class="footer-flex">
97-
<div>
98-
<p><a href="https://www.github.com/0x4248"><i class="bi bi-github"></i> GitHub</a></p>
99-
<p><a href="https://gist.github.com/0x4248"><i class="bi bi-file-earmark-code"></i> Gist</a></p>
100-
<p><a href="https://www.openstreetmap.org/user/0x4248"><i class="bi bi-map-fill"></i> OpenStreetMap</a></p>
101-
<br>
102-
</div>
103-
<div>
104-
<p>Site links:</p>
105-
<p><a href="https://0x4248.dev/Blog/pages"><i class="bi bi-journal-text"></i> Blog</a></p>
106-
<p><a href="https://0x4248.dev/projects"><i class="bi bi-code-slash"></i> Projects</a></p>
107-
<p><a href="https://0x4248.dev/AboutMe"><i class="bi bi-person"></i> About Me</a></p>
108-
<br>
109-
</div>
39+
<style>
40+
.fade-in{
41+
opacity: 0;
42+
}
43+
</style>
44+
45+
<main class="main-grid">
46+
<!-- Left column -->
47+
<div class="left-column">
48+
<section class="hero fade-in">
49+
<h1 style="font-size: 100px; color: var(--red);">404</h1>
50+
<h1>Looks like you are a little lost</h1>
51+
</section>
52+
53+
54+
<section class="section-border fade-in">
55+
<h2><i class="bi bi-exclamation-triangle-fill" ></i> This page does not exist</h2>
56+
<p>But its ok, right next to this or below is a list of links to get you back on the right track. The page may have been moved or deleted.</p>
57+
</section>
58+
59+
</div>
60+
61+
<!-- Right column -->
62+
<aside class="right-column">
63+
<section class="section fade-in">
64+
<h2>Quick Links</h2>
65+
<div class="link-grid">
66+
<a href="/AboutMe"><i class="bi bi-box-arrow-up-right"></i> About Me</a>
67+
<a href="/notebook"><i class="bi bi-box-arrow-up-right"></i> Notebook</a>
68+
<a href="https://0x4248.dev/Scrapbook"><i class="bi bi-box-arrow-up-right"></i> ScrapExplorer</a>
69+
<a href="https://github.com/0x4248/Scrapbook"><i class="bi bi-box-arrow-up-right"></i> Scrapbook GitHub</a>
70+
<a href="https://0x4248.dev/notebook/01-Areas/Computers/Linux/Linux"><i class="bi bi-box-arrow-up-right"></i> Manual Pages</a>
71+
<a href="https://0x4248.dev/notebook/99-Meta/Legal-information"><i class="bi bi-box-arrow-up-right"></i> Legal / Privacy</a>
11072
</div>
111-
<p>This site was made with ❤️ from 🇬🇧</p>
112-
<p style="font-size: x-large;text-align: left;">🇺🇦 🏳️‍🌈</p>
113-
</div>
73+
</section>
74+
75+
<section class="section fade-in">
76+
<h2>External</h2>
77+
<div class="link-grid">
78+
<a href="https://github.com/0x4248"><i class="bi bi-github"></i> GitHub</a>
79+
<a href="https://gist.github.com/0x4248"><i class="bi bi-file-earmark-code"></i> Gist</a>
80+
<a href="https://www.openstreetmap.org/user/0x4248"><i class="bi bi-map-fill"></i> OpenStreetMap</a>
81+
<a href="http://intranet"><i class="bi bi-lock-fill"></i> Intranet (Not public)</a>
82+
<a href="http://intranet:4248/NCP"><i class="bi bi-lock-fill"></i> Nexus Panel (Not public)</a>
83+
</div>
84+
</section>
85+
86+
87+
<section class="section fade-in">
88+
<pre style="color:var(--blue);">
89+
|\ _,,,---,,_
90+
ZZZzz /,`.-'`' -. ;-;;,_
91+
|,4- ) )-,_. ,\ ( `'-'
92+
'---''(_/--' `-'\_)
93+
<sub style="opacity: 0.5;">Sleepy little fella</sub>
94+
</pre>
95+
</section>
96+
<section class="section fade-in">
97+
<h2>GitHub Repositories</h2>
98+
<div class="link-grid">
99+
<a href="https://github.com/0x4248/Scrapbook"><i class="bi bi-github"></i> Scrapbook</a>
100+
<a href="https://github.com/0x4248/JunkDrawer"><i class="bi bi-github"></i> JunkDrawer</a>
101+
<a href="https://github.com/0x4248/Linux"><i class="bi bi-github"></i> Linux Kernel</a>
102+
<a href="https://github.com/0x4248/0x4248.dev"><i class="bi bi-github"></i> This websites code</a>
103+
</div>
104+
</section>
105+
106+
</aside>
107+
</main>
108+
109+
<footer class="footer fade-in">
110+
<img src="/logo_no_text.svg" alt="0x4248 logo" class="footer-logo">
111+
<div>
112+
<p><strong>Copyright</strong> © 2021-2025 0x4248</p>
113+
<p><strong>Copyright</strong> © 2021-2025 4248 Media and 4248 Music, All part of 0x4248</p>
114+
<p class="support">Made with ❤️ from 🇬🇧.</p>
115+
<br>
116+
<div class="fineprint">
117+
<p><sup>1</sup>Content on this page is licensed under the <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Share Alike 4.0</a>. Javascript, CSS and any other website code is under the GNU General Public License 3.0 (Or later). When using software, media and music by 0x4248, please read all licensing and terms.</p>
118+
<p><sup>2</sup>Software provided by 0x4248 is offered without any warranty or liability. <strong>No responsibility is accepted for any damages resulting from its use.</strong> Please read all provided documentation before using the software.</p>
119+
<p><sup>3</sup>0x4248 is not a company, non-profit organisation, or charity. 0x4248, 4248 Media, and 4248 Music are not registered trademarks. The domain 0x4248.dev is a registered domain in the United Kingdom.</p>
120+
<p><sup>4</sup>Some embedded YouTube videos are copyrighted by their respective owners. A link to the original video is always provided. Videos are embedded using YouTube's nocookie feature to improve user privacy. Advertisements shown by YouTube are not affiliated with 0x4248.</p>
121+
</div>
122+
114123
</div>
115-
<script>
116-
document.getElementById("code").innerText = "find . -type f -name \"*.html\" | grep \"" + window.location.pathname + "\" | wc -l";
117-
</script>
118-
</body>
124+
</footer>
125+
</body>
119126
</html>

0 commit comments

Comments
 (0)