all repos — retro-website @ 8c4aa8a379f1ea0371c582a750462a7713dfe670

index.html (view raw)

 1<!DOCTYPE html>
 2<html lang="en" style="height: 100%">
 3
 4<head>
 5    <meta charset="UTF-8">
 6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7    <meta http-equiv="X-UA-Compatible" content="ie=edge">
 8    <title>BiRabittoh's cool website</title>
 9    <link rel="stylesheet" href="res/style.css">
10    <link href="https://pvinis.github.io/iosevka-webfont/3.4.1/iosevka.css" rel="stylesheet" />
11</head>
12
13<body style='background-image: url("res/img/background.jpg"); height: 100%;'>
14    <div id="main-container">
15        <div class="center" style="padding-top:30px;">
16            <a data-page="about" id="aTitle">
17                <img src="res/gif/text.gif" alt="BiRabittoh's cool website" class="hover-tilt">
18            </a>
19        </div>
20        <div id="background-orange" class="shadow">
21            <h1>My favorite things:</h1>
22            <a data-page="earthbound">
23                <div class="menu-item">
24                    <span>Earthbound</span>
25                    <img src="res/gif/ness1.gif">
26                </div>
27            </a>
28            <a data-page="dragonquest">
29                <div class="menu-item">
30                    <span>Dragon Quest</span>
31                    <img src="res/gif/slime1.gif">
32                </div>
33            </a>
34            <a data-page="zelda">
35                <div class="menu-item">
36                    <span>Zelda</span>
37                    <img src="res/gif/linkmc.gif">
38                </div>
39            </a>
40            <a data-page="indies">
41                <div class="menu-item">
42                    <span>Indies</span>
43                    <img src="res/gif/tutoriel.gif">
44                </div>
45            </a>
46            <a data-page="anime">
47                <div class="menu-item">
48                    <span>Anime</span>
49                    <img src="res/gif/jojo.gif">
50                </div>
51            </a>
52            <a data-page="gf">
53                <div class="menu-item">
54                    <span>My perfect gf</span>
55                    <img src="res/gif/kirby.gif">
56                </div>
57            </a>
58        </div>
59        <!--<iframe id="content-iframe" name="content" src="pages/about.html" onload="this.height = (this.contentWindow.document.body.scrollHeight + 43) + 'px';"></iframe>-->
60        <iframe id="content-iframe" name="content" src="pages/about.html"></iframe>
61    </div>
62    <div id="music-player">
63        <div id="music-player-base" onclick="playPause()">
64            <div id="music-player-overlay"></div>
65            <audio controls loop id="music"><source id="music-source" src="res/mus/AwesomeRapBeat.opus"></audio>
66        </div>
67        <div id="music-player-song" style="top: 100%;">
68            <span id="song-text">Jay Tholen - Awesome Rap Beat (Hypnospace Outlaw Original Soundtrack, Vol. 2)</span>
69        </div>
70    </div>
71    <script src="res/script.js"></script>
72</body>
73
74</html>