Mercurial > web
changeset 10:787fa7e08fbd
actually make the site good
author | Paper <mrpapersonic@gmail.com> |
---|---|
date | Mon, 31 May 2021 10:49:11 -0400 |
parents | f8f852d8c466 |
children | 502314134814 |
files | cool.html img/1080p.gif img/amigademo.gif img/brow.gif img/cockli.png img/h-free-anim.gif img/ieisevil.gif img/modarchive.gif index.html style.css |
diffstat | 10 files changed, 60 insertions(+), 40 deletions(-) [+] |
line wrap: on
line diff
--- a/cool.html Sun May 30 18:13:47 2021 -0400 +++ b/cool.html Mon May 31 10:49:11 2021 -0400 @@ -2,27 +2,10 @@ <head> <style> body { - text-align: center; background-image: url("capsule.jpg"); - background-size: 100% auto; - background-position: top center; - background-repeat: repeat; - image-rendering: pixelated; - text-shadow: -1px -1px 0px #000000, 1px 1px 0px #000000, -1px 1px 0px #000000, 1px -1px 0px #000000; - } - p { - font-size: 20px; - color: white; - } - h1 { - font-size: 40px; - color: white; - } - a { - text-decoration: none; - color: tomato; } </style> + <link rel="stylesheet" href="style.css"> </head> <body> <h1>cool shit</h1>
--- a/index.html Sun May 30 18:13:47 2021 -0400 +++ b/index.html Mon May 31 10:49:11 2021 -0400 @@ -1,33 +1,48 @@ <!DOCTYPE html> +<!-- i spent way too long making this look decent --> <head> + <title>Paper's website</title> <style> body { - text-align: center; - background-image: url("setup.bmp"); - background-size: 100% auto; - background-position: top center; - background-repeat: repeat; - image-rendering: pixelated; - text-shadow: -1px -1px 0px #000000, 1px 1px 0px #000000, -1px 1px 0px #000000, 1px -1px 0px #000000; + background: rgb(7,0,119); + background: -moz-radial-gradient(circle, rgba(7,0,119,1) 0%, rgba(9,9,121,1) 7%, rgba(0,75,194,1) 100%); + background: -webkit-radial-gradient(circle, rgba(7,0,119,1) 0%, rgba(9,9,121,1) 7%, rgba(0,75,194,1) 100%); + background: radial-gradient(circle, rgba(7,0,119,1) 0%, rgba(9,9,121,1) 7%, rgba(0,75,194,1) 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#070077",endColorstr="#004bc2",GradientType=1); } - p { - font-size: 20px; - color: white; - } - h1 { - font-size: 40px; - color: white; - } - a { - text-decoration: none; - color: tomato; + div.box { + padding: 10px; + border: 2px solid black; + margin: auto; + width: 300px; + height: 200px; + background-color: white; + color: black; + text-shadow: none; + box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); } </style> + <link rel="stylesheet" href="style.css"> </head> <body> - <h1>sup</h1> - <p>most people know me from <a href="https://youtube.com/c/paperytpmv">ytpmv</a>, but i also make <a href="https://modarchive.org/index.php?request=view_profile&query=92603">modules</a></p> - <p>member of <a href="https://1123.best">1123</a></p> - <p><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> + <h1>Heys!</h1> + <h2>welcome to MY AWESOME WEBSITE</h2> + <div class="box"> + <h2>ABOUT ME!!!</h2> + <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> + <p>member (owner?) of <a style="color:red;" href="https://1123.best">1123</a></p> + </div> + <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> + <p style="line-height:10px;"> + <a href="https://7-zip.org/"><img src="https://www.7-zip.org/logos/7zlogo01.png" width="88" height="31"></a> + <a href="https://openmpt.org/"><img src="https://openmpt.org/img/openmpt-button-1.png" width="88" height="31"></a> + <a href="https://www.foobar2000.org/"><img src="https://www.foobar2000.org/button.png" width="88" height="31"></a><br><br> + <a href="https://modarchive.org/"><img src="img/modarchive.gif" width="88" height="31"></a> + <img src="img/brow.gif" width="88" height="31"> + <a href="https://1123.best"><img src="https://1123.best/img/1123button.gif" width="88" height="31"></a><br><br> + <img src="img/1080p.gif" width="88" height="31"> + <a href="https://cock.li"><img src="img/cockli.png" width="88" height="31"></a> + <img src="img/h-free-anim.gif" width="88" height="31"> + </p> <p><a href="cool.html">cool shit</a></p> </body>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/style.css Mon May 31 10:49:11 2021 -0400 @@ -0,0 +1,22 @@ +body { + text-align: center; + background-size: 100% auto; + background-position: top center; + background-repeat: repeat; + image-rendering: pixelated; + text-shadow: -1px -1px 0px #000000, 1px 1px 0px #000000, -1px 1px 0px #000000, 1px -1px 0px #000000, 2px 2px 2px rgba(0, 0, 0, 0.5); + font-family: "Comic Sans MS", "Comic Sans", cursive; + color: white; +} +p { + font-size: 20px; +} +h1 { + font-size: 40px; +} +a { + color: tomato; +} +img { + box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); +}