108 lines
3.2 KiB
HTML
108 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||
<title>Genesis Radio - Full Service Status</title>
|
||
<style>
|
||
body {
|
||
font-family: system-ui, sans-serif;
|
||
background-color: #111;
|
||
color: #f5f5f5;
|
||
max-width: 800px;
|
||
margin: auto;
|
||
padding: 2rem;
|
||
text-align: center;
|
||
}
|
||
h1 {
|
||
color: #90e0ef;
|
||
}
|
||
.status-block {
|
||
margin: 1.5rem 0;
|
||
}
|
||
.service-name {
|
||
font-size: 1.2rem;
|
||
font-weight: bold;
|
||
color: #eee;
|
||
}
|
||
.status {
|
||
font-size: 1.5rem;
|
||
margin-top: 0.5rem;
|
||
}
|
||
.online {
|
||
color: #00ff90;
|
||
}
|
||
.offline {
|
||
color: #ff4d4d;
|
||
}
|
||
footer {
|
||
margin-top: 3rem;
|
||
font-size: 0.9em;
|
||
color: #aaa;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<h1>📡 Genesis Hosting Service Status</h1>
|
||
<p>This page checks if our major services are reachable from your device.</p>
|
||
|
||
<div class="status-block">
|
||
<div class="service-name">🎵 Genesis Radio Website<br><small>https://genesis-radio.net</small></div>
|
||
<div id="radioStatus" class="status">⏳ Checking...</div>
|
||
</div>
|
||
|
||
<div class="status-block">
|
||
<div class="service-name">🐘 Mastodon<br><small>https://chatwithus.live</small></div>
|
||
<div id="mastodonStatus" class="status">⏳ Checking...</div>
|
||
</div>
|
||
|
||
<div class="status-block">
|
||
<div class="service-name">🗃 MinIO Object Storage<br><small>https://console.sshjunkie.com</small></div>
|
||
<div id="minioStatus" class="status">⏳ Checking...</div>
|
||
</div>
|
||
|
||
<div class="status-block">
|
||
<div class="service-name">🎙 AzuraCast<br><small>portal.genesishostingtechnologies.com</small></div>
|
||
<div id="azuraStatus" class="status">⏳ Checking...</div>
|
||
</div>
|
||
|
||
<div class="status-block">
|
||
<div class="service-name">🗣 TeamTalk Server<br><small>tt.themediahub.org</small></div>
|
||
<div id="teamtalkStatus" class="status">⏳ Checking...</div>
|
||
</div>
|
||
|
||
<div class="status-block">
|
||
<div class="service-name">🌐 Web Hosting Panel (DirectAdmin)<br><small>https://da.genesishostingtechnologies.com</small></div>
|
||
<div id="daStatus" class="status">⏳ Checking...</div>
|
||
</div>
|
||
|
||
<script>
|
||
function checkStatus(url, elementId) {
|
||
fetch(url, { method: 'HEAD', mode: 'no-cors' })
|
||
.then(() => {
|
||
document.getElementById(elementId).textContent = "✅ Online";
|
||
document.getElementById(elementId).className = "status online";
|
||
})
|
||
.catch(() => {
|
||
document.getElementById(elementId).textContent = "❌ Offline or Unreachable";
|
||
document.getElementById(elementId).className = "status offline";
|
||
});
|
||
}
|
||
|
||
checkStatus("https://genesis-radio.net", "radioStatus");
|
||
checkStatus("https://chatwithus.live", "mastodonStatus");
|
||
checkStatus("https://console.sshjunkie.com", "minioStatus");
|
||
checkStatus("https://portal.genesishostingtechnologies.com", "azuraStatus");
|
||
checkStatus("tt.themediahub.org", "teamtalkStatus");
|
||
checkStatus("https://da.genesishostingtechnologies.com", "daStatus");
|
||
</script>
|
||
|
||
<footer>
|
||
Genesis Hosting & Radio Help – Status updated live by your browser<br>
|
||
<a href="index.html">← Back to Help Index</a>
|
||
</footer>
|
||
|
||
</body>
|
||
</html>
|