Mercurial > web

comparison index.html @ 78:5fdf5f346b92

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
*: use jekyll for templates, blogging, etc. I changed the pages to now use templates, so adding new stuff should be much much easier in the future
author Paper <paper@paper.us.eu.org>
date Mon, 20 May 2024 02:49:07 -0400
parents d9242232f51d
children 815c0da68384
comparison
equal deleted inserted replaced
77:d9242232f51d 78:5fdf5f346b92
1 <!DOCTYPE html> 1 ---
2 <html lang="en-US"> 2 layout: default
3 <head> 3 title: home
4 <title>home - Paper's website</title> 4 bgimage: indexbg.jpg
5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 5 bgcolor: #1F255A
6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 bgrepeat: no-repeat
7 <link href="css/style.css" rel="stylesheet" media="screen"> 7 bgsize: cover
8 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?"> 8 ---
9 <style> 9 <div class="header">
10 body { 10 <img class="avatar drop-shadow-box" src="media/avatar.jpg"
11 background-size: cover; 11 alt="Himeko Inaba from Kokoro Connect" title="Himeko Inaba from Kokoro Connect">
12 background-repeat: no-repeat; 12 <h1 class="title drop-shadow-text">Paper's website</h1>
13 background-image: url("indexbg.jpg"); /* Hibike! Euphonium */ 13 </div>
14 background-position: center top;
15 background-color: #1F255A;
16 min-height: 100vh;
17 }
18 </style>
19 </head>
20 14
21 <body> 15 <br>
22 <div class="navbar drop-shadow-box">
23 <a href="#" class="navbar-item-active">home</a>
24 <a href="projects/" class="navbar-item">projects</a>
25 </div>
26 16
27 <br> 17 <div class="content drop-shadow-box">
18 <h2 class="drop-shadow-text">welcome to my website!</h2>
19 <p class="drop-shadow-text">
20 there's not really much to see here for now. In the meantime, you can check out the links at the top right to see some stuff I've made.
21 </p>
28 22
29 <div class="header"> 23 <h2 class="drop-shadow-text">Socials</h2>
30 <img class="avatar drop-shadow-box" src="media/avatar.jpg" 24 <ul class="index-socials-list">
31 alt="Himeko Inaba from Kokoro Connect" title="Himeko Inaba from Kokoro Connect"> 25 <li class="drop-shadow-text">
32 <h1 class="title drop-shadow-text">Paper's website</h1> 26 E-mail (<a class="prettylink" href="mailto:paper@paper.us.eu.org">paper@paper.us.eu.org</a>); please do not send me <a class="prettylink" href="https://useplaintext.email/">HTML-infested garbage</a>
33 </div> 27 </li>
34 28 <li class="drop-shadow-text">
35 <br> 29 Discord (@slipofpaper)
36 30 </li>
37 <div class="content drop-shadow-box"> 31 </ul>
38 <h2 class="drop-shadow-text">About me</h2> 32 <ul>
39 <p class="drop-shadow-text"> 33 <li class="drop-shadow-text">
40 My main interests are retro computers (old Apple stuff mainly), 34 Fediverse (<a target="_blank" class="prettylink" href="https://miniwa.moe/users/paper">@paper@miniwa.moe</a>)
41 <a class="prettylink" target="_blank" href="https://sr.ht/~mrpapersonic">programming</a>, 35 </li>
42 <a class="prettylink" target="_blank" href="https://anilist.co/user/PaperAIDS/">anime and manga</a>, 36 </ul>
43 and some linguistics. I also make some 37 </div>
44 <a class="prettylink" target="_blank" href="https://modarchive.org/index.php?request=view_artist_modules&query=92603">tunes</a>
45 from time to time.
46 </p>
47
48 <h2 class="drop-shadow-text">Socials</h2>
49 <ul class="index-socials-list">
50 <li class="drop-shadow-text">
51 E-mail (<a class="prettylink" href="mailto:paper@paper.us.eu.org">paper@paper.us.eu.org</a>)
52 </li>
53 <li class="drop-shadow-text">
54 Discord (@slipofpaper)
55 </li>
56 </ul>
57 <br>
58 <ul>
59 <li class="drop-shadow-text">
60 Fediverse (<a class="prettylink" target="_blank" href="https://miniwa.moe/users/paper">@paper@miniwa.moe</a>)
61 </li>
62 </ul>
63 </div>
64 </body>
65 </html>