annotate index.html @ 75:d69f3fe99911

*: 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 c8ea71d9d102
children ed130c092d75
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
14
8f0b52a3cb69 add module on front page
Paper <mrpapersonic@gmail.com>
parents: 13
diff changeset
1 <!DOCTYPE html>
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
2 <html>
14
8f0b52a3cb69 add module on front page
Paper <mrpapersonic@gmail.com>
parents: 13
diff changeset
3 <head>
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
4 <title>home - Paper's website</title>
21
3c7989047451 Make code prettier and fix a few visual errors
Paper <mrpapersonic@gmail.com>
parents: 20
diff changeset
5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
3c7989047451 Make code prettier and fix a few visual errors
Paper <mrpapersonic@gmail.com>
parents: 20
diff changeset
6 <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
26
80dfefdf89b8 Google site verification
Paper <mrpapersonic@gmail.com>
parents: 25
diff changeset
7 <meta name="google-site-verification" content="rILPN0Fit17u21ImKQW-ZHQMvx_Ak7qcuM3ewqtrJg8" />
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
8 <link href="css/style.css" rel="stylesheet" media="screen">
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
9 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?">
69
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents: 68
diff changeset
10 <style>
20
79a7939810c0 Complete redesign
Paper <mrpapersonic@gmail.com>
parents: 19
diff changeset
11 body {
67
6019514100d4 html: fix random scaling shit on >1080p monitors
Paper <mrpapersonic@gmail.com>
parents: 66
diff changeset
12 background-size: cover;
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
13 background-repeat: no-repeat;
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
14 background-image: url("indexbg.jpg"); /* Hibike! Euphonium */
67
6019514100d4 html: fix random scaling shit on >1080p monitors
Paper <mrpapersonic@gmail.com>
parents: 66
diff changeset
15 background-position: center top;
69
2e645b936727 *: huge overhaul
Paper <mrpapersonic@gmail.com>
parents: 68
diff changeset
16 background-color: #1F255A;
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
17 min-height: 100vh;
56
c95a96b61d9a html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents: 51
diff changeset
18 }
14
8f0b52a3cb69 add module on front page
Paper <mrpapersonic@gmail.com>
parents: 13
diff changeset
19 </style>
8f0b52a3cb69 add module on front page
Paper <mrpapersonic@gmail.com>
parents: 13
diff changeset
20 </head>
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
21
14
8f0b52a3cb69 add module on front page
Paper <mrpapersonic@gmail.com>
parents: 13
diff changeset
22 <body>
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
23 <!-- I tried to make this HTML as clean as possible, as to reduce clutter
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
24 from what these pages used to look like :/
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
25
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
26 Much of this page has taken "inspiration" (read: was stolen) from
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
27 sdomi's page at https://sdomi.pl/ -->
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
28 <div class="navbar drop-shadow-box">
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
29 <a href="#" class="navbar-item-active">home</a>
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
30 <a href="projects/" class="navbar-item">projects</a>
67
6019514100d4 html: fix random scaling shit on >1080p monitors
Paper <mrpapersonic@gmail.com>
parents: 66
diff changeset
31 </div>
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
32
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
33 <br>
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
34
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
35 <div class="header">
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
36 <img class="avatar drop-shadow-box" src="media/avatar.jpg"
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
37 alt="Himeko Inaba from Kokoro Connect" title="Himeko Inaba from Kokoro Connect">
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
38 <h1 class="title drop-shadow-text">Paper's website</h1>
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
39 </div>
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
40
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
41 <br>
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
42
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
43 <div class="content drop-shadow-box">
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
44 <h2 class="drop-shadow-text">About me</h2>
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
45 <p class="drop-shadow-text">
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
46 My main interests are retro computers (old Apple stuff mainly),
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
47 <a class="prettylink" target="_blank" href="https://sr.ht/~mrpapersonic">programming</a>,
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
48 <a class="prettylink" target="_blank" href="https://anilist.co/user/PaperAIDS/">anime and manga</a>,
74
c8ea71d9d102 *: rebuild bootstrap so it works on safari, add some links to html
Paper <mrpapersonic@gmail.com>
parents: 72
diff changeset
49 and some linguistics. I also make some
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
50 <a class="prettylink" target="_blank" href="https://modarchive.org/index.php?request=view_artist_modules&query=92603">tunes</a>
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
51 from time to time.
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
52 </p>
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
53
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
54 <h2 class="drop-shadow-text">Socials</h2>
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
55 <ul class="index-socials-list">
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
56 <li class="drop-shadow-text">
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
57 E-mail (<a class="prettylink" href="mailto:paper@paper.us.eu.org">paper@paper.us.eu.org</a>)
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
58 </li>
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
59 <li class="drop-shadow-text">
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
60 Discord (@slipofpaper)
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
61 </li>
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
62 <br>
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
63 <li class="drop-shadow-text">
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
64 Fediverse (<a class="prettylink" target="_blank" href="https://miniwa.moe/users/paper">@paper@miniwa.moe</a>)
72
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
65 </li>
ff98f97603ca *: giant redesign
Paper <mrpapersonic@gmail.com>
parents: 69
diff changeset
66 </ul>
14
8f0b52a3cb69 add module on front page
Paper <mrpapersonic@gmail.com>
parents: 13
diff changeset
67 </div>
8f0b52a3cb69 add module on front page
Paper <mrpapersonic@gmail.com>
parents: 13
diff changeset
68 </body>
75
d69f3fe99911 *: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents: 74
diff changeset
69 </html>