initial commit, many minor chnages to original code
This commit is contained in:
lou
parent
662abdc0a9
commit
8e8e23b368
75
about.html
Normal file
75
about.html
Normal file
@ -0,0 +1,75 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>about | aidxn</title>
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="css/main.css">
|
||||||
|
<link rel="stylesheet" href="css/about.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="loading"></div>
|
||||||
|
<div id="page" style="display: none;">
|
||||||
|
<header class="sidebar">
|
||||||
|
<a href="/"><img src="img/logo.gif" alt="Animated logo text displaying AIDXN ONLINE" class="logo"></a>
|
||||||
|
<p class="cap">Welcome to my world wide web site!</p>
|
||||||
|
<img src="img/links.gif" alt="Animated text displaying LINKS" width="30%" class="mm-label">
|
||||||
|
<ul>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/">home</a></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><b>about</b></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="contact.html">contact</a></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="verify.html">verify a message</a></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="status.html">status</a></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="design.html">design</a></li>
|
||||||
|
</ul>
|
||||||
|
<img src="img/information.gif" alt="Animated text displaying INFORMATION" width="68%" class="mm-label">
|
||||||
|
<p id="date"></p>
|
||||||
|
<img id="album-art" style="height: 64px; width: 64px;" src="img/loading.gif" alt="Album cover">
|
||||||
|
<div class="music-section">
|
||||||
|
<b id="albLabel">Now Playing:</b><br>
|
||||||
|
<b id="song">Loading...</b>
|
||||||
|
<p id="album">Loading...</p>
|
||||||
|
<p id="artist">Loading...</p>
|
||||||
|
</div>
|
||||||
|
<span class="extra-text"><b>Note: </b>This page is best viewed on a computer.</span>
|
||||||
|
</header>
|
||||||
|
<aside class="main-content">
|
||||||
|
<h1>About Me</h1>
|
||||||
|
<p>Heyo! I'm Aidan, and I'm a human being, like you. I'm a Wikipedia editor, hobbyist programmer (Python, Node.js and PHP) and student. I am a troubled teen industry survivor and I also <i>love</i> music! I love walking (pretty much anywhere), particularly Boston and some Mass suburbs. I'm a cryptocurrency user and love it way more than credit cards/cash. However, I am strongly opposed to the adoption of Web3 technology.</p>
|
||||||
|
<p>I strive, as a person, to understand my peers in life. I consider myself to be extremely understanding and accepting, albeit nobody is perfect, and I still hold my biases.</p>
|
||||||
|
<p>Thus, I've tried to do about almost everything and learn about almost everything to get a better understanding of the world around me. I love to debate, talk and learn about other people's views, while keeping it judgement-free. I believe this has helped me find more diverse relationships.</p>
|
||||||
|
<p>In politics, I'm a strong Democrat and a supporter of the <a href="https://uspirates.org">Pirate Party</a>. I hope, by the time I die, that everyone may have fair human rights, open source is standard and the troubled teen industry is torn down or rebuilt into a truly healing environment. Also, let's try our best not to let AI take over too fast, eh?</p>
|
||||||
|
<p>If you want, you can check out my LastFM profile <a href="https://last.fm/user/aidxn_">here</a>. If you don't already know what LastFM is, you can see more about my music taste there. It's where the sidebar fetches now playing stats from, too!</p>
|
||||||
|
<h3>Technology</h3>
|
||||||
|
<p>I have a lot of experience with varying types of technologies. From servers to old XP machines, I've tried it all. I currently administer two Linux servers, both running Ubuntu.</p>
|
||||||
|
<h3>Linux Distro Experience</h3>
|
||||||
|
<ul class="os-list">
|
||||||
|
<li class="space-li"><img src="img/os/ubuntu.png" width="25" alt="Ubuntu logo"><span> Ubuntu 18.04, 20.04, 22.04, 24.04 (includes server versions of each)</span></li>
|
||||||
|
<li class="space-li"><img src="img/os/windows-server.png" width="25" alt="Windows Server logo"><span> Windows Server 2012 R2, 2016, 2019, 2022</span></li>
|
||||||
|
<li class="space-li"><img src="img/os/debian.png" width="25" alt="Debian logo"><span> Debian 9</span></li>
|
||||||
|
<li class="space-li"><img src="img/os/arch.png" width="25" alt="Arch Linux logo"><span> Arch Linux</span></li>
|
||||||
|
<li class="space-li"><img src="img/os/void.png" width="25" alt="Void Linux logo"><span> Void Linux</span></li>
|
||||||
|
<li class="space-li"><img src="img/os/gentoo.png" width="25" alt="Gentoo logo"><span> Gentoo Linux</span></li>
|
||||||
|
<li class="space-li"><img src="img/os/mint.png" width="25" alt="Linux Mint logo"><span> Linux Mint</span></li>
|
||||||
|
<li class="space-li"><img src="img/os/opensuse.png" width="25" alt="OpenSUSE logo"><span> OpenSUSE</span></li>
|
||||||
|
<li class="space-li"><img src="img/os/oracle.png" width="25" alt="Oracle logo"><span> Oracle Linux 8</span></li>
|
||||||
|
</ul>
|
||||||
|
<h3>Cloud</h3>
|
||||||
|
<p>I also work a <i>LOT</i> in the cloud, but not the type you might be thinking about. I almost have an obsession to enterprise cloud computing. Hell, you're actually connected to one... right now! Here are some of my favorite platforms, ranked.</p>
|
||||||
|
<p>This section is a work in progress, for those who don't know cloud computing. I'm working to make the wording clearer, so the non-technical folk can still understand everything here!</p>
|
||||||
|
<ol>
|
||||||
|
<li class="space-li">Oracle Cloud</li>
|
||||||
|
<li class="space-li">Azure</li>
|
||||||
|
<li class="space-li">AWS</li>
|
||||||
|
</ol>
|
||||||
|
<p>You can learn more about my opinions on cloud platforms <a href="cloud.html">on this page</a>. It's not shown on the sidebar, as I don't think many people would be interested. So, if you're reading this, enjoy your access to a "secret" page.</p>
|
||||||
|
</aside>
|
||||||
|
</div>
|
||||||
|
<script src="js/main.js"></script>
|
||||||
|
<script src="js/music.js"></script>
|
||||||
|
<script src="js/ping.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
67
cloud.html
Normal file
67
cloud.html
Normal file
@ -0,0 +1,67 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>cloud | aidxn</title>
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="css/main.css">
|
||||||
|
<link rel="stylesheet" href="css/cloud.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="loading"></div>
|
||||||
|
<div id="page" style="display: none;">
|
||||||
|
<header class="sidebar">
|
||||||
|
<a href="/"><img src="img/logo.gif" alt="Animated logo text displaying AIDXN ONLINE" class="logo"></a>
|
||||||
|
<p class="cap">Welcome to my world wide web site!</p>
|
||||||
|
<img src="img/links.gif" alt="Animated text displaying LINKS" width="30%" class="mm-label">
|
||||||
|
<ul>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/">home</a></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="about.html">about</a></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="contact.html">contact</a></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="verify.html">verify a message</a></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="status.html">status</a></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="design.html">design</a></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><b>cloud</b></li>
|
||||||
|
</ul>
|
||||||
|
<img src="img/information.gif" alt="Animated text displaying INFORMATION" width="68%" class="mm-label">
|
||||||
|
<p id="date"></p>
|
||||||
|
<img id="album-art" style="height: 64px; width: 64px;" src="img/loading.gif" alt="Album cover">
|
||||||
|
<div class="music-section">
|
||||||
|
<b id="albLabel">Now Playing:</b><br>
|
||||||
|
<b id="song">Loading...</b>
|
||||||
|
<p id="album">Loading...</p>
|
||||||
|
<p id="artist">Loading...</p>
|
||||||
|
</div>
|
||||||
|
<span class="extra-text"><b>Note: </b>This page is best viewed on a computer.</span>
|
||||||
|
</header>
|
||||||
|
<aside class="main-content">
|
||||||
|
<h1>Cloud</h1>
|
||||||
|
<p>I also work a <i>LOT</i> in the cloud, but not the type you might be thinking about. I almost have an obsession to enterprise cloud computing. Hell, you're actually connected to one... right now! Here are some of my favorite platforms, ranked.</p>
|
||||||
|
<p>This section is a work in progress, for those who don't know cloud computing. I'm working to make the wording clearer, so the non-technical folk can still understand everything here!</p>
|
||||||
|
<ol>
|
||||||
|
<li>
|
||||||
|
Oracle Cloud
|
||||||
|
<br><br>
|
||||||
|
This platform is my absolute favorite cloud platform. Five stars, easily. Oracle Cloud not only has the best free tier out of every other cloud solution I have tried, it has an amazing user interface. Everything is easy to navigate and find (especially very specific things, such as subnets).
|
||||||
|
</li>
|
||||||
|
<li class="space">
|
||||||
|
Azure
|
||||||
|
<br><br>
|
||||||
|
Azure is another gold standard cloud platform, and is my second favorite (nobody can dethrone Oracle Cloud!) and I really enjoyed using their platform. While having a 12-month limit on their free tier, their credits are generous, and they have good support for any hiccups you might encounter. Their machines could be priced a bit better, especially for individuals.
|
||||||
|
</li>
|
||||||
|
<li class="space">
|
||||||
|
AWS
|
||||||
|
<br><br>
|
||||||
|
Apart from being the most recognizable cloud platform (subjective), it has a fantastic API, and EC2 is quite intuitive. They have a limited 12-month free tier, which is pretty disappointing, and the instances you are able to create are not the best. Their pricing is horrible for individuals, however it's viable for an enterprise to use. Three stars.
|
||||||
|
</li>
|
||||||
|
</ol>
|
||||||
|
</aside>
|
||||||
|
</div>
|
||||||
|
<script src="js/main.js"></script>
|
||||||
|
<script src="js/music.js"></script>
|
||||||
|
<script src="js/ping.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
2
composer.json
Normal file
2
composer.json
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
{
|
||||||
|
}
|
||||||
57
contact.html
Normal file
57
contact.html
Normal file
@ -0,0 +1,57 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>contact | aidxn</title>
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="css/main.css">
|
||||||
|
<link rel="stylesheet" href="css/contact.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="loading"></div>
|
||||||
|
<div id="page" style="display: none;">
|
||||||
|
<header class="sidebar">
|
||||||
|
<a href="/"><img src="img/logo.gif" alt="Animated logo text displaying AIDXN ONLINE" class="logo"></a>
|
||||||
|
<p class="cap">Welcome to my world wide web site!</p>
|
||||||
|
<img src="img/links.gif" alt="Animated text displaying LINKS" width="30%" class="mm-label">
|
||||||
|
<ul>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/">home</a></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="about.html">about</a></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><b>contact</b></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="verify.html">verify a message</a></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="status.html">status</a></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="design.html">design</a></li>
|
||||||
|
</ul>
|
||||||
|
<img src="img/information.gif" alt="Animated text displaying INFORMATION" width="68%" class="mm-label">
|
||||||
|
<p id="date"></p>
|
||||||
|
<img id="album-art" style="height: 64px; width: 64px;" src="img/loading.gif" alt="Album cover">
|
||||||
|
<div class="music-section">
|
||||||
|
<b id="albLabel">Now Playing:</b><br>
|
||||||
|
<b id="song">Loading...</b>
|
||||||
|
<p id="album">Loading...</p>
|
||||||
|
<p id="artist">Loading...</p>
|
||||||
|
</div>
|
||||||
|
<span class="extra-text"><b>Note: </b><p>This page is best viewed on a computer.</p></span>
|
||||||
|
</header>
|
||||||
|
<aside class="main-content">
|
||||||
|
<h1>Contact</h1>
|
||||||
|
<p>This one can be a hard one for most people, as I'm not a fan of modern social media, albeit I give in here and there.</p>
|
||||||
|
<p>Now, the part you came for!</p>
|
||||||
|
<p>If you're looking for my email, simply replace the brackets with the character it's referencing, like so: test[at]test[dot]com becomes test@test.com</p>
|
||||||
|
<p>This is in order to prevent spam bots from contacting me.</p>
|
||||||
|
<ul>
|
||||||
|
<li><b>Email:</b> imlou[at]disroot[dot]org (PGP encryption preferred)</li>
|
||||||
|
<li><b>Signal:</b> [at]iusearchbtw.17</li>
|
||||||
|
<li><b>Telegram:</b> [at]iusearchbtw42</li>
|
||||||
|
<li><b>Phone:</b> Not given out to untrusted people. Contact elsewhere <i>first</i>.</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</div>
|
||||||
|
<script src="js/main.js"></script>
|
||||||
|
<script src="js/music.js"></script>
|
||||||
|
<script src="js/ping.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
11
css/about.css
Normal file
11
css/about.css
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
.os-list {
|
||||||
|
list-style-type: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.space-li {
|
||||||
|
margin-top: 0.75%;
|
||||||
|
margin-bottom: 0.75%;
|
||||||
|
font-size: 95%;
|
||||||
|
}
|
||||||
7
css/cloud.css
Normal file
7
css/cloud.css
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
aside li {
|
||||||
|
font-size: 95%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.space {
|
||||||
|
margin-top: 3%;
|
||||||
|
}
|
||||||
8
css/contact.css
Normal file
8
css/contact.css
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
ul {
|
||||||
|
list-style-type: circle;
|
||||||
|
padding-left: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
aside li {
|
||||||
|
font-size: 95%;
|
||||||
|
}
|
||||||
6
css/index.css
Normal file
6
css/index.css
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
/* This fixes a weird issue with an offset album art image */
|
||||||
|
/* You know me: "I'll get to it later" */
|
||||||
|
|
||||||
|
#album-art {
|
||||||
|
margin-top: 1%;
|
||||||
|
}
|
||||||
176
css/main.css
Normal file
176
css/main.css
Normal file
@ -0,0 +1,176 @@
|
|||||||
|
/* Loading animation */
|
||||||
|
|
||||||
|
#loading {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: 100;
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
background-color: black;
|
||||||
|
background-image: url("https://aidxn.fun/img/loading2.gif");
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Used across all different parts of the site */
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: "VT323", monospace;
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: normal;
|
||||||
|
overflow: auto;
|
||||||
|
background-color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote {
|
||||||
|
font-size: 80%;
|
||||||
|
font-weight: bold;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sidebar only */
|
||||||
|
|
||||||
|
.sidebar {
|
||||||
|
height: 93.7%;
|
||||||
|
width: 20%;
|
||||||
|
background-color: rgb(77, 69, 69);
|
||||||
|
position: fixed;
|
||||||
|
padding-top: 2%;
|
||||||
|
padding-left: 2%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar a {
|
||||||
|
color: white;
|
||||||
|
font-size: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar b {
|
||||||
|
font-size: 110%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Used for varying font sizes */
|
||||||
|
.extra-text {
|
||||||
|
color: white;
|
||||||
|
font-size: 90%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.extra-text p {
|
||||||
|
margin-top: 0%;
|
||||||
|
}
|
||||||
|
|
||||||
|
header ul {
|
||||||
|
list-style-type: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
header li a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: white;
|
||||||
|
display: inline;
|
||||||
|
padding-left: 2%
|
||||||
|
}
|
||||||
|
|
||||||
|
header li b {
|
||||||
|
color: white;
|
||||||
|
display: inline;
|
||||||
|
padding-left: 2%
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
width: 88%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cap {
|
||||||
|
font-size: 90%;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mm-label {
|
||||||
|
padding-top: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bullet {
|
||||||
|
width: 5%;
|
||||||
|
padding-top: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#date {
|
||||||
|
color: white;
|
||||||
|
font-size: 90%;
|
||||||
|
margin-top: 2%;
|
||||||
|
margin-bottom: 3%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Main content only */
|
||||||
|
|
||||||
|
.main-content {
|
||||||
|
color: white;
|
||||||
|
width: 72.5%;
|
||||||
|
max-height: 100%;
|
||||||
|
margin-left: 23%;
|
||||||
|
margin-right: 20%;
|
||||||
|
padding-left: 2%;
|
||||||
|
padding-right: 2%;
|
||||||
|
border: 1px white solid;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-content a {
|
||||||
|
text-decoration-color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-content h1 {
|
||||||
|
font-size: 215%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-content h3 {
|
||||||
|
font-size: 140%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-content p {
|
||||||
|
font-size: 95%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.quote {
|
||||||
|
margin-left: 7%;
|
||||||
|
margin-top: -1%;
|
||||||
|
margin-bottom: 1%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Used for now playing display */
|
||||||
|
|
||||||
|
.music-section {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
color: white;
|
||||||
|
font-size: 105%;
|
||||||
|
margin-top: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#album-art {
|
||||||
|
float: left;
|
||||||
|
margin-right: 3%;
|
||||||
|
margin-top: 3%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#song {
|
||||||
|
font-size: 91%;
|
||||||
|
margin-top: 1%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#album {
|
||||||
|
font-size: 75%;
|
||||||
|
margin: 0%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#artist {
|
||||||
|
font-size: 75%;
|
||||||
|
margin-top: 0%;
|
||||||
|
}
|
||||||
48
design.html
Normal file
48
design.html
Normal file
@ -0,0 +1,48 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>design | aidxn</title>
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="css/main.css">
|
||||||
|
<link rel="stylesheet" href="css/cloud.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="loading"></div>
|
||||||
|
<div id="page" style="display: none;">
|
||||||
|
<header class="sidebar">
|
||||||
|
<a href="/"><img src="img/logo.gif" alt="Animated logo text displaying AIDXN ONLINE" class="logo"></a>
|
||||||
|
<p class="cap">Welcome to my world wide web site!</p>
|
||||||
|
<img src="img/links.gif" alt="Animated text displaying LINKS" width="30%" class="mm-label">
|
||||||
|
<ul>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/">home</a></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="about.html">about</a></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="contact.html">contact</a></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="verify.html">verify a message</a></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="status.html">status</a></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><b>design</b></li>
|
||||||
|
</ul>
|
||||||
|
<img src="img/information.gif" alt="Animated text displaying INFORMATION" width="68%" class="mm-label">
|
||||||
|
<p id="date"></p>
|
||||||
|
<img id="album-art" style="height: 64px; width: 64px;" src="img/loading.gif" alt="Album cover">
|
||||||
|
<div class="music-section">
|
||||||
|
<b id="albLabel">Now Playing:</b><br>
|
||||||
|
<b id="song">Loading...</b>
|
||||||
|
<p id="album">Loading...</p>
|
||||||
|
<p id="artist">Loading...</p>
|
||||||
|
</div>
|
||||||
|
<span class="extra-text"><b>Note: </b><p>This page is best viewed on a computer.</p></span>
|
||||||
|
</header>
|
||||||
|
<aside class="main-content">
|
||||||
|
<h1>Design</h1>
|
||||||
|
<p>This page is coming soon!</p>
|
||||||
|
</aside>
|
||||||
|
</div>
|
||||||
|
<script src="js/main.js"></script>
|
||||||
|
<script src="js/music.js"></script>
|
||||||
|
<script src="js/ping.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
BIN
img/bullet.gif
Normal file
BIN
img/bullet.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 454 KiB |
BIN
img/information.gif
Normal file
BIN
img/information.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
img/links.gif
Normal file
BIN
img/links.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.2 KiB |
BIN
img/loading.gif
Normal file
BIN
img/loading.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 198 KiB |
BIN
img/loading2.gif
Normal file
BIN
img/loading2.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 161 KiB |
BIN
img/logo.gif
Normal file
BIN
img/logo.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
img/os/arch.png
Normal file
BIN
img/os/arch.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
img/os/debian.png
Normal file
BIN
img/os/debian.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
img/os/gentoo.png
Normal file
BIN
img/os/gentoo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
img/os/mint.png
Normal file
BIN
img/os/mint.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
img/os/opensuse.png
Normal file
BIN
img/os/opensuse.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
img/os/oracle.png
Normal file
BIN
img/os/oracle.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
BIN
img/os/ubuntu.png
Normal file
BIN
img/os/ubuntu.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
img/os/void.png
Normal file
BIN
img/os/void.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
img/os/windows-server.png
Normal file
BIN
img/os/windows-server.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
65
index.html
Normal file
65
index.html
Normal file
@ -0,0 +1,65 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>home | aidxn</title>
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="css/main.css">
|
||||||
|
<link rel="stylesheet" href="css/index.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="loading"></div>
|
||||||
|
<div id="page" style="display: none;">
|
||||||
|
<header class="sidebar">
|
||||||
|
<a href="#"><img src="img/logo.gif" alt="Animated logo text displaying AIDXN ONLINE" class="logo"></a>
|
||||||
|
<p class="cap">Welcome to my world wide web site!</p>
|
||||||
|
<img src="img/links.gif" alt="Animated text displaying LINKS" width="30%" class="mm-label">
|
||||||
|
<ul>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><b>home</b></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="about.html">about</a></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="contact.html">contact</a></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="verify.html">verify a message</a></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="status.html">status</a></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="design.html">design</a></li>
|
||||||
|
</ul>
|
||||||
|
<img src="img/information.gif" alt="Animated text displaying INFORMATION" width="68%" class="mm-label">
|
||||||
|
<p id="date"></p>
|
||||||
|
<div class="music-section">
|
||||||
|
<img id="album-art" style="height: 64px; width: 64px;" src="img/loading.gif" alt="Album cover">
|
||||||
|
<b id="albLabel">Now Playing:</b><br>
|
||||||
|
<b id="song">Loading...</b>
|
||||||
|
<p id="album">Loading...</p>
|
||||||
|
<p id="artist">Loading...</p>
|
||||||
|
</div>
|
||||||
|
<span class="extra-text"><b>Note: </b><p>This page is best viewed on a computer.</p></span>
|
||||||
|
</header>
|
||||||
|
<aside class="main-content">
|
||||||
|
<h1>Welcome to my world wide web site!</h1>
|
||||||
|
<p>My name is Aidan, but if you are on <a href="https://tilde.club">tilde.club</a>, you will know me as <a href="https://tilde.club/~lxu">~lxu</a>!</p>
|
||||||
|
<p>I'm a technology enthusiest, and a Wikipedia editor, among other things.</p>
|
||||||
|
<p>Here, you can learn more about me, visit a more nostalgic and relaxing web site, and even have some fun along the way.</p>
|
||||||
|
<p>This website is currently hosted in Frankfurt, Germany. Page load speeds may be impacted, however my website's data is hosted under stricter data protection laws. I'm not a millionare, and thus helps me save money on hosting, and serve a wider range of countries with better speeds.</p>
|
||||||
|
<h1>Where to start</h1>
|
||||||
|
<p>This website has a lot of content, albeit spread apart. If you're interested in learning about me as a person, I'd obviously suggest <a href="about.html">my about page</a>.</p>
|
||||||
|
<p>If you merely need to contact me, check out the <a href="contact.html">contact page</a> on the sidebar (or you could click that link).</p>
|
||||||
|
<p>This website is always a work in progress, and not every page is going to be finished, however I aim for every page to be functional and relevant. Content is always being added, as I progress through my life. Why not start early?</p>
|
||||||
|
<h1>About the design</h1>
|
||||||
|
<p>This is a brief description of my design choices when creating the styling of this website. You can view a more extensive description of design choices <a href="design.html">here</a>.</p>
|
||||||
|
<p>In the past, I was very focused on using <a href="https://getbootstrap.com">Bootstrap</a> and <a href="https://tailwindcss.com">Tailwind CSS</a>, which are modern design tools, to save time on styling your pages with CSS.</p>
|
||||||
|
<p>In this design, I have opted to fully understand the CSS, which is going on in the background when I use the aforementioned tools. This is essentially the selling point of these tools. Tailwind CSS says it themselves:</p>
|
||||||
|
<blockquote>Rapidly build modern websites without ever leaving your HTML</blockquote>
|
||||||
|
<p class="quote">- <a href="https://tailwindcss.com">Tailwind CSS Home Page</a></p>
|
||||||
|
<p>However, I don't believe people who use either tools are "lazy" or don't actually know how to code. Bootstrap is for modern design, and raw CSS is for complete control.</p>
|
||||||
|
<p>That wasn't my only idea behind the design, however. I was first inspired by some of my tilde neighbors, and especially by <a href="https://sadgrl.online">sadgrl</a>'s website.</p>
|
||||||
|
<p>I am going for an older design, one that's flashy, fun, and makes you think. I'm constantly improving the design to adhere to outdated design standards which end up looking better than modern ones (subjective)!</p>
|
||||||
|
<p>With this project, I have aimed to adhere to modern HTML5 standards, while emulating the experience of a proper mid-2000s design. Sadly, I wasn't around for when HTML4 was more widespread.</p>
|
||||||
|
</aside>
|
||||||
|
</div>
|
||||||
|
<script src="js/main.js"></script>
|
||||||
|
<script src="js/music.js"></script>
|
||||||
|
<script src="js/ping.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
43
js/main.js
Normal file
43
js/main.js
Normal file
@ -0,0 +1,43 @@
|
|||||||
|
let currentDT = ``;
|
||||||
|
function displayTime(){
|
||||||
|
let date = new Date();
|
||||||
|
let d = date.getDate();
|
||||||
|
let m = date.toLocaleString('default', {month: 'long'});
|
||||||
|
let y = date.getFullYear();
|
||||||
|
let t = date.toLocaleString([], {
|
||||||
|
hour: '2-digit',
|
||||||
|
minute: '2-digit',
|
||||||
|
second: '2-digit',
|
||||||
|
});
|
||||||
|
|
||||||
|
currentDT = `${d} ${m}, ${y} ${t}`;
|
||||||
|
document.getElementById('date').innerHTML = currentDT;
|
||||||
|
setTimeout(displayTime, 1000);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Credits to MrPolywhirl (jsfiddle.net/MrPolywhirl/cbLsc81f) for the loading functions */
|
||||||
|
/* Modified to suit my craziness */
|
||||||
|
|
||||||
|
function onReady(callback) {
|
||||||
|
let intervalID = window.setInterval(checkReady, 1000);
|
||||||
|
|
||||||
|
function checkReady() {
|
||||||
|
if (document.getElementsByTagName('body')[0] !== undefined) {
|
||||||
|
window.clearInterval(intervalID);
|
||||||
|
callback.call(this);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function show(id, value) {
|
||||||
|
document.getElementById("loading").style.display = value ? 'block' : 'none';
|
||||||
|
document.getElementById("page").style.display = 'block';
|
||||||
|
}
|
||||||
|
|
||||||
|
displayTime();
|
||||||
|
|
||||||
|
onReady(function () {
|
||||||
|
show('page', true);
|
||||||
|
show('loading', false);
|
||||||
|
});
|
||||||
31
js/music.js
Normal file
31
js/music.js
Normal file
@ -0,0 +1,31 @@
|
|||||||
|
const alblabel = document.getElementById("albLabel");
|
||||||
|
const albumart = document.getElementById("album-art");
|
||||||
|
const song = document.getElementById("song");
|
||||||
|
const artist = document.getElementById("artist");
|
||||||
|
const album = document.getElementById("album");
|
||||||
|
|
||||||
|
async function getLatestSong() {
|
||||||
|
const api = "https://lastfm-last-played.biancarosa.com.br/aidxn_/latest-song";
|
||||||
|
try {
|
||||||
|
const lsResponse = await fetch(api);
|
||||||
|
if (lsResponse.ok) {
|
||||||
|
const latestSongJSON = await lsResponse.json();
|
||||||
|
if (!latestSongJSON.track["@attr"]) {
|
||||||
|
alblabel.textContent = "Last Listen:";
|
||||||
|
} else if (latestSongJSON.track["@attr"].nowplaying) {
|
||||||
|
alblabel.textContent = "Now Playing:";
|
||||||
|
} else {
|
||||||
|
console.log("[WARN] Invalid value in now playing status, or something else messed up");
|
||||||
|
alblabel.textContent = "Last Listen:";
|
||||||
|
}
|
||||||
|
albumart.src = latestSongJSON.track.image[1]["#text"];
|
||||||
|
song.textContent = latestSongJSON.track.name;
|
||||||
|
artist.textContent = latestSongJSON.track.artist["#text"];
|
||||||
|
album.textContent = latestSongJSON.track.album["#text"];
|
||||||
|
} else throw new Error(`Error, response status: ${lsResponse.status}`);
|
||||||
|
} catch (error) {
|
||||||
|
console.log(`Error: ${error.message}`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
getLatestSong();
|
||||||
37
js/ping.js
Normal file
37
js/ping.js
Normal file
@ -0,0 +1,37 @@
|
|||||||
|
async function ping(url) {
|
||||||
|
const start = performance.now();
|
||||||
|
try {
|
||||||
|
await fetch(url);
|
||||||
|
const end = performance.now();
|
||||||
|
return end - start;
|
||||||
|
} catch (error) {
|
||||||
|
console.error(`Error pinging ${url}:`, error);
|
||||||
|
return Infinity;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function testPing() {
|
||||||
|
const urls = [
|
||||||
|
'https://aidxn.fun/ping',
|
||||||
|
'https://kantor.aidxn.fun/ping',
|
||||||
|
'https://api.aidxn.fun/ping'
|
||||||
|
];
|
||||||
|
|
||||||
|
const pingResults = await Promise.all(
|
||||||
|
urls.map(async (url) => {
|
||||||
|
const time = await ping(url);
|
||||||
|
return { url, time };
|
||||||
|
})
|
||||||
|
);
|
||||||
|
|
||||||
|
pingResults.sort((a, b) => a.time - b.time);
|
||||||
|
|
||||||
|
console.log('Fastest server:', pingResults[0].url);
|
||||||
|
pingResults.forEach(result => {
|
||||||
|
console.log(`${result.url}: ${result.time.toFixed(2)} ms`);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
window.onload = () => {
|
||||||
|
testPing();
|
||||||
|
};
|
||||||
67
js/status.js
Normal file
67
js/status.js
Normal file
@ -0,0 +1,67 @@
|
|||||||
|
const pings = [];
|
||||||
|
|
||||||
|
async function ping(url) {
|
||||||
|
const start = performance.now();
|
||||||
|
try {
|
||||||
|
await fetch(url);
|
||||||
|
const end = performance.now();
|
||||||
|
return end - start;
|
||||||
|
} catch (error) {
|
||||||
|
console.error(`Error pinging ${url}:`, error);
|
||||||
|
return Infinity;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function testPing() {
|
||||||
|
const urls = [
|
||||||
|
'https://aidxn.fun/ping',
|
||||||
|
'https://kantor.aidxn.fun/ping',
|
||||||
|
'https://api.aidxn.fun/ping'
|
||||||
|
];
|
||||||
|
|
||||||
|
const pingResults = await Promise.all(
|
||||||
|
urls.map(async (url) => {
|
||||||
|
const time = await ping(url);
|
||||||
|
if (url === 'https://aidxn.fun/ping') {
|
||||||
|
const website = document.getElementById("website");
|
||||||
|
website.textContent = `[ONLINE - ${time} ms]`
|
||||||
|
}
|
||||||
|
if (url === 'https://kantor.aidxn.fun/ping') {
|
||||||
|
const status1 = document.getElementById("status1");
|
||||||
|
status1.textContent = `[ONLINE - ${time} ms]`
|
||||||
|
status1.style = 'color: green;';
|
||||||
|
}
|
||||||
|
if (url === 'https://api.aidxn.fun/ping') {
|
||||||
|
const api = document.getElementById("api");
|
||||||
|
api.textContent = `[ONLINE - ${time} ms]`
|
||||||
|
api.style = 'color: green;';
|
||||||
|
}
|
||||||
|
return { url, time };
|
||||||
|
})
|
||||||
|
);
|
||||||
|
|
||||||
|
pingResults.sort((a, b) => a.time - b.time);
|
||||||
|
|
||||||
|
console.log('Fastest server:', pingResults[0].url);
|
||||||
|
pingResults.forEach(result => {
|
||||||
|
console.log(`${result.url}: ${result.time.toFixed(2)} ms`);
|
||||||
|
});
|
||||||
|
const fastestServer = pingResults[0].url;
|
||||||
|
if (fastestServer === 'https://aidxn.fun/ping') {
|
||||||
|
oldText = website.textContent;
|
||||||
|
website.textContent = oldText + ' [FASTEST]';
|
||||||
|
}
|
||||||
|
if (fastestServer === 'https://kantor.aidxn.fun/ping') {
|
||||||
|
oldText = status1.textContent;
|
||||||
|
status1.textContent = oldText + ' [FASTEST]';
|
||||||
|
}
|
||||||
|
if (fastestServer === 'https://api.aidxn.fun/ping') {
|
||||||
|
oldText = api.textContent;
|
||||||
|
api.textContent = oldText + ' [FASTEST]';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
window.onload = () => {
|
||||||
|
|
||||||
|
testPing();
|
||||||
|
};
|
||||||
52
status.html
Normal file
52
status.html
Normal file
@ -0,0 +1,52 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>status | aidxn</title>
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="css/main.css">
|
||||||
|
<link rel="stylesheet" href="css/cloud.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="loading"></div>
|
||||||
|
<div id="page" style="display: none;">
|
||||||
|
<header class="sidebar">
|
||||||
|
<a href="/"><img src="img/logo.gif" alt="Animated logo text displaying AIDXN ONLINE" class="logo"></a>
|
||||||
|
<p class="cap">Welcome to my world wide web site!</p>
|
||||||
|
<img src="img/links.gif" alt="Animated text displaying LINKS" width="30%" class="mm-label">
|
||||||
|
<ul>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="index.html">home</a></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="about.html">about</a></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="contact.html">contact</a></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="verify.html">verify a message</a></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><b>status</b></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="design.html">design</a></li>
|
||||||
|
</ul>
|
||||||
|
<img src="img/information.gif" alt="Animated text displaying INFORMATION" width="68%" class="mm-label">
|
||||||
|
<p id="date"></p>
|
||||||
|
<img id="album-art" style="height: 64px; width: 64px;" src="img/loading.gif" alt="Album cover">
|
||||||
|
<div class="music-section">
|
||||||
|
<b id="albLabel">Now Playing:</b><br>
|
||||||
|
<b id="song">Loading...</b>
|
||||||
|
<p id="album">Loading...</p>
|
||||||
|
<p id="artist">Loading...</p>
|
||||||
|
</div>
|
||||||
|
<span class="extra-text"><b>Note: </b><p>This page is best viewed on a computer.</p></span>
|
||||||
|
</header>
|
||||||
|
<aside class="main-content">
|
||||||
|
<h1>Status</h1>
|
||||||
|
<h3>Website</h3>
|
||||||
|
<p><b style="color: #008000" id="website">[ONLINE]</b> aidxn.fun/lsd.aidxn.fun (DigitalOcean)</p>
|
||||||
|
<h3>Backend</h3>
|
||||||
|
<p><b style="color: gray" id="status1">[UNKNOWN]</b> kantor.aidxn.fun (Oracle Cloud - Germany - backend server)</p>
|
||||||
|
<p><b style="color: gray" id="api">[UNKNOWN]</b> api.aidxn.fun (Oracle Cloud - Germany - backend server)</p>
|
||||||
|
</aside>
|
||||||
|
</div>
|
||||||
|
<script src="js/main.js"></script>
|
||||||
|
<script src="js/music.js"></script>
|
||||||
|
<script src="js/status.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
51
verify.html
Normal file
51
verify.html
Normal file
@ -0,0 +1,51 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>verify | aidxn</title>
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="css/main.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="loading"></div>
|
||||||
|
<div id="page" style="display: none;">
|
||||||
|
<header class="sidebar">
|
||||||
|
<a href="/"><img src="img/logo.gif" alt="Animated logo text displaying AIDXN ONLINE" class="logo"></a>
|
||||||
|
<p class="cap">Welcome to my world wide web site!</p>
|
||||||
|
<img src="img/links.gif" alt="Animated text displaying LINKS" width="30%" class="mm-label">
|
||||||
|
<ul>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="index.html">home</a></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="about.html">about</a></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="contact.html">contact</a></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><b>verify a message</b></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="status.html">status</a></li>
|
||||||
|
<li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="design.html">design</a></li>
|
||||||
|
</ul>
|
||||||
|
<img src="img/information.gif" alt="Animated text displaying INFORMATION" width="68%" class="mm-label">
|
||||||
|
<p id="date"></p>
|
||||||
|
<img id="album-art" style="height: 64px; width: 64px;" src="img/loading.gif" alt="Album cover">
|
||||||
|
<div class="music-section">
|
||||||
|
<b id="albLabel">Now Playing:</b><br>
|
||||||
|
<b id="song">Loading...</b>
|
||||||
|
<p id="album">Loading...</p>
|
||||||
|
<p id="artist">Loading...</p>
|
||||||
|
</div>
|
||||||
|
<span class="extra-text"><b>Note: </b>This page is best viewed on a computer.</span>
|
||||||
|
</header>
|
||||||
|
<aside class="main-content">
|
||||||
|
<h1>Verify a Message</h1>
|
||||||
|
<p>Did I send you a PGP signed message? Let's check it's actually from me!</p>
|
||||||
|
<p>The form below will verify the message was signed by my key.</p>
|
||||||
|
<p>Remember, if you have confirmed my key in person, you should always trust that key over this page.</p>
|
||||||
|
<p>The key this is being checked against is stored on my server, which can be prone to being hacked. Thus, this is better than nothing, but not the #1 option for verifying a message.</p>
|
||||||
|
<b>THIS FORM IS NOT CURRENTLY AVALIABLE</b>
|
||||||
|
</aside>
|
||||||
|
</div>
|
||||||
|
<script src="js/main.js"></script>
|
||||||
|
<script src="js/music.js"></script>
|
||||||
|
<script src="js/ping.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
x
Reference in New Issue
Block a user