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 http-equiv="X-UA-Compatible" content="ie=edge">
7 <title>BiRabittoh's cool website</title>
8 <link rel="stylesheet" href="res/css/style.css">
9 <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>">
10</head>
11
12<body style='background-image: url("res/img/background.jpg"); height: 100%;'>
13 <div id="overlay">
14 <div style="margin:auto;">
15 Click here to enter.
16 </div>
17 </div>
18 <div id="main-container">
19 <div class="center" style="padding-top:30px;">
20 <a onclick="goToPage('about')">
21 <img src="res/gif/text.gif" alt="BiRabittoh's cool website" class="hover-tilt">
22 </a>
23 </div>
24 <div id="menu-div" class="shadow">
25 <h1 style="margin-top:0px;">My favorite things:</h1>
26 <a onclick="goToPage('earthbound')">
27 <div class="menu-item">
28 <span>Earthbound</span>
29 <img src="res/gif/ness1.gif">
30 </div>
31 </a>
32 <a onclick="goToPage('zelda')">
33 <div class="menu-item">
34 <span>Zelda</span>
35 <img src="res/gif/linkmc.gif">
36 </div>
37 </a>
38 <a onclick="goToPage('dragonquest')">
39 <div class="menu-item">
40 <span>Dragon Quest</span>
41 <img src="res/gif/slime1.gif">
42 </div>
43 </a>
44 <a onclick="goToPage('indies')">
45 <div class="menu-item">
46 <span>Indies</span>
47 <img src="res/gif/tutoriel.gif">
48 </div>
49 </a>
50 <a onclick="goToPage('anime')">
51 <div class="menu-item">
52 <span>Anime</span>
53 <img src="res/gif/jojo.gif">
54 </div>
55 </a>
56 <a onclick="goToPage('gf')">
57 <div class="menu-item">
58 <span>My perfect gf</span>
59 <img src="res/gif/kirby.gif">
60 </div>
61 </a>
62 </div>
63 <!--<iframe id="mainframe" name="content" src="pages/about.html" onload="this.height = (this.contentWindow.document.body.scrollHeight + 43) + 'px';"></iframe>-->
64 <iframe id="mainframe" name="content" src="pages/about.html"></iframe>
65 </div>
66 <div id="music-player" onmouseenter="showTitle()" onmouseleave="hideTitle()" style="bottom: -100%">
67 <div id="music-player-base" onclick="playPause()">
68 <div id="music-player-overlay"></div>
69 </div>
70 <div id="music-player-song" style="top: 100%;">
71 <span id="song-text">Jay Tholen - Awesome Rap Beat (Hypnospace Outlaw Original Soundtrack, Vol. 2)</span>
72 </div>
73 </div>
74
75 <audio loop id="music"><source id="music-source" src="#"></audio>
76 <audio id="loadelement1"><source src="res/sfx/os/loadelement1.ogg"></audio>
77 <audio id="loadelement2"><source src="res/sfx/os/loadelement2.ogg"></audio>
78 <audio id="loadelement3"><source src="res/sfx/os/loadelement3.ogg"></audio>
79 <audio id="loadelement4"><source src="res/sfx/os/loadelement4.ogg"></audio>
80
81 <script src="res/js/slow_load.js"></script>
82 <script src="res/js/script.js"></script>
83 <script src="res/js/frame-link.js"></script>
84</body>
85
86</html>