Mercurial > web
comparison projects.html @ 42:8051fdef82da
Downgrade to bootstrap 2.3.2
author | Paper <mrpapersonic@gmail.com> |
---|---|
date | Mon, 16 May 2022 21:10:56 -0400 |
parents | bb6d617ab30c |
children | 24b2d0a480d3 |
comparison
equal
deleted
inserted
replaced
41:f71c5c19940f | 42:8051fdef82da |
---|---|
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <head> | 2 <head> |
3 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> | 3 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet" media="screen"> |
4 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?"> | 4 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?"> |
5 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script> | 5 <!-- <script src="https://code.jquery.com/jquery.js"></script> |
6 <script src="js/bootstrap/js/bootstrap.min.js"></script> --> | |
6 <title>Projects - Paper's website</title> | 7 <title>Projects - Paper's website</title> |
7 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | 8 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
8 <meta name="viewport" content="width=device-width, initial-scale=1.0"/> | 9 <meta name="viewport" content="width=device-width, initial-scale=1.0"/> |
9 <style> | 10 <style> |
10 @import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300&display=swap'); | 11 @import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300&display=swap'); |
11 .navbar { | |
12 background: linear-gradient(to bottom, rgba(255,255,255,0.1) 25%, rgba(0,0,0,0) 100%); | |
13 text-align: left; /* Override body text align */ | |
14 } | |
15 body { | 12 body { |
16 background-size: cover; | 13 background-size: cover; |
17 background: url("blueforest.png") no-repeat center center fixed; | 14 background: url("blueforest.png") no-repeat center center fixed; |
18 color: white; | 15 color: white; |
19 font-family: 'Source Sans 3', sans-serif; | 16 font-family: 'Source Sans 3', sans-serif; |
33 } | 30 } |
34 .poop { | 31 .poop { |
35 display: block-inline; | 32 display: block-inline; |
36 color: yellow; | 33 color: yellow; |
37 background: radial-gradient(ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.0) 75%); | 34 background: radial-gradient(ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.0) 75%); |
38 // box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); | 35 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); |
39 text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); | 36 text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); |
40 } | 37 } |
41 </style> | 38 </style> |
42 </head> | 39 </head> |
43 <body> | 40 <body> |
44 <nav class="navbar navbar-expand-lg navbar-dark"> | 41 <div class="navbar-wrapper"> |
45 <div class="container-fluid"> | 42 <div class="container-fluid" style="width: 98%;margin-top:1%;"> |
46 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> | 43 <div class="navbar navbar-inverse" style="box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5)"> |
47 <span class="navbar-toggler-icon"></span> | 44 <div class="navbar-inner"> |
48 </button> | 45 <a class="brand" href="#">Paper's website</a> |
49 <div class="collapse navbar-collapse" id="navbarSupportedContent"> | 46 <ul class="nav"> |
50 <ul class="navbar-nav me-auto mb-1 mb-lg-3"> | 47 <li><a href="./">Home</a></li> |
51 <li class="nav-item"> | 48 <li><a href="music.html">Music</a></li> |
52 <a class="nav-link" href="index.html">Home</a> | 49 <li class="active"><a href="#">Projects</a></li> |
53 </li> | 50 </ul> |
54 <li class="nav-item"> | 51 </div> |
55 <a class="nav-link" href="music.html">Music</a> | 52 </div> |
56 </li> | 53 </div> |
57 <li class="nav-item"> | |
58 <a class="nav-link active" aria-current="page" href="#">Projects</a> | |
59 </li> | |
60 </ul> | |
61 </div> | |
62 </div> | |
63 </nav> | |
64 <h1>Projects</h1> | 54 <h1>Projects</h1> |
65 <div class="box" style="background-color: rgba(0, 128, 0, 0.5);"> | 55 <div class="box" style="background-color: rgba(0, 128, 0, 0.5);"> |
66 <h1>msvpvf</h1> | 56 <h1>msvpvf</h1> |
67 <p>msvpvf is a tool used to "downgrade" VEGAS Pro project files, written entirely in C. It has no runtime libraries, making it incredibly lightweight. On macOS, the CLI compiles to 50 KB, and on Windows the GUI app is only 19 KB.</p> | 57 <p>msvpvf is a tool used to "downgrade" VEGAS Pro project files, written entirely in C. It has no runtime libraries, making it incredibly lightweight. On macOS, the CLI compiles to 50 KB, and on Windows the GUI app is only 19 KB.</p> |
68 <p><a class="poop" href="https://github.com/mrpapersonic/msvpvf/releases/latest">Download</a></p> | 58 <p><a class="poop" href="https://github.com/mrpapersonic/msvpvf/releases/latest">Download</a></p> |