Mercurial > web

view index.html @ 16:710525605e4e

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
change cursive to sans-serif; add chalkboard font for cringe iphones
author Paper <mrpapersonic@gmail.com>
date Fri, 04 Jun 2021 14:37:03 -0400
parents 7bfa77838f33
children 423d47e447af
line wrap: on
line source

<!DOCTYPE html>
<!-- i spent way too long making this look decent -->
<head>
	<title>Paper's website</title>
	<link rel="apple-touch-icon" sizes="180x180" href="icons/apple-touch-icon.png">
	<link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png">
	<link rel="manifest" href="icons/site.webmanifest">
	<link rel="shortcut icon" href="icons/favicon.ico">
	<meta name="msapplication-TileColor" content="#da532c">
	<meta name="msapplication-config" content="icons/browserconfig.xml">
	<meta name="theme-color" content="#ffffff">
	<meta property="og:title" content="Paper's website">
	<meta property="og:type" content="website">
	<meta property="og:image" content="https://mrpapersonic.github.io/icons/android-chrome-512x512.png">
	<meta property="og:url" content="https://mrpapersonic.github.io">
	<meta property="og:description" content="hey!">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<!-- rainbow css stolen from https://codepen.io/nohoid/pen/kIfto -->
	<style>
		.wrapper { 
			height: 100%;
			width: 100%;
			left:0;
			right: 0;
			top: 0;
			bottom: 0;
			position: absolute;
			background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
			background-size: 1800% 1800%;
			-webkit-animation: rainbow 18s ease infinite;
			-z-animation: rainbow 18s ease infinite;
			-o-animation: rainbow 18s ease infinite;
			animation: rainbow 18s ease infinite;
			z-index: -1;
		}
		@-webkit-keyframes rainbow {
			0%{background-position:0% 82%}
			50%{background-position:100% 19%}
			100%{background-position:0% 82%}
		}
		@-moz-keyframes rainbow {
			0%{background-position:0% 82%}
			50%{background-position:100% 19%}
			100%{background-position:0% 82%}
		}
		@-o-keyframes rainbow {
			0%{background-position:0% 82%}
			50%{background-position:100% 19%}
			100%{background-position:0% 82%}
		}
		@keyframes rainbow { 
			0%{background-position:0% 82%}
			50%{background-position:100% 19%}
			100%{background-position:0% 82%}
		}
		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);
		}
		div.luckystar {
			position: fixed;
			width: 350px; 
			padding: 3px; 
			border: 2px solid #d75016; 
			background-color: #FAFAD2; 
			text-shadow: none;
			box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
			margin: 0 auto;
			left: 10px;
			bottom: 10px;
		}
		img.crash {
			position: fixed;
			bottom: 10px;
			right: 10px;
		}
	</style>
	<link rel="stylesheet" href="style.css">
</head>
<body>
	<div class="wrapper"></div>
	<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>
	<div class="luckystar">
		<center style="font-family: Times New Roman, Times, serif; font-size: 1.20em; font-weight: bold; color: #d75116;">Certificate: Test results</center>
		<center style="font-family: Times New Roman, Times, serif; font-size: 1.20em; font-weight: bold; color: #d75116;">What Lucky Star Character Are You?</center>
		<p style="font-family: Times New Roman, Times, serif; font-size: 1em; color: #5c5c5c;">
			<img src="https://www.allthetests.com/quiz31/picture_thumb/pic_1402476083_1001.jpg?1592828541" width="106" height="150" loading="lazy" align="left" alt="1001" title="Click to enlarge" style="margin:4pt; box-shadow: none;">
			<b>For 40% you are: </b>Konata Izumi!<br>You are an OTAKU! You love to hang back and sometimes don't do homework... But you are a fun loving character who loves to prank and crack a joke once and a while! <br /><b> 60% of 3414 quiz participants had this profile!</b><br> &nbsp; <br>Take this quiz: <a href="https://www.allthetests.com/quiz31/quiz/1402476083/What-Lucky-Star-Character-Are-You">What Lucky Star Character Are You?</a></p>
	</div>
	<img class="crash" src="crash.jpg" height="266" style="image-rendering: auto;">
</body>