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:
74
diff
changeset
|
2 <html> |
14 | 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 | 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 | 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:
66
diff
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:
66
diff
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:
51
diff
changeset
|
18 } |
14 | 19 </style> |
20 </head> | |
75
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
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:
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 | 32 |
75
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
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:
74
diff
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:
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 | 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:
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 | 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:
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 | 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 | 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:
74
diff
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:
74
diff
changeset
|
69 </html> |