index.html (view raw)
1<!DOCTYPE html>
2<html lang="en" style="height: 100%" onmousedown="firstClickPlay(this);">
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 rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2280%22>ðŸ¥</text></svg>">
11</head>
12
13<body style='background-image: url("res/img/background.jpg"); height: 100%;'>
14 <div id="overlay" onclick="start()">
15 <div style="margin:auto;">
16 Click here to enter.
17 </div>
18 </div>
19 <div id="main-container">
20 <div class="center" style="padding-top:30px;">
21 <a onclick="goToPage('about')">
22 <img src="res/gif/text.gif" alt="BiRabittoh's cool website" class="hover-tilt">
23 </a>
24 </div>
25 <div id="menu-div" class="shadow">
26 <h1 style="margin-top:0px;">My favorite things:</h1>
27 <a onclick="goToPage('earthbound')">
28 <div class="menu-item">
29 <span>Earthbound</span>
30 <img src="res/gif/ness1.gif">
31 </div>
32 </a>
33 <a onclick="goToPage('zelda')">
34 <div class="menu-item">
35 <span>Zelda</span>
36 <img src="res/gif/linkmc.gif">
37 </div>
38 </a>
39 <a onclick="goToPage('dragonquest')">
40 <div class="menu-item">
41 <span>Dragon Quest</span>
42 <img src="res/gif/slime1.gif">
43 </div>
44 </a>
45 <a onclick="goToPage('indies')">
46 <div class="menu-item">
47 <span>Indies</span>
48 <img src="res/gif/tutoriel.gif">
49 </div>
50 </a>
51 <a onclick="goToPage('anime')">
52 <div class="menu-item">
53 <span>Anime</span>
54 <img src="res/gif/jojo.gif">
55 </div>
56 </a>
57 <a onclick="goToPage('gf')">
58 <div class="menu-item">
59 <span>My perfect gf</span>
60 <img src="res/gif/kirby.gif">
61 </div>
62 </a>
63 </div>
64 <!--<iframe id="content-iframe" name="content" src="pages/about.html" onload="this.height = (this.contentWindow.document.body.scrollHeight + 43) + 'px';"></iframe>-->
65 <iframe id="content-iframe" name="content" src="pages/about.html"></iframe>
66 </div>
67 <div id="music-player" onmouseenter="showTitle()" onmouseleave="hideTitle()" style="bottom: -100%">
68 <div id="music-player-base" onclick="playPause()">
69 <div id="music-player-overlay"></div>
70 <audio controls loop id="music"><source id="music-source" src="#"></audio>
71 </div>
72 <div id="music-player-song" style="top: 100%;">
73 <span id="song-text">Jay Tholen - Awesome Rap Beat (Hypnospace Outlaw Original Soundtrack, Vol. 2)</span>
74 </div>
75 </div>
76 <script src="res/slow_load.js"></script>
77 <script src="res/script.js"></script>
78</body>
79
80</html>