113 lines
5.4 KiB
HTML
113 lines
5.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=462, initial-scale=1.0">
|
|
<title>Blue Archive auf Steam in Deutschland? | PonyWave Tools</title>
|
|
<meta name="description" content="Prüfe, ob Blue Archive aktuell auf Steam in Deutschland verfügbar ist.">
|
|
<meta property="og:title" content="Blue Archive auf Steam in Deutschland? | PonyWave Tools">
|
|
<meta property="og:description" content="Prüfe, ob Blue Archive aktuell auf Steam in Deutschland verfügbar ist.">
|
|
<meta property="og:url" content="https://tools.ponywave.de/ba_steam/">
|
|
<meta property="og:image" content="https://tools.ponywave.de/ba_steam/icon.png">
|
|
<meta property="og:type" content="website">
|
|
<link rel="icon" href="https://tools.ponywave.de/ba_steam/icon.png">
|
|
<script defer src="https://stats.ponywave.de/script" data-website-id="9ef713d2-adb9-4906-9df5-708d8a8b9131" data-tag="ba_steam"></script>
|
|
<style>
|
|
body {
|
|
font-family: Arial, sans-serif;
|
|
background: #1b2838;
|
|
color: #fff;
|
|
margin: 0;
|
|
padding: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
min-height: 100vh;
|
|
}
|
|
.header {
|
|
margin-top: 30px;
|
|
}
|
|
.status {
|
|
background: #171a21;
|
|
border-radius: 10px;
|
|
padding: 30px 40px;
|
|
margin: 30px 0 20px 0;
|
|
box-shadow: 0 4px 16px rgba(0,0,0,0.3);
|
|
font-size: 1.5em;
|
|
text-align: center;
|
|
}
|
|
.links {
|
|
margin-bottom: 30px;
|
|
}
|
|
.links a {
|
|
color: #66c0f4;
|
|
text-decoration: none;
|
|
margin: 0 10px;
|
|
font-weight: bold;
|
|
}
|
|
.links a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
@media (max-width: 500px) {
|
|
.status { padding: 20px 10px; font-size: 1.1em; }
|
|
.header img { width: 100%; height: auto; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="header">
|
|
<img src="https://tools.ponywave.de/ba_steam/header.png" alt="Header" width="462" height="174">
|
|
</div>
|
|
<div class="canvas" style="background:#171a21; border-radius:16px; box-shadow:0 4px 16px rgba(0,0,0,0.3); padding:36px 32px 18px 32px; margin:36px 0 24px 0; max-width:540px; width:100%; text-align:center;">
|
|
<div class="status" id="status-box" style="background:none; box-shadow:none; margin:0; padding:0; font-size:1.5em; color:#fff;">
|
|
<span>Lade aktuellen Status ...</span>
|
|
</div>
|
|
<div class="canvas-links" style="margin-top:22px;">
|
|
<a href="https://store.steampowered.com/app/3557620/Blue_Archive/" target="_blank" style="color:#66c0f4; text-decoration:none; font-weight:bold; margin:0 16px; font-size:1.1em;">Steam-Seite</a>
|
|
<a href="https://steamdb.info/app/3557620/" target="_blank" style="color:#66c0f4; text-decoration:none; font-weight:bold; margin:0 16px; font-size:1.1em;">SteamDB</a>
|
|
</div>
|
|
</div>
|
|
<footer style="background:#171a21; color:#eee; text-align:center; border-top:1px solid #222; padding:2rem 1rem 2.5rem 1rem; margin-top:1.2rem; border-radius:0 0 16px 16px; font-size:1em;">
|
|
<a href="https://tools.ponywave.de/" style="color:#66c0f4; text-decoration:none;">Zurück zur Startseite</a> |
|
|
© <span id="current-year"></span> Akamaru | Made with <span style="color:#b91c1c; animation:heartbeat 1.5s infinite;">❤️</span> by Claude
|
|
<style>
|
|
@keyframes heartbeat { 0%,100%{transform:scale(1);} 50%{transform:scale(1.1);} }
|
|
footer a:hover { text-decoration: underline; }
|
|
</style>
|
|
</footer>
|
|
<script>
|
|
// Jahr im Footer setzen
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
var y = document.getElementById('current-year');
|
|
if(y) y.textContent = new Date().getFullYear();
|
|
});
|
|
async function checkSteamStatus() {
|
|
const statusBox = document.getElementById('status-box');
|
|
function formatDateDE(date) {
|
|
const d = date;
|
|
const day = String(d.getDate()).padStart(2, '0');
|
|
const month = String(d.getMonth() + 1).padStart(2, '0');
|
|
const year = d.getFullYear();
|
|
return `${day}.${month}.${year}`;
|
|
}
|
|
try {
|
|
const response = await fetch('check_steam.php');
|
|
const data = await response.json();
|
|
const datum = formatDateDE(new Date());
|
|
if (data.status === 'not_available') {
|
|
statusBox.innerHTML = '<span>Blue Archive ist <b>nicht</b> auf Steam in Deutschland verfügbar.</span><br><small>(Automatisch geprüft: ' + datum + ')</small>';
|
|
} else if (data.status === 'available') {
|
|
statusBox.innerHTML = '<span>Blue Archive ist <b>verfügbar</b> auf Steam in Deutschland!</span><br><small>(Automatisch geprüft: ' + datum + ')</small>';
|
|
} else if (data.error) {
|
|
statusBox.innerHTML = '<span>Status konnte nicht automatisch ermittelt werden: ' + data.error + '</span>';
|
|
} else {
|
|
statusBox.innerHTML = '<span>Unbekannter Fehler beim Prüfen des Status.</span>';
|
|
}
|
|
} catch (e) {
|
|
statusBox.innerHTML = '<span>Fehler beim automatischen Prüfen: ' + e.message + '</span>';
|
|
}
|
|
}
|
|
checkSteamStatus();
|
|
</script>
|
|
</body>
|
|
</html> |