Mercurial > web

diff index.html @ 69:2e645b936727

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
*: huge overhaul 1. the INDEX PAGE was broken for so long, but I really could not have been arsed to fix it. 2. all major css has been moved to css/style.css 3. png files are now all jpg files because having pngs on a website is overkill 4. update libopenmpt, not sure if it works (local JS doesn't work on my browser) 5. libopenmpt is now the JS-only version because browsers like pale moon still don't support WASM
author Paper <mrpapersonic@gmail.com>
date Sat, 30 Sep 2023 00:34:22 -0400
parents de57aed2d203
children ff98f97603ca
line wrap: on
line diff
--- a/index.html	Tue Aug 29 19:04:58 2023 -0400
+++ b/index.html	Sat Sep 30 00:34:22 2023 -0400
@@ -7,62 +7,43 @@
 	<!-- bootstrap 2.3.2 gives an error that the `zoom` css property isn't supported,
 	     but we don't have anything that uses it anyway -->
 	<link href="./css/bootstrap.min.css" rel="stylesheet" media="screen">
+	<link href="./css/style.css" rel="stylesheet" media="screen">
     <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?">
-	<style nonce="paper-web-inline">
+	<style>
 		body {
 			background-size: cover;
-			background-image: url("landscapeposter.jpg");
+			background-image: url("indexbg.jpg");
 			background-position: center top;
-			background-color: 1F255A;
-			// font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
-			overflow: hidden;
-			text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
-		}
-		div.logos {
-			filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.5));
-			image-rendering: pixelated;
+			background-size: cover;
+			background-color: #1F255A;
 		}
 	</style>
-	<script nonce="paper-web-inline">
-		function setbg() {
-			video = document.getElementById("bg");
-
-			video.style.display = "inline";
-			video.load();
-			video.play();
-		}
-		window.onload = function() { // Mobile device check
-			if (window.navigator.userAgentData) { // Checks if userAgentData is even defined (Safari)
-				if (!window.navigator.userAgentData["mobile"]) { // Checks if it says it's mobile
-					setbg();
-				}
-			} else if (!(/Mobi/i.test(window.navigator.userAgent))) { // Fallback
-				setbg();
-			}
-		}
-	</script>
 </head>
 <body>
-	<div class="navbar navbar-inverse">
-		<div class="navbar-inner">
-			<a class="brand" href="#">Paper's website</a>
-			<ul class="nav">
-				<li class="active"><a href="#">Home</a></li>
-				<li><a href="music.html">Music</a></li>
-				<li><a href="projects.html">Projects</a></li>
-			</ul>
+    <div class="navbar-wrapper">
+		<div class="container">
+			<div class="navbar navbar-inverse">
+				<div class="navbar-inner">
+					<a class="brand" href="#">Paper's website</a>
+					<ul class="nav">
+						<li class="active"><a href="#">Home</a></li>
+						<li><a href="music.html">Music</a></li>
+						<li><a href="projects.html">Projects</a></li>
+					</ul>
+				</div>
+			</div>
 		</div>
 	</div>
-	<p class="btn btn-primary btn-large center">
-		I'm Paper!
-		I make YTPMV and chiptunes.
+	<div class="box center" style="width: 300px">
+		<h2>I'm Paper!</h2>
+		<p>I code and make music sometimes.</p>
 		<div class="fs-4 mb-3 logos">
 			<a href="https://www.youtube.com/c/PaperYTPMV"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="white" class="bi bi-youtube" viewBox="0 0 16 16">
 				<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"/>
 			</svg></a>
 			&nbsp;
-			<a href="https://twitter.com/schizoytpmv"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="white" class="bi bi-twitter" viewBox="0 0 16 16">
-				<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
+			<a href="https://sr.ht/~mrpapersonic"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="white" viewBox="0 0 512 512">
+				<path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z"/>
 			</svg></a>
 			&nbsp;
 			<a href="https://modarchive.org/index.php?request=view_profile&query=92603"><svg version="1.1" id="svg108" width="32" height="32" fill="white" viewBox="0 0 32 32" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"><defs id="defs112"/> <g id="g114"><image id="mod-archive" width="32" height="32" preserveAspectRatio="none"  xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACx
@@ -70,10 +51,6 @@
 o5JIbQXBB7E+rhxR+QRVXW2oEYSbDTWAzKFGmN9eYJzmhecF3N1tqH28HlC73pJu0ANdhw11fAOq
 +9QGLQVFle/WXEd9wSP9OU95/wk8p/l9gcgJo2aKKBW4giYAAAAASUVORK5CYII=
 " id="image116" /></g></svg></a>
-			&nbsp;
-			<a href="https://c.im/@paper"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="white" class="bi bi-mastodon" viewBox="0 0 16 16">
-				<path d="M11.19 12.195c2.016-.24 3.77-1.475 3.99-2.603.348-1.778.32-4.339.32-4.339 0-3.47-2.286-4.488-2.286-4.488C12.062.238 10.083.017 8.027 0h-.05C5.92.017 3.942.238 2.79.765c0 0-2.285 1.017-2.285 4.488l-.002.662c-.004.64-.007 1.35.011 2.091.083 3.394.626 6.74 3.78 7.57 1.454.383 2.703.463 3.709.408 1.823-.1 2.847-.647 2.847-.647l-.06-1.317s-1.303.41-2.767.36c-1.45-.05-2.98-.156-3.215-1.928a3.614 3.614 0 0 1-.033-.496s1.424.346 3.228.428c1.103.05 2.137-.064 3.188-.189zm1.613-2.47H11.13v-4.08c0-.859-.364-1.295-1.091-1.295-.804 0-1.207.517-1.207 1.541v2.233H7.168V5.89c0-1.024-.403-1.541-1.207-1.541-.727 0-1.091.436-1.091 1.296v4.079H3.197V5.522c0-.859.22-1.541.66-2.046.456-.505 1.052-.764 1.793-.764.856 0 1.504.328 1.933.983L8 4.39l.417-.695c.429-.655 1.077-.983 1.934-.983.74 0 1.336.259 1.791.764.442.505.661 1.187.661 2.046v4.203z"/>
-			</svg></a>
 		</div>
 	</div>
 </body>