My personal website.
lighty.pillow.gay
lighty.pillow.gay
1<!doctype html>
2<html lang="en">
3 <head>
4 <meta charset="UTF-8" />
5 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6 <link rel="stylesheet" href="assets/css/main.css" />
7
8 <link
9 rel="stylesheet"
10 href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css"
11 />
12 <!-- Styles for Inter font -->
13 <link rel="preconnect" href="https://rsms.me/" />
14 <link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
15 <style>
16 :root {
17 font-family: Inter, sans-serif;
18 font-feature-settings:
19 "liga" 1,
20 "calt" 1; /* fix for Chrome */
21 }
22 @supports (font-variation-settings: normal) {
23 :root {
24 font-family: InterVariable, sans-serif;
25 }
26 }
27 </style>
28 <title>Lighty</title>
29 </head>
30 <body>
31 <!-- Profile information -->
32 <header class="part">
33 <!-- Profile picture -->
34 <figure>
35 <img
36 id="profile-picture"
37 src="assets/img/profile.avif"
38 alt="Profile picture"
39 />
40 </figure>
41 <!-- Name -->
42 <h1>Lighty</h1>
43 <!-- Pronouns -->
44 <div class="pronouns">he/they/it</div>
45 <!-- Description -->
46 <p>
47 Just a random fox on the internet who plays lots of games,
48 touches computers and writes code as a hobby :3
49 </p>
50 </header>
51 <!-- Social media links -->
52 <section class="part" id="socials">
53 <a
54 href="https://youtube.com/@lightyisreal"
55 target="_blank"
56 class="social-link part"
57 >
58 <i class="bi bi-youtube"></i> YouTube
59 </a>
60 <a
61 href="https://twitch.tv/lightyisreal"
62 target="_blank"
63 class="social-link part"
64 >
65 <i class="bi bi-twitch"></i> Twitch
66 </a>
67 <a
68 href="https://tiktok.com/@lightyisreal"
69 target="_blank"
70 class="social-link part"
71 >
72 <i class="bi bi-tiktok"></i> TikTok
73 </a>
74 <a
75 href="https://bsky.app/profile/lighty.pillow.gay"
76 target="_blank"
77 class="social-link part"
78 >
79 <i class="bi bi-bluesky"></i> Bluesky
80 </a>
81 <a
82 href="https://wetdry.world/@lighty"
83 target="_blank"
84 rel="me"
85 class="social-link part"
86 >
87 <i class="bi bi-mastodon"></i> Fediverse
88 </a>
89 <a
90 href="https://discord.gg/aPdMxGraAc"
91 target="_blank"
92 class="social-link part"
93 >
94 <i class="bi bi-discord"></i> Discord
95 </a>
96
97 <hr class="social-divider" />
98
99 <a
100 href="https://thoughts.lighty.pillow.gay"
101 target="_blank"
102 class="social-link social-link-wide part"
103 >
104 <i class="bi bi-leaf-fill"></i> Leaflet (Blog)
105 </a>
106 <a
107 href="https://tangled.org/@lighty.pillow.gay"
108 target="_blank"
109 class="social-link social-link-wide part"
110 >
111 <i class="icon icon-tangled"></i> Tangled (Git)
112 </a>
113 <a
114 href="https://ko-fi.com/lightyisreal"
115 target="_blank"
116 class="social-link social-link-wide part"
117 >
118 <i class="bi bi-piggy-bank-fill"></i> Ko-fi (Donations)
119 </a>
120 </section>
121 </body>
122</html>