Mercurial > web
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"> |
