comparison 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
comparison
equal deleted inserted replaced
68:de57aed2d203 69:2e645b936727
2 <head> 2 <head>
3 <title>Projects - Paper's website</title> 3 <title>Projects - Paper's website</title>
4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6 <link href="./css/bootstrap.min.css" rel="stylesheet" media="screen"> 6 <link href="./css/bootstrap.min.css" rel="stylesheet" media="screen">
7 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?"> 7 <link href="./css/style.css" rel="stylesheet" media="screen">
8 <style nonce="paper-web-inline"> 8 <style>
9 .navbar {
10 text-align: left; /* Override body text align */
11 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
12 }
13 .container {
14 width: 98%;
15 margin-top: 1%;
16 }
17 body { 9 body {
18 background-size: cover; 10 background-size: cover;
19 background-image: url("blueforest.png"); 11 background-image: url("projectsbg.jpg");
20 background-position: center top; 12 background-position: center top;
21 color: white; 13 background-size: cover;
22 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 14 background-color: #1F255A;
23 text-align: center;
24 text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.6);
25 }
26 div.box {
27 background-color: rgba(0, 128, 0, 0.5);
28 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5) inset;
29 text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
30 color: white;
31 left: 0;
32 margin: 1% auto;
33 max-width: 500px;
34 padding: 10px;
35 right: 0;
36 text-align: center;
37 top: 50%;
38 }
39 a {
40 display: block-inline;
41 color: yellow;
42 background: radial-gradient(ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.0) 75%);
43 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
44 text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
45 } 15 }
46 </style> 16 </style>
17 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?">
47 </head> 18 </head>
48 <body> 19 <body>
49 <div class="navbar-wrapper"> 20 <div class="navbar-wrapper">
50 <div class="container"> 21 <div class="container">
51 <div class="navbar navbar-inverse"> 22 <div class="navbar navbar-inverse">