151 lines
No EOL
5.9 KiB
HTML
151 lines
No EOL
5.9 KiB
HTML
__TEMPLATE_HEAD__
|
|
|
|
<script type="module" src="scripts/blog.js"></script>
|
|
<script type="module">
|
|
function timeAgo(input) {
|
|
const date = (input instanceof Date) ? input : new Date(input);
|
|
const formatter = new Intl.RelativeTimeFormat('en');
|
|
const ranges = [
|
|
['years', 3600 * 24 * 365],
|
|
['months', 3600 * 24 * 30],
|
|
['weeks', 3600 * 24 * 7],
|
|
['days', 3600 * 24],
|
|
['hours', 3600],
|
|
['minutes', 60],
|
|
['seconds', 1],
|
|
];
|
|
const secondsElapsed = (date.getTime() - Date.now()) / 1000;
|
|
|
|
for (const [rangeType, rangeVal] of ranges) {
|
|
if (rangeVal < Math.abs(secondsElapsed)) {
|
|
const delta = secondsElapsed / rangeVal;
|
|
return formatter.format(Math.round(delta), rangeType);
|
|
}
|
|
}
|
|
}
|
|
|
|
const req = await fetch("https://status.cafe/users/sophie.atom");
|
|
const parser = new DOMParser();
|
|
const doc = parser.parseFromString(await req.text(), "text/xml");
|
|
const latestEntryRaw = doc.querySelector("feed > entry");
|
|
const latestEntry = {
|
|
username: doc.querySelector("feed > author > name").textContent,
|
|
status: latestEntryRaw.querySelector("content").textContent,
|
|
title: latestEntryRaw.querySelector("title").textContent,
|
|
updated: new Date(latestEntryRaw.querySelector("updated").textContent)
|
|
}
|
|
latestEntry.emoji = latestEntry.title.slice(latestEntry.username.length).slice(0, -Math.min(latestEntry.status.length, 53)).trim()
|
|
const statusElement = document.getElementById("status");
|
|
const h2 = document.createElement("h2");
|
|
const a = document.createElement("a");
|
|
const p = document.createElement("p");
|
|
|
|
a.href = "https://status.cafe/users/" + latestEntry.username;
|
|
a.innerText = latestEntry.emoji + " " + latestEntry.username;
|
|
h2.appendChild(a);
|
|
h2.innerHTML += " - " + timeAgo(latestEntry.updated);
|
|
|
|
p.style.textAlign = "end";
|
|
p.innerText = latestEntry.status;
|
|
|
|
statusElement.appendChild(h2);
|
|
statusElement.appendChild(p);
|
|
</script>
|
|
<script>
|
|
window.addEventListener("load", () => {
|
|
const stickers = document.getElementById("stickers");
|
|
if (!stickers) return;
|
|
|
|
for (const sticker of __STICKERS__) {
|
|
const img = document.createElement("img");
|
|
img.src = "assets/stickers/" + sticker;
|
|
stickers.appendChild(img);
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<link rel="stylesheet" href="assets/style.css">
|
|
</head>
|
|
|
|
<body class="repeating-bg">
|
|
<div class="order">
|
|
<div class="paper details">
|
|
<h1><span class="emoji">☹️☹️☹️</span>.ovh</h1>
|
|
<p>I'm Latvian, 17. My name's Sophie <small>meows a lot</small>. I love listening to music.</p>
|
|
|
|
<p>I love to play games with peeps! My favorite games recently have been Minecraft and Stardew Valley! DM me
|
|
if you wanna play with me ^w^
|
|
</p>
|
|
|
|
<p>
|
|
DNI:
|
|
<br>
|
|
Interact: Any person ever
|
|
</p>
|
|
<h2>contact</h2>
|
|
<p>Contact me at <a href="https://matrix.to/#/@yourfriend:bark.lgbt">matrix</a>, <a
|
|
href="https://discord.com/users/845374523263811614">discord</a>, <a
|
|
href="https://github.com/fucksophie">github (view projects here)</a>, <a
|
|
href="https://git.sad.ovh/sophie">sadgit</a>, or <a
|
|
href="https://bark.lgbt/@yourfriend">mastodon.</a>
|
|
|
|
</p>
|
|
<p>E-mail: (run in JS) <span class="e-mail">new TextDecoder().decode(new Uint8Array([115, 111, 102, 105,
|
|
106, 97, 64,
|
|
100, 117, 99, 107, 46, 99, 111, 109]))</span></p>
|
|
<a href="assets/key.txt">Signing PGP key downloadable here.</a>
|
|
|
|
<h2>Include my 88x31 into your website!</h2>
|
|
<pre>
|
|
<a href="https://sad.ovh">
|
|
<img src="https://sad.ovh/assets/binkies/sadovh.png">
|
|
</a>
|
|
</pre>
|
|
</div>
|
|
<div class="paper donations">
|
|
<h1>donations</h1>
|
|
<ul>
|
|
<li>BTC <strong>bc1q83jdukjn4a2qm0rmn9tqcfkcq60la22lqy2shx</strong>
|
|
</li>
|
|
<li>ETH/BSC/USDT/USDC (send via BSC) <strong>0xc691cd8950Fdf96Faa2aCA1CA9b4B3Fd5B2a44BB</strong>
|
|
</li>
|
|
<li>SOL <strong>79NKoiXaPzbwbsD5MFKKwmoeEPKtTsoQFfx64MHmULF7</strong>
|
|
</li>
|
|
<li>XMR
|
|
<strong>
|
|
42iW3icQrybKYieQNSrm76dXetuXD6HaxZDijajXkge7GTSKVG4NefxBj3mbWudpY62dxRTihm4beJgy36X8xFKCTWpVAjS
|
|
</strong>
|
|
</li>
|
|
<li>
|
|
<a href="https://ko-fi.com/sophskofi">Ko-fi</a>, Paypal (DM or Email me)
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="paper skills">
|
|
<h1>Skills</h1>
|
|
<!--replace this with Code::Stats once I've actually gotten some time on there-->
|
|
<ul>
|
|
<li>Around 8 years of near constant JS/TS development. Full-Stack, including discord bots.</li>
|
|
<li>3 years of TSX</li>
|
|
<li>SQL and PostgreSQL(pSQL) since I started development.</li>
|
|
<li>Lots of webdev build tools and more. <a href="https://git.sad.ovh/sophie/website">This site uses my
|
|
own build tools.</a></li>
|
|
<li>9 years of Java development. Mostly Minecraft plugins and MC related projects.</li>
|
|
</ul>
|
|
</div>
|
|
<div class="paper blog" id="root"></div>
|
|
<div class="paper stickers" id="stickers"></div>
|
|
<div class="paper status" id="status"></div>
|
|
<div class="paper binkies">
|
|
<a href="https://sad.ovh">
|
|
<img src="/assets/binkies/sadovh.png">
|
|
</a>
|
|
<a href="https://oon.nz/">
|
|
<img src="/assets/binkies/onzecki.png">
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</body>
|
|
|
|
</html> |