Mercurial > web
comparison index.html @ 15:7bfa77838f33
update
author | Paper <mrpapersonic@gmail.com> |
---|---|
date | Wed, 02 Jun 2021 19:34:27 -0400 |
parents | 8f0b52a3cb69 |
children | 423d47e447af |
comparison
equal
deleted
inserted
replaced
14:8f0b52a3cb69 | 15:7bfa77838f33 |
---|---|
14 <meta property="og:type" content="website"> | 14 <meta property="og:type" content="website"> |
15 <meta property="og:image" content="https://mrpapersonic.github.io/icons/android-chrome-512x512.png"> | 15 <meta property="og:image" content="https://mrpapersonic.github.io/icons/android-chrome-512x512.png"> |
16 <meta property="og:url" content="https://mrpapersonic.github.io"> | 16 <meta property="og:url" content="https://mrpapersonic.github.io"> |
17 <meta property="og:description" content="hey!"> | 17 <meta property="og:description" content="hey!"> |
18 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | 18 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
19 <!-- rainbow css stolen from https://codepen.io/nohoid/pen/kIfto --> | |
19 <style> | 20 <style> |
20 .wrapper { | 21 .wrapper { |
21 height: 100%; | 22 height: 100%; |
22 width: 100%; | 23 width: 100%; |
23 left:0; | 24 left:0; |
62 background-color: white; | 63 background-color: white; |
63 color: black; | 64 color: black; |
64 text-shadow: none; | 65 text-shadow: none; |
65 box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); | 66 box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); |
66 } | 67 } |
67 div.disclaimer { | 68 div.luckystar { |
68 left: 5px; | 69 position: fixed; |
69 bottom: 5px; | 70 width: 350px; |
70 position: absolute; | 71 padding: 3px; |
72 border: 2px solid #d75016; | |
73 background-color: #FAFAD2; | |
74 text-shadow: none; | |
75 box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); | |
76 margin: 0 auto; | |
77 left: 10px; | |
78 bottom: 10px; | |
79 } | |
80 img.crash { | |
81 position: fixed; | |
82 bottom: 10px; | |
83 right: 10px; | |
71 } | 84 } |
72 </style> | 85 </style> |
73 <script> | |
74 window['libopenmpt'] = {}; | |
75 libopenmpt.locateFile = function (filename) { | |
76 return filename; | |
77 }; | |
78 libopenmpt.onRuntimeInitialized = function () { | |
79 var player; | |
80 if (document.referrer) { | |
81 init(); | |
82 path = "overoff-f.mod"; | |
83 if (player != undefined) { | |
84 player.load(path, afterLoad.bind(this, path)); | |
85 } | |
86 } | |
87 else { | |
88 document.getElementById('button').style.visibility = "visible"; | |
89 } | |
90 function init() { | |
91 if (player == undefined) { | |
92 player = new ChiptuneJsPlayer(new ChiptuneJsConfig(-1)); | |
93 } | |
94 else { | |
95 player.stop(); | |
96 player = undefined; | |
97 } | |
98 }; | |
99 function afterLoad(path, buffer) { | |
100 player.play(buffer); | |
101 }; | |
102 document.getElementById('button').onclick = function() { | |
103 init(); | |
104 path = "overoff-f.mod"; | |
105 if (player != undefined) { | |
106 player.load(path, afterLoad.bind(this, path)); | |
107 } | |
108 document.getElementById('button').style.visibility = "hidden"; | |
109 }; | |
110 } | |
111 </script> | |
112 <script src="libopenmpt.js"></script> | |
113 <script src="chiptune2.js"></script> | |
114 <link rel="stylesheet" href="style.css"> | 86 <link rel="stylesheet" href="style.css"> |
115 </head> | 87 </head> |
116 <body> | 88 <body> |
117 <div class="wrapper"></div> | 89 <div class="wrapper"></div> |
118 <h1>Heys!</h1> | 90 <h1>Heys!</h1> |
133 <img src="img/1080p.gif" width="88" height="31"> | 105 <img src="img/1080p.gif" width="88" height="31"> |
134 <a href="https://cock.li"><img src="img/cockli.png" width="88" height="31"></a> | 106 <a href="https://cock.li"><img src="img/cockli.png" width="88" height="31"></a> |
135 <img src="img/h-free-anim.gif" width="88" height="31"> | 107 <img src="img/h-free-anim.gif" width="88" height="31"> |
136 </p> | 108 </p> |
137 <p><a href="cool.html">cool shit</a></p> | 109 <p><a href="cool.html">cool shit</a></p> |
138 <input id="button" type="submit" name="button" value="music" style="visibility: hidden;"> | 110 <div class="luckystar"> |
139 <div class="disclaimer">rainbow css stolen from <a href="https://codepen.io/nohoid/pen/kIfto">here</a></div> | 111 <center style="font-family: Times New Roman, Times, serif; font-size: 1.20em; font-weight: bold; color: #d75116;">Certificate: Test results</center> |
112 <center style="font-family: Times New Roman, Times, serif; font-size: 1.20em; font-weight: bold; color: #d75116;">What Lucky Star Character Are You?</center> | |
113 <p style="font-family: Times New Roman, Times, serif; font-size: 1em; color: #5c5c5c;"> | |
114 <img src="https://www.allthetests.com/quiz31/picture_thumb/pic_1402476083_1001.jpg?1592828541" width="106" height="150" loading="lazy" align="left" alt="1001" title="Click to enlarge" style="margin:4pt; box-shadow: none;"> | |
115 <b>For 40% you are: </b>Konata Izumi!<br>You are an OTAKU! You love to hang back and sometimes don't do homework... But you are a fun loving character who loves to prank and crack a joke once and a while! <br /><b> 60% of 3414 quiz participants had this profile!</b><br> <br>Take this quiz: <a href="https://www.allthetests.com/quiz31/quiz/1402476083/What-Lucky-Star-Character-Are-You">What Lucky Star Character Are You?</a></p> | |
116 </div> | |
117 <img class="crash" src="crash.jpg" height="266" style="image-rendering: auto;"> | |
140 </body> | 118 </body> |