Mercurial > web
annotate index.html @ 19:53d58f906e0a
Update index.html
committer: GitHub <noreply@github.com>
author | Paper <37962225+mrpapersonic@users.noreply.github.com> |
---|---|
date | Fri, 03 Sep 2021 23:51:45 -0400 |
parents | 423d47e447af |
children | 79a7939810c0 |
rev | line source |
---|---|
14 | 1 <!DOCTYPE html> |
2 <!-- i spent way too long making this look decent --> | |
3 <head> | |
4 <title>Paper's website</title> | |
5 <meta property="og:title" content="Paper's website"> | |
6 <meta property="og:type" content="website"> | |
19
53d58f906e0a
Update index.html
Paper <37962225+mrpapersonic@users.noreply.github.com>
parents:
17
diff
changeset
|
7 <meta property="og:image" content="https://mrpapersonic.github.io/dank.png"> |
14 | 8 <meta property="og:url" content="https://mrpapersonic.github.io"> |
9 <meta property="og:description" content="hey!"> | |
10 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
15 | 11 <!-- rainbow css stolen from https://codepen.io/nohoid/pen/kIfto --> |
14 | 12 <style> |
13 .wrapper { | |
14 height: 100%; | |
15 width: 100%; | |
16 left:0; | |
17 right: 0; | |
18 top: 0; | |
19 bottom: 0; | |
20 position: absolute; | |
21 background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3); | |
22 background-size: 1800% 1800%; | |
23 -webkit-animation: rainbow 18s ease infinite; | |
24 -z-animation: rainbow 18s ease infinite; | |
25 -o-animation: rainbow 18s ease infinite; | |
26 animation: rainbow 18s ease infinite; | |
27 z-index: -1; | |
28 } | |
29 @-webkit-keyframes rainbow { | |
30 0%{background-position:0% 82%} | |
31 50%{background-position:100% 19%} | |
32 100%{background-position:0% 82%} | |
33 } | |
34 @-moz-keyframes rainbow { | |
35 0%{background-position:0% 82%} | |
36 50%{background-position:100% 19%} | |
37 100%{background-position:0% 82%} | |
38 } | |
39 @-o-keyframes rainbow { | |
40 0%{background-position:0% 82%} | |
41 50%{background-position:100% 19%} | |
42 100%{background-position:0% 82%} | |
43 } | |
44 @keyframes rainbow { | |
45 0%{background-position:0% 82%} | |
46 50%{background-position:100% 19%} | |
47 100%{background-position:0% 82%} | |
48 } | |
49 div.box { | |
50 padding: 10px; | |
51 border: 2px solid black; | |
52 margin: auto; | |
53 width: 300px; | |
54 height: 200px; | |
55 background-color: white; | |
56 color: black; | |
57 text-shadow: none; | |
58 box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); | |
59 } | |
15 | 60 img.crash { |
61 position: fixed; | |
62 bottom: 10px; | |
63 right: 10px; | |
17
423d47e447af
replace lucky star with vlpmv
Paper <mrpapersonic@gmail.com>
parents:
15
diff
changeset
|
64 height: 266px; |
423d47e447af
replace lucky star with vlpmv
Paper <mrpapersonic@gmail.com>
parents:
15
diff
changeset
|
65 border: 1px solid #00adef; |
423d47e447af
replace lucky star with vlpmv
Paper <mrpapersonic@gmail.com>
parents:
15
diff
changeset
|
66 } |
423d47e447af
replace lucky star with vlpmv
Paper <mrpapersonic@gmail.com>
parents:
15
diff
changeset
|
67 div.vid { |
423d47e447af
replace lucky star with vlpmv
Paper <mrpapersonic@gmail.com>
parents:
15
diff
changeset
|
68 position: fixed; |
423d47e447af
replace lucky star with vlpmv
Paper <mrpapersonic@gmail.com>
parents:
15
diff
changeset
|
69 bottom: 10px; |
423d47e447af
replace lucky star with vlpmv
Paper <mrpapersonic@gmail.com>
parents:
15
diff
changeset
|
70 left: 10px; |
423d47e447af
replace lucky star with vlpmv
Paper <mrpapersonic@gmail.com>
parents:
15
diff
changeset
|
71 border: 1px solid #00adef; |
423d47e447af
replace lucky star with vlpmv
Paper <mrpapersonic@gmail.com>
parents:
15
diff
changeset
|
72 width: 473px; |
423d47e447af
replace lucky star with vlpmv
Paper <mrpapersonic@gmail.com>
parents:
15
diff
changeset
|
73 height: 266px; |
423d47e447af
replace lucky star with vlpmv
Paper <mrpapersonic@gmail.com>
parents:
15
diff
changeset
|
74 box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); |
14 | 75 } |
76 </style> | |
77 <link rel="stylesheet" href="style.css"> | |
78 </head> | |
79 <body> | |
80 <div class="wrapper"></div> | |
81 <h1>Heys!</h1> | |
82 <h2>welcome to MY AWESOME WEBSITE</h2> | |
83 <div class="box"> | |
84 <h2>ABOUT ME!!!</h2> | |
85 <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> | |
86 <p>member (owner?) of <a style="color:red;" href="https://1123.best">1123</a></p> | |
87 </div> | |
88 <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> | |
89 <p style="line-height:10px;"> | |
90 <a href="https://7-zip.org/"><img src="https://www.7-zip.org/logos/7zlogo01.png" width="88" height="31"></a> | |
91 <a href="https://openmpt.org/"><img src="https://openmpt.org/img/openmpt-button-1.png" width="88" height="31"></a> | |
92 <a href="https://www.foobar2000.org/"><img src="https://www.foobar2000.org/button.png" width="88" height="31"></a><br><br> | |
93 <a href="https://modarchive.org/"><img src="img/modarchive.gif" width="88" height="31"></a> | |
94 <img src="img/brow.gif" width="88" height="31"> | |
95 <a href="https://1123.best"><img src="https://1123.best/img/1123button.gif" width="88" height="31"></a><br><br> | |
96 <img src="img/1080p.gif" width="88" height="31"> | |
97 <a href="https://cock.li"><img src="img/cockli.png" width="88" height="31"></a> | |
98 <img src="img/h-free-anim.gif" width="88" height="31"> | |
99 </p> | |
100 <p><a href="cool.html">cool shit</a></p> | |
17
423d47e447af
replace lucky star with vlpmv
Paper <mrpapersonic@gmail.com>
parents:
15
diff
changeset
|
101 <div class="vid"> |
423d47e447af
replace lucky star with vlpmv
Paper <mrpapersonic@gmail.com>
parents:
15
diff
changeset
|
102 <iframe allowfullscreen src="https://www.vidlii.com/embed?v=2tEiNeS_zh1" frameborder="0" width="100%" height="100%"></iframe> |
15 | 103 </div> |
104 <img class="crash" src="crash.jpg" height="266" style="image-rendering: auto;"> | |
14 | 105 </body> |