Skip to content

Commit

Permalink
Massive website overhaul
Browse files Browse the repository at this point in the history 
+ The styling now uses rounded-corner boxes to group up sections of the website.
+ I originally wanted to try doing a Material Design thing but gave up very quickly.
+ Removed all articles as they were hell to maintain and weren't up-to-date with how I am currently.
+ Removed the background image.
+ Social links are now present under the header, and now includes email.
+ My pseudonym "Velocity" has been placed above my real name in the header.
+ Other such changes.
  • Loading branch information
@AeriaVelocity
AeriaVelocity committed Sep 27, 2023
1 parent c4778c4 commit 2d680de
Show file tree
Hide file tree
Showing 8 changed files with 228 additions and 317 deletions.
246 changes: 123 additions & 123 deletions 404.html
View file
Original file line number Diff line number Diff line change
@@ -1,123 +1,123 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>404</title>
<meta name="description" content="Arsalan Kazmi's personal website">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="https://avatars.githubusercontent.com/u/16748383" type="image/png">
<style>
@font-face {
font-family: 'Perfect DOS VGA 437';
src: url('perfect-dos-vga-437.ttf') format('truetype');
}
body {
color: white;
background-color: black;
font-size: 16px;
font-family: "Perfect DOS VGA 437", monospace;
padding-left: 10px;
}
a { color: white; }
@keyframes cursor-blink {
50% { opacity: 0; }
}
#cursor {
font-weight: bold;
animation: cursor-blink 1s steps(1) infinite;
}
</style>
<noscript>
<style>
.content {
display: none;
}
pre {
font-family: "Perfect DOS VGA 437", monospace;
}
</style>
<pre>
error: no such feature: 4a6176-6153-6372-697074
Loading that1m8head.github.io/page.html ...
error: no such subdirectory.
Loading initial 404 page ...
error: you need to enable javascript first.

Navigate to index.html to continue...<span id="cursor">_</span>
</pre>
</noscript>
<script>
document.addEventListener("keydown", function(event) {
if (event.key === "Enter") {
window.location.href = "index.html";
}
else if (event.key === "Backspace" || /^[a-zA-Z0-9]$/.test(event.key)) {
const os = navigator.userAgent;
if (os.includes("Windows")) {
document.getElementById("message").innerText = "No, this isn't an actual command prompt.\nJust hit Enter or click on `reboot` to go back to the index page.";
}
else if (os.includes("Mac")) {
document.getElementById("message").innerText = "No, this isn't an actual Terminal window.\nJust hit Return or click on `reboot` to go back to the index page.";
}
else if (os.includes("Linux")) {
document.getElementById("message").innerText = "No, this isn't an actual terminal emulator.\nJust hit Enter or click on `reboot` to go back to the index page.";
}
else {
document.getElementById("message").innerText = "No, this isn't an actual command line.\nJust hit Enter/Return or click on `reboot` to go back to the index page.";
}
}
});
</script>
<body>
<div class="content">
<p>
Starting <span id="engine">engine</span> version <span id="version">1.1.1</span>-<span id="browser"></span><br>
browser: recovering website<br>
browser: clean: 65535/4815162342 files, 69/420 blocks<br>
404: Root website loaded successfully, <span id="reason">but /<span id="thispage">this page</span> does not exist.</span><br>
Bailing out, you are on your own. Good luck.
</p>
<p>
browser: can't access page; site navigation turned off<br>
[404page ]# <a href="index.html">reboot</a><span id="cursor">_</span>
</p>
<span id="message"></span>
</div>
<script>
/* Browser version */
userAgent = navigator.userAgent;
if (userAgent.includes("AppleWebKit")) {
renderingEngine = "webkit"; // Safari, Chrome, Edge (Blink)
const match = userAgent.match(/AppleWebKit\/([\d.]+)/);
renderingEngineVersion = match ? match[1] : "";
}
else if (userAgent.includes("Gecko")) {
renderingEngine = "gecko"; // Firefox
const match = userAgent.match(/rv:([\d.]+)/);
renderingEngineVersion = match ? match[1] : "";
}
else {
renderingEngine = "unknown";
renderingEngineVersion = "";
}
var currentBrowser = userAgent.includes("Edg") ? "edge" :
userAgent.includes("OPR") || userAgent.includes("Opera") ? "Opera" :
userAgent.includes("Chrome") ? "chrome" :
userAgent.includes("Firefox") ? "firefox" :
userAgent.includes("Safari") ? "safari" : "unknown";
document.getElementById("engine").innerText = renderingEngine;
document.getElementById("version").innerText = renderingEngineVersion;
document.getElementById("browser").innerText = currentBrowser;

