Mercurial > web
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 | 
| rev | line source | 
|---|---|
| 14 | 1 <!DOCTYPE html> | 
| 75 
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
 Paper <paper@paper.us.eu.org> parents: 
74diff
changeset | 2 <html> | 
| 14 | 3 <head> | 
| 75 
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
 Paper <paper@paper.us.eu.org> parents: 
74diff
changeset | 4 <title>home - Paper's website</title> | 
| 21 
3c7989047451
Make code prettier and fix a few visual errors
 Paper <mrpapersonic@gmail.com> parents: 
20diff
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: 
20diff
changeset | 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"/> | 
| 26 | 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: 
74diff
changeset | 8 <link href="css/style.css" rel="stylesheet" media="screen"> | 
| 72 | 9 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?"> | 
| 69 | 10 <style> | 
| 20 | 11 body { | 
| 67 
6019514100d4
html: fix random scaling shit on >1080p monitors
 Paper <mrpapersonic@gmail.com> parents: 
66diff
changeset | 12 background-size: cover; | 
| 72 | 13 background-repeat: no-repeat; | 
| 14 background-image: url("indexbg.jpg"); /* Hibike! Euphonium */ | |
| 67 
6019514100d4
html: fix random scaling shit on >1080p monitors
 Paper <mrpapersonic@gmail.com> parents: 
66diff
changeset | 15 background-position: center top; | 
| 69 | 16 background-color: #1F255A; | 
| 72 | 17 min-height: 100vh; | 
| 56 
c95a96b61d9a
html: Add Content Security Policy headers
 Paper <mrpapersonic@gmail.com> parents: 
51diff
changeset | 18 } | 
| 14 | 19 </style> | 
| 20 </head> | |
| 75 
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
 Paper <paper@paper.us.eu.org> parents: 
74diff
changeset | 21 | 
| 14 | 22 <body> | 
| 72 | 23 <!-- I tried to make this HTML as clean as possible, as to reduce clutter | 
| 24 from what these pages used to look like :/ | |
| 25 | |
| 26 Much of this page has taken "inspiration" (read: was stolen) from | |
| 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: 
74diff
changeset | 28 <div class="navbar drop-shadow-box"> | 
| 
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
 Paper <paper@paper.us.eu.org> parents: 
74diff
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: 
74diff
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: 
66diff
changeset | 31 </div> | 
| 72 | 32 | 
| 75 
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
 Paper <paper@paper.us.eu.org> parents: 
74diff
changeset | 33 <br> | 
| 72 | 34 | 
| 35 <div class="header"> | |
| 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: 
74diff
changeset | 37 alt="Himeko Inaba from Kokoro Connect" title="Himeko Inaba from Kokoro Connect"> | 
| 72 | 38 <h1 class="title drop-shadow-text">Paper's website</h1> | 
| 39 </div> | |
| 40 | |
| 75 
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
 Paper <paper@paper.us.eu.org> parents: 
74diff
changeset | 41 <br> | 
| 
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
 Paper <paper@paper.us.eu.org> parents: 
74diff
changeset | 42 | 
| 72 | 43 <div class="content drop-shadow-box"> | 
| 44 <h2 class="drop-shadow-text">About me</h2> | |
| 45 <p class="drop-shadow-text"> | |
| 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: 
74diff
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: 
74diff
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: 
72diff
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: 
74diff
changeset | 50 <a class="prettylink" target="_blank" href="https://modarchive.org/index.php?request=view_artist_modules&query=92603">tunes</a> | 
| 72 | 51 from time to time. | 
| 52 </p> | |
| 53 | |
| 75 
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
 Paper <paper@paper.us.eu.org> parents: 
74diff
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: 
74diff
changeset | 55 <ul class="index-socials-list"> | 
| 72 | 56 <li class="drop-shadow-text"> | 
| 75 
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
 Paper <paper@paper.us.eu.org> parents: 
74diff
changeset | 57 E-mail (<a class="prettylink" href="mailto:paper@paper.us.eu.org">paper@paper.us.eu.org</a>) | 
| 72 | 58 </li> | 
| 59 <li class="drop-shadow-text"> | |
| 60 Discord (@slipofpaper) | |
| 61 </li> | |
| 62 <br> | |
| 63 <li class="drop-shadow-text"> | |
| 75 
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
 Paper <paper@paper.us.eu.org> parents: 
74diff
changeset | 64 Fediverse (<a class="prettylink" target="_blank" href="https://miniwa.moe/users/paper">@paper@miniwa.moe</a>) | 
| 72 | 65 </li> | 
| 66 </ul> | |
| 14 | 67 </div> | 
| 68 </body> | |
| 75 
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
 Paper <paper@paper.us.eu.org> parents: 
74diff
changeset | 69 </html> | 
