fuzzko.neocities.org
:3 website
komo.is-a.dev
1<!DOCTYPE html>
2<!-- saved from url=(0029)https://fuzzko.neocities.org/ -->
3<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
4
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>komo's hidden lair</title>
7
8 <link rel="icon" href="https://fuzzko.neocities.org/assets/icon-48.svg" type="image/svg+xml" sizes="any">
9
10 <style>
11 @import url("/assets/style.css");
12
13 :root {
14 --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
15 }
16
17 @keyframes cursor-blinking {
18 0% { opacity: 0%; }
19 5% { opacity: 100%; }
20 15% { opacity: 100%; }
21 100% { opacity: 0%; }
22 }
23
24 .cursor-blinking {
25 display: inline-block;
26
27 background-color: var(--primary-fg);
28
29 width: 0.8em;
30 height: 0.25ex;
31
32 margin-left: -0.5em;
33
34 animation-name: cursor-blinking;
35 animation-duration: 1s;
36 animation-timing-function: var(--ease-out-quart);
37 animation-iteration-count: infinite;
38 }
39 </style>
40 </head>
41 <body>
42 <div class="page">
43 <div style="width: fit-content; margin-inline: auto;">
44 <h1 class="header">
45 <span>{ komo's hidden lair }</span>
46 <!--<div class="cursor-blinking"></div>-->
47 </h1>
48 <sub class="text">~ furry on the web playing with computers :3</sub>
49 </div>
50 <br>
51
52 <div class="content">
53 <div id="about-me">
54 <h2 class="subheader">= About Me =</h2>
55 <p class="ubuntu-mono-regular">
56 Just a furry from 🇮🇩 bashing keyboard on daily basis, you can call me Komo (/ˈkoʊmoʊ/).
57 <br><br>
58
59 I'm using <a class="simple-a" href="https://nixos.org/"><i class="nf nf-dev-nixos nixos-nf nf-icon"></i></a> and <i class="nf nf-dev-android android-nf nf-icon"></i> for daily use, and I'm also stupidly invested into it.
60 <br><br>
61
62 Blame me if this site is poorly made, I made it with procrastination.
63 </p>
64 </div>
65 <div id="social">
66 <h2 class="subheader">= Links =</h2>
67 <p class="link-a">
68 <a href="https://fuzzko.github.io/">digital garden</a><br>
69 <a href="https://tangled.org/fuzzko.neocities.org">tangled</a><br>
70 <a href="https://github.com/fuzzko">github</a><br>
71 <a href="https://bsky.app/profile/fuzzko.neocities.org">bluesky</a><br>
72 <a href="https://discord.com/users/735137641418195094">discord</a><br>
73 <a href="https://www.instagram.com/fuzzkomo">instagram</a><br>
74 <a href="https://saweria.co/fuzzko">saweria</a><br>
75 </p>
76 </div>
77 <div id="posts">
78 <h2 class="subheader">= Latest Posts =</h2>
79 <p class="link-a">
80 <span><a href="http://www.example.com/blog/post/1">Example entry | Monday, 7 September 2009</a><br></span>
81 ...
82 <script async="" type="module">
83 import { parseRssFeed } from "https://esm.sh/feedsmith@2.8";
84
85 const list = document.querySelector("#posts > p > span");
86
87 const rssFeed = await fetch("/index.xml")
88 .then(resp => resp.blob())
89 .then(blob => blob.text());
90 const rss = parseRssFeed(rssFeed);
91
92 const formatOptions = {
93 weekday: "long",
94 year: "numeric",
95 month: "long",
96 day: "numeric",
97 };
98
99 for (const item of rss.items.slice(-4)) {
100 const date = new Date(item.pubDate);
101 const template = `<a href="${item.link}">${item.title} | ${date.toLocaleDateString("en-GB", formatOptions)}</a><br/>`;
102 list.insertAdjacentHTML("beforeend", template);
103 }
104 </script>
105 </p>
106 </div>
107 </div>
108 </div>
109
110
111</body></html>