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