my personal website!
meowing.zip
website
neat lil background
+40
-2
+3
-1
about-me.html
+3
-1
about-me.html
···
50
50
</div>
51
51
</footer>
52
52
<body>
53
+
<bg-gradient aria-hidden="true"></bg-gradient>
54
+
<bg aria-hidden="true"></bg>
53
55
<div class="main">
54
56
<h3>who am i?</h3>
55
57
<div class="divider"></div>
···
81
83
<a style="color: light-dark(#40a02b, #a6e3a1); font-size: 13px;">just reaper...</a>
82
84
</div>
83
85
<a style="color: light-dark(var(--light-accent), var(--dark-accent)); padding: 10px;" href="https://tangled.org/gayfamicom.lol/site"><small>website source!</small></a>
84
-
<a style="color: light-dark(var(--light-accent), var(--dark-accent)); padding: 10px;"><small>last modified: 2026-03-24T04:36:46Z</small></a>
86
+
<a style="color: light-dark(var(--light-accent), var(--dark-accent)); padding: 10px;"><small>last modified: 2026-04-07T01:07:26Z</small></a>
85
87
</body>
86
88
</html>
+2
blog.html
+2
blog.html
+2
guestbook.html
+2
guestbook.html
+3
-1
index.html
+3
-1
index.html
···
50
50
</footer>
51
51
52
52
<body>
53
+
<bg-gradient aria-hidden="true"></bg-gradient>
54
+
<bg aria-hidden="true"></bg>
53
55
<div class="main">
54
56
<div style="margin-bottom: 10px">
55
57
<a>a collections of buttons!</a>
···
104
106
</div>
105
107
</div>
106
108
<a style="color: light-dark(var(--light-accent), var(--dark-accent)); padding: 10px;" href="https://tangled.org/gayfamicom.lol/site"><small>website source!</small></a>
107
-
<a style="color: light-dark(var(--light-accent), var(--dark-accent)); padding: 10px;"><small>last modified: 2026-03-24T23:28:06Z</small></a>
109
+
<a style="color: light-dark(var(--light-accent), var(--dark-accent)); padding: 10px;"><small>last modified: 2026-04-07T01:07:26Z</small></a>
108
110
</body>
109
111
<a rel="me" href="https://fuzzies.wtf/@gayfamicom"></a>
110
112
<a rel="me" href="https://app.wafrn.net/blog/gayfamicom"></a>
+30
styles.css
+30
styles.css
···
1
+
bg {
2
+
background: url("./assets/images/pfp.jpg");
3
+
background-repeat: repeat;
4
+
animation: 60s linear infinite bg-move;
5
+
opacity: .15;
6
+
display: block;
7
+
position: fixed;
8
+
z-index: -10000;
9
+
height: 100% !important;
10
+
width: 100% !important;
11
+
inset: 0 !important;
12
+
}
13
+
@keyframes bg-move {
14
+
0% {
15
+
background-position: 0 0;
16
+
}
17
+
18
+
100% {
19
+
background-position: -960px -960px;
20
+
}
21
+
}
22
+
bg-gradient {
23
+
background: linear-gradient(color-mix(in srgb, light-dark(var(--light-accent), var(--dark-accent)) 5%, light-dark(var(--light-background), var(--dark-background))), color-mix(in srgb, light-dark(var(--light-accent), var(--dark-accent)) 30%, light-dark(var(--light-background), var(--dark-background))));
24
+
z-index: -100001;
25
+
background-repeat: repeat;
26
+
position: fixed;
27
+
width: 100%!important;
28
+
height: 100%!important;
29
+
inset: 0!important;
30
+
}
1
31
:root {
2
32
color-scheme: light dark;
3
33
--dark-background: #1e1e2e;