diff projects.html @ 69:2e645b936727

*: 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 6019514100d4
children 597f956b8d3a
line wrap: on
line diff
--- a/projects.html	Tue Aug 29 19:04:58 2023 -0400
+++ b/projects.html	Sat Sep 30 00:34:22 2023 -0400
@@ -4,46 +4,17 @@
 	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     <link href="./css/bootstrap.min.css" rel="stylesheet" media="screen">
-    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?">
-	<style nonce="paper-web-inline">
-		.navbar {
-			text-align: left; /* Override body text align */
-			box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
-		}
-		.container {
-			width: 98%;
-			margin-top: 1%;
-		}
+	<link href="./css/style.css" rel="stylesheet" media="screen">
+	<style>
 		body {
 			background-size: cover;
-			background-image: url("blueforest.png");
+			background-image: url("projectsbg.jpg");
 			background-position: center top;
-			color: white;
-			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-			text-align: center;
-			text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.6);
-		}
-		div.box {
-			background-color: rgba(0, 128, 0, 0.5);
-			box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5) inset;
-			text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
-			color: white;
-			left: 0;
-			margin: 1% auto;
-			max-width: 500px;
-			padding: 10px;
-			right: 0;
-			text-align: center;
-			top: 50%;
-		}
-		a {
-			display: block-inline;
-			color: yellow;
-			background: radial-gradient(ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.0) 75%);
-			box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
-			text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+			background-size: cover;
+			background-color: #1F255A;
 		}
 	</style>
+    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?">
 </head>
 <body>
     <div class="navbar-wrapper">