Mercurial > web
annotate index.html @ 77:d9242232f51d
html: validate
author | Paper <paper@paper.us.eu.org> |
---|---|
date | Wed, 08 May 2024 17:42:11 -0400 |
parents | ed130c092d75 |
children | 5fdf5f346b92 |
rev | line source |
---|---|
14 | 1 <!DOCTYPE html> |
76
ed130c092d75
projects: specify `download` in download hrefs
Paper <paper@paper.us.eu.org>
parents:
75
diff
changeset
|
2 <html lang="en-US"> |
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"> |
77 | 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
75
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
7 <link href="css/style.css" rel="stylesheet" media="screen"> |
72 | 8 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?"> |
69 | 9 <style> |
20 | 10 body { |
67
6019514100d4
html: fix random scaling shit on >1080p monitors
Paper <mrpapersonic@gmail.com>
parents:
66
diff
changeset
|
11 background-size: cover; |
72 | 12 background-repeat: no-repeat; |
13 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
|
14 background-position: center top; |
69 | 15 background-color: #1F255A; |
72 | 16 min-height: 100vh; |
56
c95a96b61d9a
html: Add Content Security Policy headers
Paper <mrpapersonic@gmail.com>
parents:
51
diff
changeset
|
17 } |
14 | 18 </style> |
19 </head> | |
75
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
20 |
14 | 21 <body> |
75
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
22 <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
|
23 <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
|
24 <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
|
25 </div> |
72 | 26 |
75
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
27 <br> |
72 | 28 |
29 <div class="header"> | |
30 <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
|
31 alt="Himeko Inaba from Kokoro Connect" title="Himeko Inaba from Kokoro Connect"> |
72 | 32 <h1 class="title drop-shadow-text">Paper's website</h1> |
33 </div> | |
34 | |
75
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
35 <br> |
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
36 |
72 | 37 <div class="content drop-shadow-box"> |
38 <h2 class="drop-shadow-text">About me</h2> | |
39 <p class="drop-shadow-text"> | |
40 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
|
41 <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
|
42 <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
|
43 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
|
44 <a class="prettylink" target="_blank" href="https://modarchive.org/index.php?request=view_artist_modules&query=92603">tunes</a> |
72 | 45 from time to time. |
46 </p> | |
47 | |
75
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
48 <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
|
49 <ul class="index-socials-list"> |
72 | 50 <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
|
51 E-mail (<a class="prettylink" href="mailto:paper@paper.us.eu.org">paper@paper.us.eu.org</a>) |
72 | 52 </li> |
53 <li class="drop-shadow-text"> | |
54 Discord (@slipofpaper) | |
55 </li> | |
77 | 56 </ul> |
57 <br> | |
58 <ul> | |
72 | 59 <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
|
60 Fediverse (<a class="prettylink" target="_blank" href="https://miniwa.moe/users/paper">@paper@miniwa.moe</a>) |
72 | 61 </li> |
62 </ul> | |
14 | 63 </div> |
64 </body> | |
75
d69f3fe99911
*: remove bootstrap, add projects page, use custom navbar
Paper <paper@paper.us.eu.org>
parents:
74
diff
changeset
|
65 </html> |