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> &nbsp; <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>