gemdation.com/410.html at main · Gemdation/gemdation.com · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html>
<html lang="en">
<head>
    <title>410</title>
    <meta content="410 Gone" property="og:title">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="/meta/dir.css">
    <style>
        *{text-align: center;}
        body {background-color: black;background-image: none;}
        #content {opacity: 0; transition: opacity 1s;}
        button {font-family:'Roboto',sans-serif;font-weight:bold;padding:5px;border-width:5px;border-radius:10px;border-color:white;text-decoration:none;}
        button:hover {cursor:pointer}
    </style>
</head>
<body>

<div id="content">
    <h1 style="font-size: 100px;margin-bottom: 0">410</h1>
    <h4 style="margin-top: 0;">Gone</h4>
</div>

<button id="start">View Page

<audio id="fan" loop><source src="media/random/koronba-fan.mp3" type="audio/mpeg">If you are seeing this then your client does not support audio, sad.</audio>
<script>document.getElementById('start').onclick = function() {var audio = document.getElementById('fan'); audio.play().catch(function(error) {console.log('Playback failed:', error);}); var content = document.getElementById('content');content.style.opacity = 1; this.style.display = 'none'; };</script>

</body>
</html>