Mercurial > web

comparison index.html @ 11:502314134814

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
cool rainbow shit thanks to woofy for recommending it
author Paper <mrpapersonic@gmail.com>
date Mon, 31 May 2021 10:59:56 -0400
parents 787fa7e08fbd
children 4c1179ecb214
comparison
equal deleted inserted replaced
10:787fa7e08fbd 11:502314134814
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <!-- i spent way too long making this look decent --> 2 <!-- i spent way too long making this look decent -->
3 <head> 3 <head>
4 <title>Paper's website</title> 4 <title>Paper's website</title>
5 <style> 5 <style>
6 body { 6 .wrapper {
7 background: rgb(7,0,119); 7 height: 100%;
8 background: -moz-radial-gradient(circle, rgba(7,0,119,1) 0%, rgba(9,9,121,1) 7%, rgba(0,75,194,1) 100%); 8 width: 100%;
9 background: -webkit-radial-gradient(circle, rgba(7,0,119,1) 0%, rgba(9,9,121,1) 7%, rgba(0,75,194,1) 100%); 9 left:0;
10 background: radial-gradient(circle, rgba(7,0,119,1) 0%, rgba(9,9,121,1) 7%, rgba(0,75,194,1) 100%); 10 right: 0;
11 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#070077",endColorstr="#004bc2",GradientType=1); 11 top: 0;
12 bottom: 0;
13 position: absolute;
14 background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
15 background-size: 1800% 1800%;
16 -webkit-animation: rainbow 18s ease infinite;
17 -z-animation: rainbow 18s ease infinite;
18 -o-animation: rainbow 18s ease infinite;
19 animation: rainbow 18s ease infinite;
20 z-index: -1;
21 }
22 @-webkit-keyframes rainbow {
23 0%{background-position:0% 82%}
24 50%{background-position:100% 19%}
25 100%{background-position:0% 82%}
26 }
27 @-moz-keyframes rainbow {
28 0%{background-position:0% 82%}
29 50%{background-position:100% 19%}
30 100%{background-position:0% 82%}
31 }
32 @-o-keyframes rainbow {
33 0%{background-position:0% 82%}
34 50%{background-position:100% 19%}
35 100%{background-position:0% 82%}
36 }
37 @keyframes rainbow {
38 0%{background-position:0% 82%}
39 50%{background-position:100% 19%}
40 100%{background-position:0% 82%}
12 } 41 }
13 div.box { 42 div.box {
14 padding: 10px; 43 padding: 10px;
15 border: 2px solid black; 44 border: 2px solid black;
16 margin: auto; 45 margin: auto;
19 background-color: white; 48 background-color: white;
20 color: black; 49 color: black;
21 text-shadow: none; 50 text-shadow: none;
22 box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); 51 box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
23 } 52 }
53 div.disclaimer {
54 left: 5px;
55 bottom: 5px;
56 position: absolute;
57 }
24 </style> 58 </style>
25 <link rel="stylesheet" href="style.css"> 59 <link rel="stylesheet" href="style.css">
26 </head> 60 </head>
27 <body> 61 <body>
62 <div class="wrapper"></div>
28 <h1>Heys!</h1> 63 <h1>Heys!</h1>
29 <h2>welcome to MY AWESOME WEBSITE</h2> 64 <h2>welcome to MY AWESOME WEBSITE</h2>
30 <div class="box"> 65 <div class="box">
31 <h2>ABOUT ME!!!</h2> 66 <h2>ABOUT ME!!!</h2>
32 <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> 67 <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>
43 <img src="img/1080p.gif" width="88" height="31"> 78 <img src="img/1080p.gif" width="88" height="31">
44 <a href="https://cock.li"><img src="img/cockli.png" width="88" height="31"></a> 79 <a href="https://cock.li"><img src="img/cockli.png" width="88" height="31"></a>
45 <img src="img/h-free-anim.gif" width="88" height="31"> 80 <img src="img/h-free-anim.gif" width="88" height="31">
46 </p> 81 </p>
47 <p><a href="cool.html">cool shit</a></p> 82 <p><a href="cool.html">cool shit</a></p>
83 <div class="disclaimer">rainbow css stolen from <a href="https://codepen.io/nohoid/pen/kIfto">here</a></div>
48 </body> 84 </body>