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