Mercurial > web
comparison projects.html @ 33:00a9eeb901ed
Add projects tab
| author | Paper <mrpapersonic@gmail.com> |
|---|---|
| date | Wed, 02 Feb 2022 17:48:14 -0500 |
| parents | |
| children | fbd0901ec2d8 |
comparison
equal
deleted
inserted
replaced
| 32:fc37e1f8b89e | 33:00a9eeb901ed |
|---|---|
| 1 <!DOCTYPE html> | |
| 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"> | |
| 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> | |
| 6 <title>Music - Paper's website</title> | |
| 7 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 <meta name="viewport" content="width=device-width, initial-scale=1.0"/> | |
| 9 <style> | |
| 10 @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 { | |
| 16 background-size: cover; | |
| 17 background: url("forest.png") no-repeat center center fixed; | |
| 18 color: white; | |
| 19 font-family: 'Source Sans 3', sans-serif; | |
| 20 text-align: center; | |
| 21 text-shadow: 5px 0 10px rgba(0, 0, 0, 0.5); | |
| 22 } | |
| 23 div.box { | |
| 24 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5) inset; | |
| 25 color: white; | |
| 26 left: 0; | |
| 27 margin: 1% auto; | |
| 28 max-width: 500px; | |
| 29 padding: 10px; | |
| 30 right: 0; | |
| 31 text-align: center; | |
| 32 top: 50%; | |
| 33 } | |
| 34 .poop { | |
| 35 display: block-inline; | |
| 36 color: yellow; | |
| 37 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); | |
| 39 text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); | |
| 40 } | |
| 41 </style> | |
| 42 </head> | |
| 43 <body> | |
| 44 <nav class="navbar navbar-expand-lg navbar-dark"> | |
| 45 <div class="container-fluid"> | |
| 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"> | |
| 47 <span class="navbar-toggler-icon"></span> | |
| 48 </button> | |
| 49 <div class="collapse navbar-collapse" id="navbarSupportedContent"> | |
| 50 <ul class="navbar-nav me-auto mb-1 mb-lg-3"> | |
| 51 <li class="nav-item"> | |
| 52 <a class="nav-link" href="index.html">Home</a> | |
| 53 </li> | |
| 54 <li class="nav-item"> | |
| 55 <a class="nav-link" href="music.html">Music</a> | |
| 56 </li> | |
| 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> | |
| 65 <div class="box" style="background-color: rgba(0, 128, 0, 0.5);"> | |
| 66 <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> | |
| 68 <p><a class="poop" href="https://github.com/mrpapersonic/msvpvf/releases/latest">Download</a></p> | |
| 69 </div> | |
| 70 <div class="box" style="background-color: rgba(0, 128, 0, 0.5);"> | |
| 71 <h1>utagoe30en</h1> | |
| 72 <p>A project to translate <a class="poop" href="https://www.vector.co.jp/soft/dl/win95/art/se127635.html">Utagoe</a>, an app that extracts vocals from songs, into English</p> | |
| 73 <p><a class="poop" href="https://github.com/mrpapersonic/utagoe30en/releases/latest">Download</a></p> | |
| 74 </div> | |
| 75 </body> |