32 lines
2.4 KiB
Plaintext
32 lines
2.4 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>🎃 aidxn.fun | status</title>
|
|
<link href="/css/main.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
|
<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=Afacad+Flux:wght@100..1000&display=swap" rel="stylesheet">
|
|
</head>
|
|
<body class="bg-gradient-to-br from-slate-900 to-black text-white font-afacad-flux">
|
|
<%- include('shards/header.ejs', { req: req }) %>
|
|
|
|
<header class="flex flex-col items-center justify-center h-[40vh] p-6">
|
|
<h1 class="text-5xl font-bold mb-2 text-center">Status</h1>
|
|
<p class="text-lg text-gray-300 max-w-xl text-center mt-3">Interested in my server uptime? Take a peek!</p>
|
|
</header>
|
|
|
|
<div class="bg-gradient-to-br from-slate-800/80 to-slate-900/80 border border-slate-800 backdrop-blur-md shadow-xl rounded-2xl p-8 mx-4">
|
|
<h3 class="text-2xl font-bold mb-4 text-white">What is this page?</h3>
|
|
<p class="text-slate-300 mb-4">This page displays information about the status of my personal servers. This excludes private servers, which are used for projects such as my "home" lab (it's hosted in the cloud).</p>
|
|
<p class="text-slate-300 mb-4">Most of these servers are what your computer connects to in order to fetch information, such as the status of the server, or what I'm listening to (see the home page).
|
|
<h3 class="text-2xl font-bold mb-4 text-white">Status | Website</h3>
|
|
<p class="text-slate-300 mb-4"><span class="text-green-500 font-bold" id="website">[ONLINE - LOADING ms]</span> aidxn.fun/website.aidxn.fun (Oracle Cloud - Germany)</p>
|
|
<h3 class="text-2xl font-bold mb-4 text-white">Status | Backend</h3>
|
|
<p class="text-slate-300 mb-4"><span class="text-gray-500 font-bold" id="status1">[UNKNOWN - LOADING ms]</span> kantor.aidxn.fun (Oracle Cloud - Germany - backend server)</p>
|
|
</div>
|
|
<script src="js/main.js"></script>
|
|
<script src="js/status.js"></script>
|
|
<%- include('shards/footer.ejs') %> |