|
8
|
1 <!DOCTYPE html>
|
|
10
|
2 <!-- i spent way too long making this look decent -->
|
|
8
|
3 <head>
|
|
10
|
4 <title>Paper's website</title>
|
|
13
|
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">
|
|
12
|
13 <meta property="og:title" content="Paper's website">
|
|
|
14 <meta property="og:type" content="website">
|
|
13
|
15 <meta property="og:image" content="https://mrpapersonic.github.io/icons/android-chrome-512x512.png">
|
|
12
|
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">
|
|
8
|
19 <style>
|
|
11
|
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%}
|
|
8
|
55 }
|
|
10
|
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);
|
|
8
|
66 }
|
|
11
|
67 div.disclaimer {
|
|
|
68 left: 5px;
|
|
|
69 bottom: 5px;
|
|
|
70 position: absolute;
|
|
|
71 }
|
|
8
|
72 </style>
|
|
10
|
73 <link rel="stylesheet" href="style.css">
|
|
8
|
74 </head>
|
|
|
75 <body>
|
|
11
|
76 <div class="wrapper"></div>
|
|
10
|
77 <h1>Heys!</h1>
|
|
|
78 <h2>welcome to MY AWESOME WEBSITE</h2>
|
|
|
79 <div class="box">
|
|
|
80 <h2>ABOUT ME!!!</h2>
|
|
|
81 <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>
|
|
|
82 <p>member (owner?) of <a style="color:red;" href="https://1123.best">1123</a></p>
|
|
|
83 </div>
|
|
|
84 <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>
|
|
|
85 <p style="line-height:10px;">
|
|
|
86 <a href="https://7-zip.org/"><img src="https://www.7-zip.org/logos/7zlogo01.png" width="88" height="31"></a>
|
|
|
87 <a href="https://openmpt.org/"><img src="https://openmpt.org/img/openmpt-button-1.png" width="88" height="31"></a>
|
|
|
88 <a href="https://www.foobar2000.org/"><img src="https://www.foobar2000.org/button.png" width="88" height="31"></a><br><br>
|
|
|
89 <a href="https://modarchive.org/"><img src="img/modarchive.gif" width="88" height="31"></a>
|
|
|
90 <img src="img/brow.gif" width="88" height="31">
|
|
|
91 <a href="https://1123.best"><img src="https://1123.best/img/1123button.gif" width="88" height="31"></a><br><br>
|
|
|
92 <img src="img/1080p.gif" width="88" height="31">
|
|
|
93 <a href="https://cock.li"><img src="img/cockli.png" width="88" height="31"></a>
|
|
|
94 <img src="img/h-free-anim.gif" width="88" height="31">
|
|
|
95 </p>
|
|
8
|
96 <p><a href="cool.html">cool shit</a></p>
|
|
11
|
97 <div class="disclaimer">rainbow css stolen from <a href="https://codepen.io/nohoid/pen/kIfto">here</a></div>
|
|
8
|
98 </body>
|
