14
+ − 1 <!DOCTYPE html>
+ − 2 <!-- i spent way too long making this look decent -->
+ − 3 <head>
+ − 4 <title>Paper's website</title>
+ − 5 <link rel="apple-touch-icon" sizes="180x180" href="icons/apple-touch-icon.png">
+ − 6 <link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png">
+ − 7 <link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png">
+ − 8 <link rel="manifest" href="icons/site.webmanifest">
+ − 9 <link rel="shortcut icon" href="icons/favicon.ico">
+ − 10 <meta name="msapplication-TileColor" content="#da532c">
+ − 11 <meta name="msapplication-config" content="icons/browserconfig.xml">
+ − 12 <meta name="theme-color" content="#ffffff">
+ − 13 <meta property="og:title" content="Paper's website">
+ − 14 <meta property="og:type" content="website">
+ − 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">
+ − 17 <meta property="og:description" content="hey!">
+ − 18 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+ − 19 <style>
+ − 20 .wrapper {
+ − 21 height: 100%;
+ − 22 width: 100%;
+ − 23 left:0;
+ − 24 right: 0;
+ − 25 top: 0;
+ − 26 bottom: 0;
+ − 27 position: absolute;
+ − 28 background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
+ − 29 background-size: 1800% 1800%;
+ − 30 -webkit-animation: rainbow 18s ease infinite;
+ − 31 -z-animation: rainbow 18s ease infinite;
+ − 32 -o-animation: rainbow 18s ease infinite;
+ − 33 animation: rainbow 18s ease infinite;
+ − 34 z-index: -1;
+ − 35 }
+ − 36 @-webkit-keyframes rainbow {
+ − 37 0%{background-position:0% 82%}
+ − 38 50%{background-position:100% 19%}
+ − 39 100%{background-position:0% 82%}
+ − 40 }
+ − 41 @-moz-keyframes rainbow {
+ − 42 0%{background-position:0% 82%}
+ − 43 50%{background-position:100% 19%}
+ − 44 100%{background-position:0% 82%}
+ − 45 }
+ − 46 @-o-keyframes rainbow {
+ − 47 0%{background-position:0% 82%}
+ − 48 50%{background-position:100% 19%}
+ − 49 100%{background-position:0% 82%}
+ − 50 }
+ − 51 @keyframes rainbow {
+ − 52 0%{background-position:0% 82%}
+ − 53 50%{background-position:100% 19%}
+ − 54 100%{background-position:0% 82%}
+ − 55 }
+ − 56 div.box {
+ − 57 padding: 10px;
+ − 58 border: 2px solid black;
+ − 59 margin: auto;
+ − 60 width: 300px;
+ − 61 height: 200px;
+ − 62 background-color: white;
+ − 63 color: black;
+ − 64 text-shadow: none;
+ − 65 box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
+ − 66 }
+ − 67 div.disclaimer {
+ − 68 left: 5px;
+ − 69 bottom: 5px;
+ − 70 position: absolute;
+ − 71 }
+ − 72 </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">
+ − 115 </head>
+ − 116 <body>
+ − 117 <div class="wrapper"></div>
+ − 118 <h1>Heys!</h1>
+ − 119 <h2>welcome to MY AWESOME WEBSITE</h2>
+ − 120 <div class="box">
+ − 121 <h2>ABOUT ME!!!</h2>
+ − 122 <p>most people know me from <a style="color:blue;" href="https://youtube.com/c/paperytpmv">ytpmv</a>, but i also make <a style="color:blue;" href="https://modarchive.org/index.php?request=view_profile&query=92603">modules</a></p>
+ − 123 <p>member (owner?) of <a style="color:red;" href="https://1123.best">1123</a></p>
+ − 124 </div>
+ − 125 <p style="font-size:16px;"><a style="color:skyblue;" href="https://twitter.com/intent/user?user_id=858179488970100736">Twitter</a> <a style="color:gray" href="https://steamcommunity.com/id/nikolaicube/">Steam</a> <a style="color:red;" href="https://youtube.com/paperytpmv">YouTube</a></p>
+ − 126 <p style="line-height:10px;">
+ − 127 <a href="https://7-zip.org/"><img src="https://www.7-zip.org/logos/7zlogo01.png" width="88" height="31"></a>
+ − 128 <a href="https://openmpt.org/"><img src="https://openmpt.org/img/openmpt-button-1.png" width="88" height="31"></a>
+ − 129 <a href="https://www.foobar2000.org/"><img src="https://www.foobar2000.org/button.png" width="88" height="31"></a><br><br>
+ − 130 <a href="https://modarchive.org/"><img src="img/modarchive.gif" width="88" height="31"></a>
+ − 131 <img src="img/brow.gif" width="88" height="31">
+ − 132 <a href="https://1123.best"><img src="https://1123.best/img/1123button.gif" width="88" height="31"></a><br><br>
+ − 133 <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>
+ − 135 <img src="img/h-free-anim.gif" width="88" height="31">
+ − 136 </p>
+ − 137 <p><a href="cool.html">cool shit</a></p>
+ − 138 <input id="button" type="submit" name="button" value="music" style="visibility: hidden;">
+ − 139 <div class="disclaimer">rainbow css stolen from <a href="https://codepen.io/nohoid/pen/kIfto">here</a></div>
+ − 140 </body>