Mercurial > web

comparison projects/index.html @ 75:d69f3fe99911

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
*: remove bootstrap, add projects page, use custom navbar the bootstrap navbar was a bit too bloated for something like this anyway. P.S.: you can see some fun stupid tricks in `projects/index.html`, I had to hack around to make the background work how I wanted
author Paper <paper@paper.us.eu.org>
date Fri, 22 Mar 2024 21:42:50 -0400
parents
children ed130c092d75
comparison
equal deleted inserted replaced
74:c8ea71d9d102 75:d69f3fe99911
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>projects - Paper's website</title>
5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
6 <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
7 <meta name="google-site-verification" content="rILPN0Fit17u21ImKQW-ZHQMvx_Ak7qcuM3ewqtrJg8" />
8 <link href="/css/style.css" rel="stylesheet" media="screen">
9 <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico?">
10 <style>
11 body {
12 background-color: #a99a7b;
13 min-height: 100vh;
14
15 /* HACK!!!
16 *
17 * transfer pointer events to children of the body */
18 pointer-events: none;
19 }
20
21 body * {
22 pointer-events: initial;
23 }
24
25 .background {
26 background-size: contain;
27 background-repeat: no-repeat;
28 background-image: url("../media/haibane.png");
29 background-position: bottom left;
30
31 width: max(15vw, 250px);
32 height: min(100vh, 550px);
33 overflow: hidden;
34
35 position: fixed;
36 bottom: 0px;
37 left: 0px;
38
39 z-index: -1;
40 }
41 </style>
42 </head>
43
44 <body>
45 <a target="_blank" href="https://www.pixiv.net/en/artworks/6647089">
46 <div class="background"></div>
47 </a>
48
49 <div class="navbar drop-shadow-box">
50 <a href="/" class="navbar-item">home</a>
51 <a href="#" class="navbar-item-active">projects</a>
52 </div>
53
54 <br>
55
56 <div class="header">
57 <h1 class="title drop-shadow-text">Projects</h1>
58 </div>
59
60 <br>
61
62 <div id="msvpvf" class="content drop-shadow-box">
63 <a target="_blank" href="https://sr.ht/~mrpapersonic/msvpvf" class="drop-shadow-text prettylink project-title">msvpvf</a>
64 <hr class="project-separator">
65 <span class="drop-shadow-text">
66 A bite-sized Windows application to backport Vegas Pro project
67 files to older versions.
68 </span>
69 <br><br>
70 <span class="drop-shadow-text project-title">Downloads:</span>
71 <ul class="project-downloads">
72 <li>
73 <a class="drop-shadow-text prettylink" href="binaries/msvpvf/msvpvf-i686-ansi.exe">32-bit (ANSI)</a>
74 </li>
75 <li>
76 <a class="drop-shadow-text prettylink" href="binaries/msvpvf/msvpvf-i686-unicode.exe">32-bit (Unicode, use this one if unsure)</a>
77 </li>
78 <li>
79 <a class="drop-shadow-text prettylink" href="binaries/msvpvf/msvpvf-x86_64-unicode.exe">64-bit</a>
80 </li>
81 </ul>
82 </div>
83
84 <br>
85
86 <div id="wgsdk" class="content drop-shadow-box">
87 <a target="_blank" href="https://sr.ht/~mrpapersonic/wgsdk" class="drop-shadow-text prettylink project-title">wgsdk</a>
88 <hr class="project-separator">
89 <span class="drop-shadow-text">
90 A Winamp plugin that uses the Discord GameSDK to provide rich
91 presence.
92 </span>
93 <br><br>
94 <a class="drop-shadow-text prettylink" href="binaries/gen_DiscordGameSDK.dll">Download</a>
95 </div>
96
97 <br>
98
99 <div id="libedl" class="content drop-shadow-box">
100 <a target="_blank" href="https://sr.ht/~mrpapersonic/libedl" class="drop-shadow-text prettylink project-title">libedl</a>
101 <hr class="project-separator">
102 <span class="drop-shadow-text">
103 A C library to parse and edit Vegas Pro EDL files.
104 </span>
105 <br><br>
106 <a class="drop-shadow-text prettylink" href="https://hg.sr.ht/~mrpapersonic/libedl/archive/v2.1.tar.gz">Download</a>
107 </div>
108 </body>
109 </html>