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> |