/* Reason for 404 */
var page = window.location.href.split('/').pop();
if (page == "404" || page == "404.html") {
document.getElementById("reason").innerHTML = "but you navigated to the 404 page directly for some reason.";
}
else {
document.getElementById('thispage').innerText = page;

}
</script>
</body>
</html>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>404</title>
<meta name="description" content="Arsalan Kazmi's personal website">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="http://gravatar.com/avatar/f04c2d1fe01f14d1b499227a9e04fff4" type="image/png">
<style>
@font-face {
font-family: 'Perfect DOS VGA 437';
src: url('perfect-dos-vga-437.ttf') format('truetype');
}
body {
color: white;
background-color: black;
font-size: 16px;
font-family: "Perfect DOS VGA 437", monospace;
padding-left: 10px;
}
a { color: white; }
@keyframes cursor-blink {
50% { opacity: 0; }
}
#cursor {
font-weight: bold;
animation: cursor-blink 1s steps(1) infinite;
}
</style>
<noscript>
<style>
.content {
display: none;
}
pre {
font-family: "Perfect DOS VGA 437", monospace;
}
</style>
<pre>
error: no such feature: 4a6176-6153-6372-697074
Loading that1m8head.github.io/page.html ...
error: no such subdirectory.
Loading initial 404 page ...
error: you need to enable javascript first.

Navigate to index.html to continue...<span id="cursor">_</span>
</pre>
</noscript>
<script>
document.addEventListener("keydown", function(event) {
if (event.key === "Enter") {
window.location.href = "index.html";
}
else if (event.key === "Backspace" || /^[a-zA-Z0-9]$/.test(event.key)) {
const os = navigator.userAgent;
if (os.includes("Windows")) {
document.getElementById("message").innerText = "No, this isn't an actual command prompt.\nJust hit Enter or click on `reboot` to go back to the index page.";
}
else if (os.includes("Mac")) {
document.getElementById("message").innerText = "No, this isn't an actual Terminal window.\nJust hit Return or click on `reboot` to go back to the index page.";
}
else if (os.includes("Linux")) {
document.getElementById("message").innerText = "No, this isn't an actual terminal emulator.\nJust hit Enter or click on `reboot` to go back to the index page.";
}
else {
document.getElementById("message").innerText = "No, this isn't an actual command line.\nJust hit Enter/Return or click on `reboot` to go back to the index page.";
}
}
});
</script>
<body>
<div class="content">
<p>
Starting <span id="engine">engine</span> version <span id="version">1.1.1</span>-<span id="browser"></span><br>
browser: recovering website<br>
browser: clean: 65535/4815162342 files, 69/420 blocks<br>
404: Root website loaded successfully, <span id="reason">but /<span id="thispage">this page</span> does not exist.</span><br>
Bailing out, you are on your own. Good luck.
</p>
<p>
browser: can't access page; site navigation turned off<br>
[404page ]# <a href="index.html">reboot</a><span id="cursor">_</span>
</p>
<span id="message"></span>
</div>
<script>
/* Browser version */
userAgent = navigator.userAgent;
if (userAgent.includes("AppleWebKit")) {
renderingEngine = "webkit"; // Safari, Chrome, Edge (Blink)
const match = userAgent.match(/AppleWebKit\/([\d.]+)/);
renderingEngineVersion = match ? match[1] : "";
}
else if (userAgent.includes("Gecko")) {
renderingEngine = "gecko"; // Firefox
const match = userAgent.match(/rv:([\d.]+)/);
renderingEngineVersion = match ? match[1] : "";
}
else {
renderingEngine = "unknown";
renderingEngineVersion = "";
}
var currentBrowser = userAgent.includes("Edg") ? "edge" :
userAgent.includes("OPR") || userAgent.includes("Opera") ? "Opera" :
userAgent.includes("Chrome") ? "chrome" :
userAgent.includes("Firefox") ? "firefox" :
userAgent.includes("Safari") ? "safari" : "unknown";
document.getElementById("engine").innerText = renderingEngine;
document.getElementById("version").innerText = renderingEngineVersion;
document.getElementById("browser").innerText = currentBrowser;

/* Reason for 404 */
var page = window.location.href.split('/').pop();
if (page == "404" || page == "404.html") {
document.getElementById("reason").innerHTML = "but you navigated to the 404 page directly for some reason.";
}
else {
document.getElementById('thispage').innerText = page;

}
</script>
</body>
</html>
47 changes: 0 additions & 47 deletions articles/stuff-i-use.html
View file

This file was deleted.

Loading

0 comments on commit 2d680de

Please sign in to comment.