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>
Binary file img/1080p.gif has changed
Binary file img/amigademo.gif has changed
Binary file img/brow.gif has changed
Binary file img/cockli.png has changed
Binary file img/h-free-anim.gif has changed
Binary file img/ieisevil.gif has changed
Binary file img/modarchive.gif has changed
--- 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);
+}