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>