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