proven.lolhttps://melkat.blog
HASH aac4504eaa943077bf124eaa0ad5c92a
This item was proven by @melanie on 2023-04-05T02:34:18+00:00.
Evidence
This is a copy of the web page retrieved on 2023-04-05T02:34:18+00:00. Show the proof snippet.
<!DOCTYPE html>
<html lang="en"><head>
<title>melkat.blog - hi there! please enjoy my blog!</title>
<meta charset="utf-8">
<meta name="description" content="hi there! please enjoy my blog!">
<meta name="keywords" content="melkat, blog">
<meta name="viewport" content="initial-scale=1.0, width=device-width">
<meta property="og:description" content="hi there! please enjoy my blog!">
<meta property="og:image:height" content="630">
<meta property="og:image:width" content="1200">
<meta property="og:image" content="https://melkat.blog/cover.png">
<meta property="og:title" content="melkat.blog - hi there! please enjoy my blog!">
<meta property="og:type" content="website">
<meta property="og:url" content="https://melkat.blog">
<meta property="omg:proof" content="proven.lol/5a9e6f">
<link rel="alternate" type="application/feed+json" title="melkat.blog" href="/feed.json">
<link rel="alternate" type="application/rss+xml" title="melkat.blog" href="/rss.xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="canonical" href="https://melkat.blog">
<link rel="icon" href="/favicon.ico">
<link rel="mask-icon" sizes="any" href="/mask-icon.svg" color="#0caceb">
<link rel="stylesheet" href="/_astro/404.f32faad4.css">
<link rel="stylesheet" href="/_astro/_page_.1fc817b5.css"></head>
<body class="font-sans max-w-xl mx-auto px-2">
<header role="banner">
<h1 class="font-light text-4xl my-6">
<a href="/" class="no-underline hover:underline">
<div class="inline-block mr-2 align-middle" title="emoji by dzuk.zone">
<svg width="64" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" clip-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="1.5"><path fill="none" d="M0 0h40v40H0z"></path><path d="M25.373 8.27a12.995 12.995 0 0 1 6.126-3.841L33 4l.296 2.965a14.918 14.918 0 0 1-1.663 8.472A11.992 11.992 0 0 1 33 20.998v7.392a1.561 1.561 0 0 0 3 .61v.631A3.369 3.369 0 0 1 32.631 33h-.676a3.368 3.368 0 0 1-1.97-.636A5.116 5.116 0 0 0 32 35h-.001a8.108 8.108 0 0 1-3.705-.453c.081.19.168.378.261.563L29 36a9 9 0 0 1-4.781-1.375l-1.096.876a4.998 4.998 0 0 1-6.246 0l-1.096-.876A9 9 0 0 1 11 36l.445-.89c.093-.185.18-.373.261-.563A8.108 8.108 0 0 1 8.001 35H8a5.116 5.116 0 0 0 2.015-2.636 3.368 3.368 0 0 1-1.97.636h-.676A3.369 3.369 0 0 1 4 29.631V29l.002.005A1.562 1.562 0 0 0 7 28.39v-7.392c0-1.955.477-3.86 1.367-5.561a14.918 14.918 0 0 1-1.663-8.472L7 4l1.501.429a12.995 12.995 0 0 1 6.126 3.841A12.003 12.003 0 0 1 20 7s0 0 0 0c1.883 0 3.721.443 5.373 1.27Z" fill="none" stroke="#000" stroke-width="4"></path><path d="M20 27.056A9 9 0 0 1 11 36l.445-.89c.093-.185.18-.373.261-.563A8.108 8.108 0 0 1 8.001 35H8a5.117 5.117 0 0 0 2.126-5.498l-.086-.341a16.022 16.022 0 0 1 .138-8.285L11 18h5a.997.997 0 0 1 1 1h6v-.001c0-.552.447-.999.999-.999H29l.822 2.876c.772 2.702.819 5.559.138 8.285l-.086.341A5.117 5.117 0 0 0 32 35h-.001a8.108 8.108 0 0 1-3.705-.453c.081.19.168.378.261.563L29 36a9 9 0 0 1-9-9v.056Z" fill="#573421"></path><path d="M8.815 14.653A11.996 11.996 0 0 1 20 7a11.996 11.996 0 0 1 11.185 7.653A11.994 11.994 0 0 1 33 20.998v7.392a1.561 1.561 0 0 0 3 .61v.631A3.369 3.369 0 0 1 32.631 33h-.676a3.369 3.369 0 0 1-2.925-1.698L26.571 27H13.429l-2.459 4.302A3.369 3.369 0 0 1 8.045 33h-.676A3.369 3.369 0 0 1 4 29.631V29l.002.005A1.562 1.562 0 0 0 7 28.39v-7.392c0-2.261.638-4.457 1.815-6.345Z" fill="#875033"></path><path d="m24 19-1-7 .443-.885a12.998 12.998 0 0 1 8.056-6.686L33 4l.296 2.965a14.916 14.916 0 0 1-4.295 12.034L29 19h-5Z" fill="#fbfbfb"></path><path d="m24 19-1-7 .443-.885a12.998 12.998 0 0 1 8.056-6.686L33 4l.296 2.965a14.916 14.916 0 0 1-4.295 12.034L29 19h-5Zm4.577-1h-3.71l-.833-5.832.303-.606a12.004 12.004 0 0 1 7.436-6.172l.351-.1.177 1.774A13.918 13.918 0 0 1 28.577 18Zm-4.712-5.499-.019.031.019-.031Zm.028-.053-.022.043.022-.043ZM16 19l1-7-.443-.885a12.998 12.998 0 0 0-8.056-6.686L7 4l-.296 2.965a14.916 14.916 0 0 0 4.295 12.034L11 19h5Z" fill="#fbfbfb"></path><path d="M11.949 19H11l-.001-.001A14.916 14.916 0 0 1 6.704 6.965L7 4l1.501.429a12.998 12.998 0 0 1 8.056 6.686L17 12l-1 7h-4c0-.118-.021-.232-.058-.337a.644.644 0 0 1 .007.337Zm-.242-.707.006.006-.006-.006Zm4.259-6.125L15.133 18h-3.71A13.918 13.918 0 0 1 7.699 7.064l.177-1.774.351.1a12.004 12.004 0 0 1 7.436 6.172l.303.606Z" fill="#fbfbfb"></path><path d="m32.5 5-1.026.456a9.69 9.69 0 0 0-4.972 5.039L25 14v5h3a14.565 14.565 0 0 0 4.679-12.387L32.5 5ZM7.5 5l1.026.456a9.69 9.69 0 0 1 4.972 5.039L15 14v5h-3A14.565 14.565 0 0 1 7.321 6.613L7.5 5Z" fill="#ffb4b7"></path><path d="m29.5 9 2-1v.197A3.369 3.369 0 0 1 30 11s0 0 0 0h1c0 .625-.312 1.208-.832 1.555L29.5 13M10.5 9l-2-1v.197c0 1.127.563 2.178 1.5 2.803 0 0 0 0 0 0H9h0c0 .625.312 1.208.832 1.555L10.5 13" fill="none" stroke="#ef8e91"></path><g><path d="M10 23.536V20c0-5.523 4.477-10 10-10s10 4.477 10 10v3.536c-.589-.341-1.886 7.463-1.829 7.46a9.759 9.759 0 0 1-1.837 1.937l-3.211 2.568a4.998 4.998 0 0 1-6.246 0l-3.211-2.568a9.759 9.759 0 0 1-1.837-1.937c.057.003-1.24-7.801-1.829-7.46Z" fill="#fbd7c1"></path><path d="M10 23.536A4.001 4.001 0 0 1 16 27a4.001 4.001 0 0 1-4.171 3.996A9.765 9.765 0 0 1 10 25.305v-1.769Zm18.171 7.46A4.001 4.001 0 0 1 24 27a4.001 4.001 0 0 1 6-3.464v1.769a9.765 9.765 0 0 1-1.829 5.691Z" fill="#f9bfb1"></path>
</g><g><path d="m15 30 3 2h3l4-2v.849c0 .762-.123 1.52-.364 2.243L24 35h-8l-.636-1.908A7.096 7.096 0 0 1 15 30.849V30Z" fill="none"></path><clipPath id="a"><path d="m15 30 3 2h3l4-2v.849c0 .762-.123 1.52-.364 2.243L24 35h-8l-.636-1.908A7.096 7.096 0 0 1 15 30.849V30Z"></path>
</clipPath><g clip-path="url(#a)" fill="none" stroke="#e0af91" stroke-width="2"><path d="m24.5 30.5-1.75 3-.5-1.5 2.25-1.5ZM15.5 30.5l1.75 3 .5-1.5-2.25-1.5Z"></path>
</g><path d="m16 31 .419-.419A3.103 3.103 0 0 1 20 30a3.103 3.103 0 0 1 3.581.581L24 31l-2 1h-3l-3-1Z" fill="#e74572"></path><path d="m16 31 .891 1.336A3.734 3.734 0 0 0 19.999 34h.002a3.734 3.734 0 0 0 3.108-1.664L24 31l-2 1h-3l-3-1Z" fill="#e74572"></path><path d="m15 30 3 2h3l4-2h3v5H12v-5h3Z" fill="none"></path><clipPath id="b"><path d="m15 30 3 2h3l4-2h3v5H12v-5h3Z"></path>
</clipPath><g clip-path="url(#b)" fill="#fff"><path d="m24.5 30.5-1.75 3-.5-1.5 2.25-1.5ZM15.5 30.5l1.75 3 .5-1.5-2.25-1.5Z"></path>
</g><path d="m15.5 30.5.019.014A7.426 7.426 0 0 0 19.977 32h.046a7.426 7.426 0 0 0 4.458-1.486l.019-.014" fill="none" stroke="#6f273b" stroke-width="1.5"></path><path d="M24.984 22.127 22 22.5v-.752A2.748 2.748 0 0 1 24.748 19h.449c1.176 0 2.325.348 3.303 1l-.959.767c.298.524.459 1.12.459 1.733v.5c0 .796-.316 1.559-.879 2.121A2.996 2.996 0 0 1 25 26h-.5l.484-3.873Zm-12.525-1.36L11.5 20c.978-.652 2.127-1 3.303-1h.449A2.748 2.748 0 0 1 18 21.748v.752l-2.984-.373L15.5 26H15a2.996 2.996 0 0 1-2.121-.879A2.996 2.996 0 0 1 12 23v-.5c0-.613.161-1.209.459-1.733Z" fill="#7e6c61"></path><path d="M27 22.5a2.5 2.5 0 1 0-5 0v1a2.5 2.5 0 1 0 5 0v-1ZM13 22.5a2.5 2.5 0 1 1 5 0v1a2.5 2.5 0 1 1-5 0v-1Z" fill="#fff"></path><path d="M15 22a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0v-2ZM25 22a1 1 0 0 0-2 0v2a1 1 0 0 0 2 0v-2Z" fill="#cd761d"></path><path d="M21.5 16.75 22 18l.446-.149A7.352 7.352 0 0 1 27.5 18l-.68-.397a7.434 7.434 0 0 0-4.969-.911 64.02 64.02 0 0 0-.351.058ZM18.5 16.75 18 18l-.446-.149A7.352 7.352 0 0 0 12.5 18l.68-.397a7.434 7.434 0 0 1 4.969-.911l.351.058Z" fill="#604333"></path><path d="m18.5 27 1.506 1 1.494-1" fill="none" stroke="#db9f7b" stroke-width="1.5"></path>
</g><g><path d="m14 14 1-2-.445-.074a5.499 5.499 0 0 0-6.351 4.649l-.38 2.654a8.78 8.78 0 0 0 4.175 8.77L12 28l-.629-1.886A7.237 7.237 0 0 1 11 23.826v-5.665A4.386 4.386 0 0 1 13.999 14H14ZM32 27.573v-5.104 5.104ZM15.623 9.812c1.129-.042 1.458-.136 2.764.117.355.068 4.428.538 7.865 3.03C29.428 15.262 32 19.472 32 22.453v-2.224C32 14.027 26.973 9 20.771 9h-2.672c-.9 0-1.766.29-2.476.812Z" fill="#875033"></path><path d="M14 14v-.001c1.263-1.799 2.187-2.953 4.456-2.514.684.132 1.972.201 2.726.347 5.389 1.043 8.579 5.28 8.579 10.769 0 2.185-1.011 8.323-1.604 8.385.103.009.208.014.313.014h.103A3.427 3.427 0 0 0 32 27.573v-5.12A12.959 12.959 0 0 0 21.504 9.731l-2.172-.42a5.827 5.827 0 0 0-3.709.501A4.178 4.178 0 0 0 14 14Z" fill="#598b7e"></path><path d="M17 13.118v.883a6.097 6.097 0 0 0 4.902 5.979L22 20a6.847 6.847 0 0 1-1.299-1.814A5.983 5.983 0 0 0 25 20a9.489 9.489 0 0 1-.728-1.982A5.489 5.489 0 0 0 28.5 20a9.46 9.46 0 0 1-.914-2.966A8.833 8.833 0 0 1 29 21.827v3.051A3.22 3.22 0 0 1 25.002 28H25l.219.657a3.428 3.428 0 0 0 2.938 2.329 2.616 2.616 0 0 0 2.343-2.602v-5.931a11.458 11.458 0 0 0-9.281-11.249l-2.172-.421A4.35 4.35 0 0 0 14 13.999V14l1.635-.545A8.834 8.834 0 0 1 17 13.118Z" fill="#3ee6f1"></path>
</g>
</svg>
</div>melkat.blog
</a>
</h1>
</header>
<main role="main">
<article class="pb-8 mb-8 border-solid border-b cv-auto border-black/10 dark:border-white/25">
<h2 class="mb-4 text-xl font-medium">
<a href="/p/links-for-2023-04-02" class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" aria-label="Permalink for Here's Some Links, Apr 2, 2023">
Here's Some Links, Apr 2, 2023
</a>
</h2>
<p class="uppercase text-sm my-4">
<time datetime="2023-04-03T05:59:25.000Z">
Mon, Apr 3, 2023
</time>
</p>
<div class="prose prose-melkat dark:prose-invert my-4"><p>Here’s what I’ve enjoyed over the last few weeks. These will continue to be a little all over the place, but that is just a reflection of who I am.</p>
<ul>
<li><a href="https://youtu.be/hIOT-Zkf9Qo">Why Japan’s Northern Dialects are Shorthand for “Hick”</a><br>
That’s a lot of Japanese dialects to keep track of!</li>
<li><a href="https://apps.apple.com/us/app/arc-mobile-companion/id1669785846">Arc | Mobile Companion</a><br>
I absolutely love the Arc browser on Mac, so yes I am very excited for their iOS app</li>
<li><a href="https://www.pcgamer.com/former-sims-lead-says-men-would-lie-about-how-they-played-during-focus-groups-actually-what-you-did-is-you-redecorated-that-bathroom/">Former Sims lead says men would lie about how they played during focus groups: ‘Actually, what you did is you redecorated that bathroom’</a><br>
“We won’t spy on you having sex like they do over at Electronic Arts” is a pretty unique selling point for a game</li>
<li><a href="https://www.youtube.com/watch?v=bxyDPJeStVo">Silicon Valley’s Midlife Crisis Is Destroying The Internet</a><br>
A good recap of the last 15 years of big tech trash from Ryan Broderick</li>
<li><a href="https://www.vice.com/en/article/n7ewy7/non-disparagement-clauses-are-retroactively-voided-nlrbs-top-cop-clarifies">Non-Disparagement Clauses Are Retroactively Voided, NLRB’s Top Cop Clarifies</a><br>
Don’t forget you are now free to disparage your former employers. I’ll go first: every one of my former CEOs smelled like butts. Stinky butts.</li>
<li><a href="https://www.youtube.com/watch?v=NuGrbQq2lAk">Remember When Microsoft Lied to Us?</a><br>
Why does Microsoft needs to spend all that money on OpenAI when they were doing all this stuff back in 2009 with Project Natal and Milo. lol.</li>
<li><a href="https://www.bitestring.com/posts/2023-03-19-web-fingerprinting-is-worse-than-I-thought.html">Web fingerprinting is worse than I thought - Bitestring’s Blog</a><br>
Right now Firefox is the only browser where you can turn off the new methods being tracked online with fingerprinting and it’s not on by default. (It may break some websites? I haven’t had any trouble yet.)</li>
<li><a href="https://armoxon.substack.com/p/the-case-for-shunning">The Case For Shunning</a><br>
Damn I wish these people were being silenced, then I wouldn’t have to hear their bigoted tirades anymore.</li>
<li><a href="https://sfstandard.com/arts-culture/redditors-say-this-japanese-hillside-is-a-dead-ringer-for-san-francisco/">Redditors Say This Japanese Hillside is a Dead Ringer for SF</a><br>
When you’re going to east San Francisco…</li>
<li><a href="https://www.theverge.com/2023/3/18/23640484/lumafield-neptune-ct-scanner-3d-x-ray-hands-on-interview">The Lumafield Neptune X-rayed my gadgets — let me show you</a><br>
I too like to think I compete with cutting things open with a saw</li>
<li><a href="https://techcrunch.com/2023/03/01/us-postal-service-change-of-address-fraud/">The life-upending flaw that USPS won’t fix</a><br>
If you have a dollar and ten cents you can get anyone’s mail</li>
<li><a href="https://forum.obsidian.md/t/gems-of-the-year-2022-winners/54903">Gems of the Year 2022 Winners</a><br>
There are some fun Obsidian plugins and themes in here</li>
<li><a href="https://maxread.substack.com/p/can-orb-unseat-cube-in-the-geometric">Can Orb unseat Cube in the Geometric Solid Power Rankings?</a><br>
The results of the geometric solid power rankings you requested are here</li>
</ul>
<p><em>For more, follow <a href="https://nyan.lol/@links">@links@nyan.lol</a> on Mastodon</em></p></div>
<ul class="list-none mt-4">
<li class="inline-block uppercase my-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/p/links-for-2023-04-02" aria-label="Permalink for Here's Some Links, Apr 2, 2023"><span role="img" aria-label="Star icon">★</span> Permalink
</a>
</li>
<li class="inline-block uppercase my-1">•</li>
<li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/post" aria-label="Posts tagged #post">#post
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/link-list" aria-label="Posts tagged #link-list">#link-list
</a>
</li>
</ul>
</article><article class="pb-8 mb-8 border-solid border-b cv-auto border-black/10 dark:border-white/25">
<picture>
<source type="image/avif" srcset="/_image?f=avif&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Flastfm-to-mastodon.png 120w,/_image?f=avif&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Flastfm-to-mastodon.png 240w,/_image?f=avif&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Flastfm-to-mastodon.png 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/webp" srcset="/_image?f=webp&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Flastfm-to-mastodon.png 120w,/_image?f=webp&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Flastfm-to-mastodon.png 240w,/_image?f=webp&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Flastfm-to-mastodon.png 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/png" srcset="/_image?f=png&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Flastfm-to-mastodon.png 120w,/_image?f=png&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Flastfm-to-mastodon.png 240w,/_image?f=png&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Flastfm-to-mastodon.png 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)">
<img alt="Last.fm to Mastodon Profile" src="/_image?f=png&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Flastfm-to-mastodon.png" loading="lazy" decoding="async" class="h-16 rounded ml-2 mb-2 float-right">
</picture>
<h2 class="mb-4 text-xl font-medium">
<a href="https://paste.melkat.lol/last.fm-to-mastodon.js" class="text-cerulean-700 dark:text-cerulean-500 underline" aria-label="Link to Last.fm to Mastodon Profile">
Last.fm to Mastodon Profile
</a>
</h2>
<p class="uppercase text-sm my-4">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/d/melkat.lol" aria-label="Posts linking to melkat.lol">melkat.lol
</a>
•
<time datetime="2023-03-05T21:00:09.249Z">
Sun, Mar 5, 2023
</time>
</p>
<div class="prose prose-melkat dark:prose-invert my-4"><p>At this point I’m just coming up with reasons to play with the Mastodon API. I don’t know. I haven’t used <a href="https://www.last.fm/user/ZicklePop">Last.fm</a> in years but I started again recently just because I love logging things. I was also thinking what if I could automatically update my Mastodon profile with dynamic content. Mastodon profiles, by default, have up to four fields you can customize the label and content of. A common use for one of the fields to list their pronouns, link to their website, or share their location, so why not your last played track from Last.fm? My script works can work in two ways: it will look for a field titled <code>Last.fm</code> and set the value to the last played track, or it will look for a field value of a <code>last.fm</code> url and set the field title to the last played track.</p>
<p>This script requires <a href="https://scriptable.app">Scriptable.app</a> but it can easily be converted to just run with Node. You will need to setup the config portion of the script with your Last.fm username, <a href="https://www.last.fm/api">Last.fm API key</a>, Mastodon instance, and Mastodon token. I hope that doesn’t sound like a lot. I’ve documented the code a bit to help you through all of this.</p>
<p>As always, if you have an questions or need help reach out to me on <a href="https://nyan.lol/@zicklepop">Mastodon</a>.</p></div>
<ul class="list-none mt-4">
<li class="inline-block uppercase my-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/p/lastfm-to-mastodon" aria-label="Permalink for Last.fm to Mastodon Profile"><span role="img" aria-label="Star icon">★</span> Permalink
</a>
</li>
<li class="inline-block uppercase my-1">•</li>
<li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/link" aria-label="Posts tagged #link">#link
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/mastodon" aria-label="Posts tagged #mastodon">#mastodon
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/lastfm" aria-label="Posts tagged #lastfm">#lastfm
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/scriptable" aria-label="Posts tagged #scriptable">#scriptable
</a>
</li>
</ul>
</article><article class="pb-8 mb-8 border-solid border-b cv-auto border-black/10 dark:border-white/25">
<picture>
<source type="image/avif" srcset="/_image?f=avif&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Fessential-apps.jpg 120w,/_image?f=avif&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Fessential-apps.jpg 240w,/_image?f=avif&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fessential-apps.jpg 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/webp" srcset="/_image?f=webp&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Fessential-apps.jpg 120w,/_image?f=webp&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Fessential-apps.jpg 240w,/_image?f=webp&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fessential-apps.jpg 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/jpeg" srcset="/_image?f=jpg&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Fessential-apps.jpg 120w,/_image?f=jpg&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Fessential-apps.jpg 240w,/_image?f=jpg&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fessential-apps.jpg 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)">
<img alt="My Essential Apps" src="/_image?f=jpg&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fessential-apps.jpg" loading="lazy" decoding="async" class="h-16 rounded ml-2 mb-2 float-right">
</picture>
<h2 class="mb-4 text-xl font-medium">
<a href="https://melkat.notion.site/melkat/4e7c399f100c46eeae6d04d1dcd644a0" class="text-cerulean-700 dark:text-cerulean-500 underline" aria-label="Link to My Essential Apps">
My Essential Apps
</a>
</h2>
<p class="uppercase text-sm my-4">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/d/notion.site" aria-label="Posts linking to notion.site">notion.site
</a>
•
<time datetime="2023-02-21T06:09:03.490Z">
Tue, Feb 21, 2023
</time>
</p>
<div class="prose prose-melkat dark:prose-invert my-4"><p>I often recommend a lot of apps for different platforms to people, so I decided to catalogue them recently. I admins, it is a little much, lol, and I don’t know how I’m going to keep it updated. I might not, but a lot of these apps have been with me for a long time.</p>
<p>I do want to comment on how I listed the prices: the cost to avoid subscriptions is what I listed. Some of these apps are free, and you may not need to pay for them, or you could pay less, but I thought it was important to set expectations up front.</p></div>
<ul class="list-none mt-4">
<li class="inline-block uppercase my-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/p/essential-apps" aria-label="Permalink for My Essential Apps"><span role="img" aria-label="Star icon">★</span> Permalink
</a>
</li>
<li class="inline-block uppercase my-1">•</li>
<li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/link" aria-label="Posts tagged #link">#link
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/apps" aria-label="Posts tagged #apps">#apps
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/me" aria-label="Posts tagged #me">#me
</a>
</li>
</ul>
</article><article class="pb-8 mb-8 border-solid border-b cv-auto border-black/10 dark:border-white/25">
<h2 class="mb-4 text-xl font-medium">
<a href="/p/verify-commits" class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" aria-label="Permalink for How to Verify Your Commits">
How to Verify Your Commits
</a>
</h2>
<p class="uppercase text-sm my-4">
<time datetime="2023-02-21T05:49:38.453Z">
Tue, Feb 21, 2023
</time>
</p>
<div class="prose prose-melkat dark:prose-invert my-4"><p>Anyone can be anyone when it comes to commits. For example, <a href="https://github.com/torvalds/linux/tree/8bcab0346d4fcf21b97046eb44db8cf37ddd6da0">here is a commit where ””Linus Torvalds”” deletes Linux</a>. I put this document together for myself a while back, but I thought I would share it with other people who want a straightforward guide to setting up commit signing with GPG.</p>
<h2 id="instructions">Instructions</h2>
<ol>
<li>Install gpg <code>brew install gnupg2</code> (or <code>sudo apt-get install gnupg2</code>, etc)</li>
<li>Generate the key with <code>gpg --full-generate-key</code> (the default type is probably fine)</li>
<li>Make sure it is at least <code>4096</code> bits</li>
<li>Make sure you use your Github no-reply email or an email provided to your Github account.</li>
<li>Get the signing key by running <code>gpg --list-secret-keys --keyid-format=long</code></li>
</ol>
<ul>
<li>In the following list, the signing key is <code>3AA5C34371567BD2</code></li>
</ul>
<pre is:raw="" class="astro-code" style="background-color: #0d1117; overflow-x: auto;"><code><span class="line"><span style="color: #C9D1D9">sec 4096R/3AA5C34371567BD2 2016-03-10 [expires: 2017-03-10]</span></span>
<span class="line"><span style="color: #C9D1D9">uid Hubot </span></span>
<span class="line"><span style="color: #C9D1D9">ssb 4096R/42B317FD4BA89E7A 2016-03-10</span></span></code></pre>
<ol start="6">
<li>Get your public key by running <code>gpg --armor --export YOUR-SIGNING-KEY-HERE | pbcopy</code></li>
<li>Add your gpg key to your <a href="https://github.com/settings/keys">Github key settings</a></li>
<li>Turn on Vigilant mode at the bottom of that page.</li>
<li>Add your signing key to your Git config <code>git config --global user.signingkey YOUR-SIGNING-KEY-HERE</code></li>
<li>To sign all commits run <code>git config --global commit.gpgsign true</code></li>
<li>Add the GPG export to your zshconfig <code>echo 'export GPG_TTY=$(tty)' >> ~/.zshrc;</code></li>
</ol>
<h2 id="for-mac">For Mac</h2>
<ol>
<li>Mac: You can let Keychain manage your pin entry by running <code>brew install pinentry-mac</code></li>
<li>Tell gpg about it with <code>echo "pinentry-program $(which pinentry-mac)" >> ~/.gnupg/gpg-agent.conf</code></li>
<li>Restart gpg agent <code>killall gpg-agent</code></li>
</ol>
<h2 id="backup-key">Backup Key</h2>
<ol>
<li>Export the public key <code>gpg --export -a YOUR-SIGNING-KEY-HERE > gpg-public.asc</code></li>
<li>Export the private key <code>gpg --export-secret-keys -a YOUR-SIGNING-KEY-HERE > gpg-secret.asc</code></li>
<li>You now should have two files <code>gpg-public.asc</code> and <code>gpg-secret.asc</code> in your current directory</li>
</ol>
<h2 id="restore-key">Restore Key</h2>
<ol>
<li>Import the public key <code>gpg --import gpg-pub.asc</code></li>
<li>Import the secret key <code>gpg --import gpg-sc.asc</code></li>
</ol>
<h2 id="references">References</h2>
<ul>
<li><a href="https://docs.github.com/en/authentication/managing-commit-signature-verification/generating-a-new-gpg-key">Generating a new GPG key</a></li>
<li><a href="https://docs.github.com/en/authentication/managing-commit-signature-verification/adding-a-new-gpg-key-to-your-github-account">Adding a new GPG key to your GitHub account</a></li>
<li><a href="https://docs.github.com/en/authentication/managing-commit-signature-verification/displaying-verification-statuses-for-all-of-your-commits#enabling-vigilant-mode">Enabling Vigilant mode</a></li>
<li><a href="https://docs.github.com/en/authentication/managing-commit-signature-verification/telling-git-about-your-signing-key">Telling Git about your signing key</a></li>
<li><a href="https://gist.github.com/angela-d/8b27670bac26e4bf7c431715fef5cc51">Migrate GPG Keys from One Workstation to Another</a></li>
</ul></div>
<ul class="list-none mt-4">
<li class="inline-block uppercase my-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/p/verify-commits" aria-label="Permalink for How to Verify Your Commits"><span role="img" aria-label="Star icon">★</span> Permalink
</a>
</li>
<li class="inline-block uppercase my-1">•</li>
<li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/post" aria-label="Posts tagged #post">#post
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/git" aria-label="Posts tagged #git">#git
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/how-to" aria-label="Posts tagged #how-to">#how-to
</a>
</li>
</ul>
</article><article class="pb-8 mb-8 border-solid border-b cv-auto border-black/10 dark:border-white/25">
<h2 class="mb-4 text-xl font-medium">
<a href="/p/links-for-2023-02-16" class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" aria-label="Permalink for Here's Some Links, Feb 16, 2023">
Here's Some Links, Feb 16, 2023
</a>
</h2>
<p class="uppercase text-sm my-4">
<time datetime="2023-02-17T05:59:35.000Z">
Fri, Feb 17, 2023
</time>
</p>
<div class="prose prose-melkat dark:prose-invert my-4"><p>I’m trying to get better at bookmarking and categorizing things so I can find them later. In the process, I’ve started posting the links I’m excited about to Mastodon from time to time, and now I’m collecting some of them here.</p>
<ul>
<li><a href="https://www.theverge.com/2023/2/15/23601139/poker-face-season-2-peacock">Peacock’s all in for Poker Face season 2</a><br>
More Poker Face!!! More Natasha Lyonne!!!</li>
<li><a href="https://www.welcometohellworld.com/bachelor-parties-suck-so-bad/">Bachelor parties suck so bad</a><br>
from Monday’s Hell World</li>
<li><a href="https://blog.piapro.net/2023/02/mk232101.html">初音ミク×よみうりランド2023 ～初音ミク16周年記念～ 開催決定！ – 初音ミク公式ブログ</a><br>
I am really jealous I wont be able to attend this year’s Miku × Yomiuri Land collab. I was able to attend one a few years ago and it was <em>so</em> cool. MIKU WITH A SEA LION!!!</li>
<li><a href="https://www.youtube.com/watch?v=p2onuBxhafg">Don’t Get In The Kiln</a><br>
If you haven’t seen Aunty Donna’s comedy before you should fix that</li>
<li><a href="https://seldo.com/posts/the_case_for_frameworks/">The case for frameworks</a><br>
“The case for frameworks”, a rebuttal to an angry guy online who calls people “stupid” for growing as developers over time, especially for using ReactJS. The original piece feels like one of those tongue-in-cheek “they played us for fools” memes without the sense of irony.</li>
<li><a href="https://www.kickstarter.com/projects/cryptonfuturemedia/hatsune-miku-global-concert-hatsune-miku-expo-2023-vr">Hatsune Miku Global Concert “HATSUNE MIKU EXPO 2023 VR”</a><br>
New Hatsune Miku (online) Expo Kickstarter just dropped!!</li>
<li><a href="https://www.garbageday.email/p/an-investment-in-future-virality">An investment in future virality</a><br>
Read from the start for a good piece on the hell that is Mr. Beast</li>
</ul>
<p><em>For more, follow <a href="https://nyan.lol/@links">@links@nyan.lol</a> on Mastodon</em></p></div>
<ul class="list-none mt-4">
<li class="inline-block uppercase my-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/p/links-for-2023-02-16" aria-label="Permalink for Here's Some Links, Feb 16, 2023"><span role="img" aria-label="Star icon">★</span> Permalink
</a>
</li>
<li class="inline-block uppercase my-1">•</li>
<li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/post" aria-label="Posts tagged #post">#post
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/link-list" aria-label="Posts tagged #link-list">#link-list
</a>
</li>
</ul>
</article><article class="pb-8 mb-8 border-solid border-b cv-auto border-black/10 dark:border-white/25">
<h2 class="mb-4 text-xl font-medium">
<a href="https://mutuals.social" class="text-cerulean-700 dark:text-cerulean-500 underline" aria-label="Link to Mutuals.social">
Mutuals.social
</a>
</h2>
<p class="uppercase text-sm my-4">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/d/mutuals.social" aria-label="Posts linking to mutuals.social">mutuals.social
</a>
•
<time datetime="2023-02-15T23:57:20.976Z">
Wed, Feb 15, 2023
</time>
</p>
<div class="prose prose-melkat dark:prose-invert my-4"><p>Only Mutuals. That was the joke I couldn’t get out of my head. So I decided to make a website that only my mutual followers could access. Nothing risqué, just things for my friends: like the wallpapers I used to design and so on.</p>
<p>While I had been playing with the Mastodon API, I had not been playing with the authenticated part. So I built an application that authenticates you with your Mastodon server and then checks to see if you are following <a href="https://nyan.lol/@zicklepop">me</a> and if I am following you back. Nothing too fancy.</p></div>
<ul class="list-none mt-4">
<li class="inline-block uppercase my-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/p/mutuals-social" aria-label="Permalink for Mutuals.social"><span role="img" aria-label="Star icon">★</span> Permalink
</a>
</li>
<li class="inline-block uppercase my-1">•</li>
<li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/link" aria-label="Posts tagged #link">#link
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/me" aria-label="Posts tagged #me">#me
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/mastodon" aria-label="Posts tagged #mastodon">#mastodon
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/javascript" aria-label="Posts tagged #javascript">#javascript
</a>
</li>
</ul>
</article><article class="pb-8 mb-8 border-solid border-b cv-auto border-black/10 dark:border-white/25">
<picture>
<source type="image/avif" srcset="/_image?f=avif&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Ftoot-cards.png 120w,/_image?f=avif&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Ftoot-cards.png 240w,/_image?f=avif&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Ftoot-cards.png 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/webp" srcset="/_image?f=webp&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Ftoot-cards.png 120w,/_image?f=webp&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Ftoot-cards.png 240w,/_image?f=webp&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Ftoot-cards.png 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/png" srcset="/_image?f=png&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Ftoot-cards.png 120w,/_image?f=png&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Ftoot-cards.png 240w,/_image?f=png&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Ftoot-cards.png 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)">
<img alt="Toot.cards" src="/_image?f=png&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Ftoot-cards.png" loading="lazy" decoding="async" class="h-16 rounded ml-2 mb-2 float-right">
</picture>
<h2 class="mb-4 text-xl font-medium">
<a href="https://toot.cards" class="text-cerulean-700 dark:text-cerulean-500 underline" aria-label="Link to Toot.cards">
Toot.cards
</a>
</h2>
<p class="uppercase text-sm my-4">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/d/toot.cards" aria-label="Posts linking to toot.cards">toot.cards
</a>
•
<time datetime="2023-02-15T23:45:48.893Z">
Wed, Feb 15, 2023
</time>
</p>
<div class="prose prose-melkat dark:prose-invert my-4"><p>Over the past few months, I decided to familiarize myself with how the Mastodon APIs work across all servers, so I put together this site for simply viewing and sharing links to Mastodon posts. It’s very simple and minimal, but it also makes sharing very convenient on platforms like iMessage where you can’t see the content of a post.</p>
<p>I also used this as an opportunity to play around with some <a href="https://nextjs.org/blog/next-13">NextJS 13</a> features that I wanted to try out. If you are interested, head over to the <a href="https://github.com/ZicklePop/toot-cards">repository on GitHub</a>.</p></div>
<ul class="list-none mt-4">
<li class="inline-block uppercase my-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/p/toot-cards" aria-label="Permalink for Toot.cards"><span role="img" aria-label="Star icon">★</span> Permalink
</a>
</li>
<li class="inline-block uppercase my-1">•</li>
<li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/link" aria-label="Posts tagged #link">#link
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/me" aria-label="Posts tagged #me">#me
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/mastodon" aria-label="Posts tagged #mastodon">#mastodon
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/javascript" aria-label="Posts tagged #javascript">#javascript
</a>
</li>
</ul>
</article><article class="pb-8 mb-8 border-solid border-b cv-auto border-black/10 dark:border-white/25">
<picture>
<source type="image/avif" srcset="/_image?f=avif&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Fsfjuryduty.jpg 120w,/_image?f=avif&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Fsfjuryduty.jpg 240w,/_image?f=avif&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fsfjuryduty.jpg 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/webp" srcset="/_image?f=webp&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Fsfjuryduty.jpg 120w,/_image?f=webp&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Fsfjuryduty.jpg 240w,/_image?f=webp&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fsfjuryduty.jpg 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/jpeg" srcset="/_image?f=jpg&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Fsfjuryduty.jpg 120w,/_image?f=jpg&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Fsfjuryduty.jpg 240w,/_image?f=jpg&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fsfjuryduty.jpg 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)">
<img alt="Checking Your SF Jury Summon" src="/_image?f=jpg&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fsfjuryduty.jpg" loading="lazy" decoding="async" class="h-16 rounded ml-2 mb-2 float-right">
</picture>
<h2 class="mb-4 text-xl font-medium">
<a href="/p/sf-jury-summon" class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" aria-label="Permalink for Checking Your SF Jury Summon">
Checking Your SF Jury Summon
</a>
</h2>
<p class="uppercase text-sm my-4">
<time datetime="2023-02-13T03:55:25.182Z">
Mon, Feb 13, 2023
</time>
</p>
<div class="prose prose-melkat dark:prose-invert my-4"><p>In San Francisco, when we get summoned for jury duty, we are lucky enough to have a <a href="https://www.sfsuperiorcourt.org/divisions/jury-services/jury-reporting">website to check</a> that tells us it will be updated at 4:30 pm on weekdays. It’s a pretty simple website, which makes it perfect for automating this task.</p>
<h2 id="ask-siri">Ask Siri</h2>
<p>You can use the Shortcuts.app on your Apple Watch, iPhone, iPad, and Mac. You will need to add your group number to the script for this to work.</p>
<p><a href="https://www.icloud.com/shortcuts/1f3f5923da1443a5b0ac6160ba1c791c">Get San Francisco Jury Duty Status.shortcut</a></p>
<h2 id="home-screen-widget">Home screen widget</h2>
<p>There is a great app for iPhone and iPad called <a href="https://scriptable.app">Scriptable</a> that lets you write and run JavaScript that can make home screen widgets. You will need to set your group number on line with <code>const GROUP_NUMBER</code>.</p>
<p><a href="https://melanie.paste.lol/sf-jury-duty-widget.js">Get SF Jury Duty Widget.js</a></p></div>
<ul class="list-none mt-4">
<li class="inline-block uppercase my-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/p/sf-jury-summon" aria-label="Permalink for Checking Your SF Jury Summon"><span role="img" aria-label="Star icon">★</span> Permalink
</a>
</li>
<li class="inline-block uppercase my-1">•</li>
<li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/post" aria-label="Posts tagged #post">#post
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/javascript" aria-label="Posts tagged #javascript">#javascript
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/shortcuts" aria-label="Posts tagged #shortcuts">#shortcuts
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/scriptable" aria-label="Posts tagged #scriptable">#scriptable
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/sanfrancisco" aria-label="Posts tagged #sanfrancisco">#sanfrancisco
</a>
</li>
</ul>
</article><article class="pb-8 mb-8 border-solid border-b cv-auto border-black/10 dark:border-white/25">
<picture>
<source type="image/avif" srcset="/_image?f=avif&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Fomglol-shortcuts.jpg 120w,/_image?f=avif&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Fomglol-shortcuts.jpg 240w,/_image?f=avif&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fomglol-shortcuts.jpg 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/webp" srcset="/_image?f=webp&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Fomglol-shortcuts.jpg 120w,/_image?f=webp&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Fomglol-shortcuts.jpg 240w,/_image?f=webp&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fomglol-shortcuts.jpg 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/jpeg" srcset="/_image?f=jpg&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Fomglol-shortcuts.jpg 120w,/_image?f=jpg&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Fomglol-shortcuts.jpg 240w,/_image?f=jpg&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fomglol-shortcuts.jpg 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)">
<img alt="omg.lol for Shortcuts.app" src="/_image?f=jpg&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fomglol-shortcuts.jpg" loading="lazy" decoding="async" class="h-16 rounded ml-2 mb-2 float-right">
</picture>
<h2 class="mb-4 text-xl font-medium">
<a href="/p/omglol-shortcuts" class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" aria-label="Permalink for omg.lol for Shortcuts.app">
omg.lol for Shortcuts.app
</a>
</h2>
<p class="uppercase text-sm my-4">
<time datetime="2023-02-02T05:08:13.823Z">
Thu, Feb 2, 2023
</time>
</p>
<div class="prose prose-melkat dark:prose-invert my-4"><p>I’ve just started playing around with <a href="https://home.omg.lol/referred-by/melanie">omg.lol</a>, and I’m enjoying my time playing around with all they have to offer.</p>
<p>I wanted to build a quick and easy way into iOS and macOS to use parts of omg.lol. I created three shortcuts with the Apple’s Shortcuts for PURLs (short urls), Paste (like GitHub Gist), and Statuslog (a log of “what are you doing now”).</p>
<p>All are available to use directly or from the share sheet in iOS or from Quick Actions in macOS.</p>
<ul>
<li><a href="https://www.icloud.com/shortcuts/1376e9a485e24c3ba89f255b29639c35">Create PURL</a>
<ul>
<li>Requirements: account name, purl domain, and API key</li>
<li>Accepts: URLs and text</li>
<li>Returns: a purl url</li>
</ul>
</li>
<li><a href="https://www.icloud.com/shortcuts/3dc946bef85a4a19814a7479ea2feed1">Create Paste</a>
<ul>
<li>Requirements: account name, paste domain, and API key</li>
<li>Accepts: Text-based files and raw text</li>
<li>Returns: a paste url</li>
</ul>
</li>
<li><a href="https://www.icloud.com/shortcuts/27fcf4bdcb5142dca2df0d884558cd67">Post Statuslog</a>
<ul>
<li>Requirements: account name and API key</li>
<li>Accepts: text</li>
<li>Returns: a status url</li>
</ul>
</li>
</ul>
<p>I hope you find these useful. Feel free to contact me on <a href="https://nyan.lol/@zicklepop">Mastodon</a> with any feedback you may have.</p></div>
<ul class="list-none mt-4">
<li class="inline-block uppercase my-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/p/omglol-shortcuts" aria-label="Permalink for omg.lol for Shortcuts.app"><span role="img" aria-label="Star icon">★</span> Permalink
</a>
</li>
<li class="inline-block uppercase my-1">•</li>
<li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/post" aria-label="Posts tagged #post">#post
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/omglol" aria-label="Posts tagged #omglol">#omglol
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/shortcuts" aria-label="Posts tagged #shortcuts">#shortcuts
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/ios" aria-label="Posts tagged #ios">#ios
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/macos" aria-label="Posts tagged #macos">#macos
</a>
</li>
</ul>
</article><article class="pb-8 mb-8 border-solid border-b cv-auto border-black/10 dark:border-white/25">
<picture>
<source type="image/avif" srcset="/_image?f=avif&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Flilgatorgame.png 120w,/_image?f=avif&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Flilgatorgame.png 240w,/_image?f=avif&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Flilgatorgame.png 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/webp" srcset="/_image?f=webp&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Flilgatorgame.png 120w,/_image?f=webp&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Flilgatorgame.png 240w,/_image?f=webp&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Flilgatorgame.png 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/png" srcset="/_image?f=png&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Flilgatorgame.png 120w,/_image?f=png&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Flilgatorgame.png 240w,/_image?f=png&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Flilgatorgame.png 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)">
<img alt="Lil Gator Game" src="/_image?f=png&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Flilgatorgame.png" loading="lazy" decoding="async" class="h-16 rounded ml-2 mb-2 float-right">
</picture>
<h2 class="mb-4 text-xl font-medium">
<a href="https://www.playtonicgames.com/game/lil-gator-game/" class="text-cerulean-700 dark:text-cerulean-500 underline" aria-label="Link to Lil Gator Game">
Lil Gator Game
</a>
</h2>
<p class="uppercase text-sm my-4">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/d/playtonicgames.com" aria-label="Posts linking to playtonicgames.com">playtonicgames.com
</a>
•
<time datetime="2022-12-31T18:27:50.074Z">
Sat, Dec 31, 2022
</time>
</p>
<div class="prose prose-melkat dark:prose-invert my-4"><p>I feel like this cute little fellow got left off of so many best of 2022 lists because it came out so late in the year, but gosh it is great. If you like <a href="https://melkat.blog/p/140113823/">A Short Hike</a>, you will definitely enjoy this lil gator’s journey.</p></div>
<ul class="list-none mt-4">
<li class="inline-block uppercase my-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/p/lil-gator-game" aria-label="Permalink for Lil Gator Game"><span role="img" aria-label="Star icon">★</span> Permalink
</a>
</li>
<li class="inline-block uppercase my-1">•</li>
<li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/link" aria-label="Posts tagged #link">#link
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/games" aria-label="Posts tagged #games">#games
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/switch" aria-label="Posts tagged #switch">#switch
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/steam" aria-label="Posts tagged #steam">#steam
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/pc" aria-label="Posts tagged #pc">#pc
</a>
</li>
</ul>
</article><article class="pb-8 mb-8 border-solid border-b cv-auto border-black/10 dark:border-white/25">
<h2 class="mb-4 text-xl font-medium">
<a href="/p/2022-in-media" class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" aria-label="Permalink for My 2022 in Media">
My 2022 in Media
</a>
</h2>
<p class="uppercase text-sm my-4">
<time datetime="2022-12-18T04:10:01.149Z">
Sun, Dec 18, 2022
</time>
</p>
<div class="prose prose-melkat dark:prose-invert my-4"><p>What even is time anymore? Everything feels like it’s still 2020. This was the year knowing the days of the week went out the window. What I can remember is: playing every Yakuza game and watching Smosh and Good Mythical Morning to keep myself grounded.</p>
<h2 id="anime">Anime</h2>
<p>My girlfriend and I got in to watching anime together and at a terrific time. I don’t recall anyone talking about Pop Team Epic’s new season??? That’s weird.</p>
<ul>
<li>Spy × Family</li>
<li>Chainsaw Man</li>
<li>Pop Team Epic Season 2</li>
<li>Lycoris Recoil</li>
</ul>
<h2 id="music">Music</h2>
<p>This year I got in to listening to FLACs and other lossless audio files. I’m still not sure if I hear a difference but it all sounds so good.</p>
<ul>
<li>BETWEEN 1&2 by TWICE</li>
<li>IM NAYEON by NAYEON</li>
<li>Mannequin by DECO*27</li>
<li>Sanketsu-girl by Sayuri</li>
</ul>
<h2 id="games">Games</h2>
<p>As I mentioned, this year was taken over by the Yakuza series, including it’s Judgment spinoff. Traveling still is not the best idea right now. So, the next best thing is experiencing Japan in the games by Ryu ga Gotoku. The games make you feel like you are there. It’s always fun to see a place you’ve been to recreated in a game with as much love and detail as it deserves.</p>
<ul>
<li>Shin-chan: Me and the Professor on Summer Vacation (Nintendo Switch)</li>
<li>Escape Academy (PC)</li>
<li>GhostWire: Tokyo (PS5)</li>
<li>PowerWash Simulator (PC)</li>
<li>Tiny Tina’s Wonderlands (PC)</li>
</ul>
<h2 id="tv-shows">TV Shows</h2>
<p>Streaming services are trying to figure out how hard they can push their customers. In price, but also the ridiculous stunts they keep pulling. It’s all good, past me bought Deadwood so I can rewatch it whenever I want.</p>
<ul>
<li>Paper Girls (Prime Video)</li>
<li>Severance (Apple TV+)</li>
<li>The Rehearsal (HBO)</li>
<li>Tokyo Vice (HBO)</li>
<li>Yellowjackets (Showtime)</li>
</ul></div>
<ul class="list-none mt-4">
<li class="inline-block uppercase my-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/p/2022-in-media" aria-label="Permalink for My 2022 in Media"><span role="img" aria-label="Star icon">★</span> Permalink
</a>
</li>
<li class="inline-block uppercase my-1">•</li>
<li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/post" aria-label="Posts tagged #post">#post
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/media" aria-label="Posts tagged #media">#media
</a>
</li>
</ul>
</article><article class="pb-8 mb-8 border-solid border-b cv-auto border-black/10 dark:border-white/25">
<picture>
<source type="image/avif" srcset="/_image?f=avif&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Fgft-0722.png 120w,/_image?f=avif&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Fgft-0722.png 240w,/_image?f=avif&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fgft-0722.png 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/webp" srcset="/_image?f=webp&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Fgft-0722.png 120w,/_image?f=webp&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Fgft-0722.png 240w,/_image?f=webp&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fgft-0722.png 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/png" srcset="/_image?f=png&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Fgft-0722.png 120w,/_image?f=png&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Fgft-0722.png 240w,/_image?f=png&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fgft-0722.png 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)">
<img alt="Girlfriend Technology, July Update" src="/_image?f=png&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fgft-0722.png" loading="lazy" decoding="async" class="h-16 rounded ml-2 mb-2 float-right">
</picture>
<h2 class="mb-4 text-xl font-medium">
<a href="/p/gft-0722" class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" aria-label="Permalink for Girlfriend Technology, July Update">
Girlfriend Technology, July Update
</a>
</h2>
<p class="uppercase text-sm my-4">
<time datetime="2022-07-22T03:17:14.556Z">
Fri, Jul 22, 2022
</time>
</p>
<div class="prose prose-melkat dark:prose-invert my-4"><p>I don’t think I ever introduced my software company, <a href="https://girlfriend.technology">Girlfriend Technology</a>, on this blog.</p>
<p>Girlfriend Technology is a software company I started to distribute apps under. My goal is to build apps that can benefit queer people, or at least think of them first instead of as an afterthought.</p>
<p>My app, <a href="https://girlfriend.technology/x-to-y">X to Y</a>, stemmed from a former employer not allowing me to change my name at work to be my <em>legal</em> name. I got tired of seeing my deadname and made my own personal browser extension to fix it.</p>
<p>X to Y got a nice update last week to allow it to play nice on webpages with dynamic content. The next update will help with backing up and restoring preferences.</p></div>
<ul class="list-none mt-4">
<li class="inline-block uppercase my-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/p/gft-0722" aria-label="Permalink for Girlfriend Technology, July Update"><span role="img" aria-label="Star icon">★</span> Permalink
</a>
</li>
<li class="inline-block uppercase my-1">•</li>
<li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/post" aria-label="Posts tagged #post">#post
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/me" aria-label="Posts tagged #me">#me
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/girlfriend-technology" aria-label="Posts tagged #girlfriend-technology">#girlfriend-technology
</a>
</li>
</ul>
</article><article class="pb-8 mb-8 border-solid border-b cv-auto border-black/10 dark:border-white/25">
<h2 class="mb-4 text-xl font-medium">
<a href="https://www.kalzumeus.com/2010/06/17/falsehoods-programmers-believe-about-names/" class="text-cerulean-700 dark:text-cerulean-500 underline" aria-label="Link to Falsehoods Programmers Believe About Names">
Falsehoods Programmers Believe About Names
</a>
</h2>
<p class="uppercase text-sm my-4">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/d/kalzumeus.com" aria-label="Posts linking to kalzumeus.com">kalzumeus.com
</a>
•
<time datetime="2022-05-16T20:46:38.225Z">
Mon, May 16, 2022
</time>
</p>
<div class="prose prose-melkat dark:prose-invert my-4"><p>It is wild that this piece is 12 years old and constantly gets more relevant with age. I do not get why everyone wants to constantly gate keep names, like you would know better than the one telling you their name.</p></div>
<ul class="list-none mt-4">
<li class="inline-block uppercase my-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/p/falsehoods-around-names" aria-label="Permalink for Falsehoods Programmers Believe About Names"><span role="img" aria-label="Star icon">★</span> Permalink
</a>
</li>
<li class="inline-block uppercase my-1">•</li>
<li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/article" aria-label="Posts tagged #article">#article
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/tech" aria-label="Posts tagged #tech">#tech
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/names" aria-label="Posts tagged #names">#names
</a>
</li>
</ul>
</article><article class="pb-8 mb-8 border-solid border-b cv-auto border-black/10 dark:border-white/25">
<picture>
<source type="image/avif" srcset="/_image?f=avif&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Fvr-sexism.jpg 120w,/_image?f=avif&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Fvr-sexism.jpg 240w,/_image?f=avif&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fvr-sexism.jpg 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/webp" srcset="/_image?f=webp&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Fvr-sexism.jpg 120w,/_image?f=webp&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Fvr-sexism.jpg 240w,/_image?f=webp&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fvr-sexism.jpg 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/jpeg" srcset="/_image?f=jpg&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Fvr-sexism.jpg 120w,/_image?f=jpg&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Fvr-sexism.jpg 240w,/_image?f=jpg&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fvr-sexism.jpg 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)">
<img alt="Virtual Reality Is Sexist: But It Does Not Have to Be" src="/_image?f=jpg&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fvr-sexism.jpg" loading="lazy" decoding="async" class="h-16 rounded ml-2 mb-2 float-right">
</picture>
<h2 class="mb-4 text-xl font-medium">
<a href="https://www.frontiersin.org/articles/10.3389/frobt.2020.00004/full" class="text-cerulean-700 dark:text-cerulean-500 underline" aria-label="Link to Virtual Reality Is Sexist: But It Does Not Have to Be">
Virtual Reality Is Sexist: But It Does Not Have to Be
</a>
</h2>
<p class="uppercase text-sm my-4">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/d/frontiersin.org" aria-label="Posts linking to frontiersin.org">frontiersin.org
</a>
•
<time datetime="2022-04-30T06:32:11.369Z">
Sat, Apr 30, 2022
</time>
</p>
<div class="prose prose-melkat dark:prose-invert my-4"><p>Previously I have posted about danah boyd’s research on how hormones impact how your brain processes depth, but here is another study about how interpupillary distance, IPD, settings on VR headsets make it hard for people other than, for example, cisgender men to find a distance that works for them, leading to motion sickness. A while ago I tried to adjust my IPD but never found a setting that worked for me. It was either too close or too far, and the motion sickness remained.</p></div>
<ul class="list-none mt-4">
<li class="inline-block uppercase my-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/p/vr-sexism" aria-label="Permalink for Virtual Reality Is Sexist: But It Does Not Have to Be"><span role="img" aria-label="Star icon">★</span> Permalink
</a>
</li>
<li class="inline-block uppercase my-1">•</li>
<li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/article" aria-label="Posts tagged #article">#article
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/sexism" aria-label="Posts tagged #sexism">#sexism
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/vr" aria-label="Posts tagged #vr">#vr
</a>
</li>
</ul>
</article><article class="pb-8 mb-8 border-solid border-b cv-auto border-black/10 dark:border-white/25">
<picture>
<source type="image/avif" srcset="/_image?f=avif&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Fcommute.jpg 120w,/_image?f=avif&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Fcommute.jpg 240w,/_image?f=avif&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fcommute.jpg 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/webp" srcset="/_image?f=webp&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Fcommute.jpg 120w,/_image?f=webp&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Fcommute.jpg 240w,/_image?f=webp&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fcommute.jpg 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/jpeg" srcset="/_image?f=jpg&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Fcommute.jpg 120w,/_image?f=jpg&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Fcommute.jpg 240w,/_image?f=jpg&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fcommute.jpg 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)">
<img alt="Commute" src="/_image?f=jpg&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fcommute.jpg" loading="lazy" decoding="async" class="h-16 rounded ml-2 mb-2 float-right">
</picture>
<h2 class="mb-4 text-xl font-medium">
<a href="https://thisisstar.itch.io/commute" class="text-cerulean-700 dark:text-cerulean-500 underline" aria-label="Link to Commute">
Commute
</a>
</h2>
<p class="uppercase text-sm my-4">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/d/itch.io" aria-label="Posts linking to itch.io">itch.io
</a>
•
<time datetime="2022-04-22T04:49:03.362Z">
Fri, Apr 22, 2022
</time>
</p>
<div class="prose prose-melkat dark:prose-invert my-4"><blockquote>
<p><em>A love letter to a public transit system I haven’t used in years.</em></p>
</blockquote>
<p>Star St.Germain and Tim Riot have made a really emotional pixel art journey through the city I simultaneously live in but rarely see anymore.</p></div>
<ul class="list-none mt-4">
<li class="inline-block uppercase my-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/p/commute" aria-label="Permalink for Commute"><span role="img" aria-label="Star icon">★</span> Permalink
</a>
</li>
<li class="inline-block uppercase my-1">•</li>
<li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/link" aria-label="Posts tagged #link">#link
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/games" aria-label="Posts tagged #games">#games
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/sanfrancisco" aria-label="Posts tagged #sanfrancisco">#sanfrancisco
</a>
</li>
</ul>
</article><article class="pb-8 mb-8 border-solid border-b cv-auto border-black/10 dark:border-white/25">
<picture>
<source type="image/avif" srcset="/_image?f=avif&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Fdankpods-starter.jpg 120w,/_image?f=avif&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Fdankpods-starter.jpg 240w,/_image?f=avif&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fdankpods-starter.jpg 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/webp" srcset="/_image?f=webp&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Fdankpods-starter.jpg 120w,/_image?f=webp&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Fdankpods-starter.jpg 240w,/_image?f=webp&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fdankpods-starter.jpg 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/jpeg" srcset="/_image?f=jpg&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Fdankpods-starter.jpg 120w,/_image?f=jpg&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Fdankpods-starter.jpg 240w,/_image?f=jpg&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fdankpods-starter.jpg 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)">
<img alt="The DankPods Headphone Starter Guide." src="/_image?f=jpg&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fdankpods-starter.jpg" loading="lazy" decoding="async" class="h-16 rounded ml-2 mb-2 float-right">
</picture>
<h2 class="mb-4 text-xl font-medium">
<a href="https://www.youtube.com/watch?v=jk-Tybi-ihw" class="text-cerulean-700 dark:text-cerulean-500 underline" aria-label="Link to The DankPods Headphone Starter Guide.">
The DankPods Headphone Starter Guide.
</a>
</h2>
<p class="uppercase text-sm my-4">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/d/youtube.com" aria-label="Posts linking to youtube.com">youtube.com
</a>
•
<time datetime="2022-04-21T22:43:46.501Z">
Thu, Apr 21, 2022
</time>
</p>
<div class="prose prose-melkat dark:prose-invert my-4"><p>DankPods put together a great guide to headphones. I use quiet a bit of the things he recommends, which you can see on my <a href="https://melkat.blog/p/uses" title="A large list of the things I use">uses</a> page.</p></div>
<ul class="list-none mt-4">
<li class="inline-block uppercase my-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/p/dankpods-starter" aria-label="Permalink for The DankPods Headphone Starter Guide."><span role="img" aria-label="Star icon">★</span> Permalink
</a>
</li>
<li class="inline-block uppercase my-1">•</li>
<li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/video" aria-label="Posts tagged #video">#video
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/dankpods" aria-label="Posts tagged #dankpods">#dankpods
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/headphones" aria-label="Posts tagged #headphones">#headphones
</a>
</li>
</ul>
</article><article class="pb-8 mb-8 border-solid border-b cv-auto border-black/10 dark:border-white/25">
<picture>
<source type="image/avif" srcset="/_image?f=avif&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Fuses.jpg 120w,/_image?f=avif&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Fuses.jpg 240w,/_image?f=avif&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fuses.jpg 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/webp" srcset="/_image?f=webp&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Fuses.jpg 120w,/_image?f=webp&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Fuses.jpg 240w,/_image?f=webp&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fuses.jpg 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/jpeg" srcset="/_image?f=jpg&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Fuses.jpg 120w,/_image?f=jpg&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Fuses.jpg 240w,/_image?f=jpg&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fuses.jpg 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)">
<img alt="Uses" src="/_image?f=jpg&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fuses.jpg" loading="lazy" decoding="async" class="h-16 rounded ml-2 mb-2 float-right">
</picture>
<h2 class="mb-4 text-xl font-medium">
<a href="/p/uses" class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" aria-label="Permalink for Uses">
Uses
</a>
</h2>
<p class="uppercase text-sm my-4">
<time datetime="2022-04-12T04:53:33.458Z">
Tue, Apr 12, 2022
</time>
</p>
<div class="prose prose-melkat dark:prose-invert my-4"><p>Inspired by <a href="https://uses.tech">uses.tech</a>, I have written up my current setup. I will try to keep this post updated as things change.</p>
<h2 id="hardware">Hardware</h2>
<h3 id="the-bedrock">The Bedrock</h3>
<ul>
<li><a href="https://www.upliftdesk.com/bamboo-motion-x-board-by-uplift-desk/">Bamboo Motion-X Board by UPLIFT Desk</a></li>
<li><a href="https://www.steelcase.com/products/office-chairs/gesture/">Blue Steelcase Gesture Office Chair</a></li>
<li><a href="https://smile.amazon.com/Foot-Rest-Under-Desk-Footstool/dp/B07PGLBCFG">Everlasting Comfort Office Foot Rest</a></li>
<li><a href="https://smile.amazon.com/gp/product/B08JPXXK4C/">Office Owl Caster Wheels for Desk Chairs</a></li>
<li><a href="https://smile.amazon.com/gp/product/B07FSDZN1Y/">Supercope Cup Holder Clip</a></li>
<li><a href="https://www.upliftdesk.com/uplift-v2-bamboo-standing-desk/">UPLIFT Bamboo Standing Desk</a></li>
<li><a href="https://www.upliftdesk.com/big-standard-keyboard-bamboo-tray-system-by-uplift-desk/">UPLIFT Big Standard Keyboard Tray - Bamboo with Quick Adjust Mechanism</a></li>
</ul>
<h3 id="computers">Computers</h3>
<ul>
<li>iPad Pro - This is my main machine, to be honest. I use it for everything, yes even coding.</li>
<li>Custom PC - This is my default desk experience when I am not working. I enjoy the new Windows 11.</li>
<li>MacBook Pro - I basically just use this for work, building the iOS/macOS builds of my apps, or Facetime.</li>
<li>Surface Pro 6 - I picked up the Surface a while back and it still runs great and is a quick portable way to bring a Windows machine with me. It’s great for low spec gaming too.</li>
</ul>
<h3 id="the-input-club">The Input Club</h3>
<ul>
<li><a href="https://thekey.company/collections/in-stock/keyboards">Blue Portico75 Keyboard</a> - A 75% keyboard with a knob and a USB-C port.
<ul>
<li><a href="https://drop.com/buy/keysterine-keycap-set?defaultSelectionIds=965918">Drop + Mito Keysterine Cyanide Keycap Set</a> - Translucent keycaps that match the blue Portico75.</li>
<li><a href="https://thekey.company/collections/in-stock/products/sp-star-marble-soda-switches">SP-Star Marble Soda Original switches</a> Blue linear switches that are quiet enough and match the translucent blue of the Portico75 and Keysterine keycaps.</li>
</ul>
</li>
<li><a href="https://smile.amazon.com/gp/product/B01NAVWPOJ">Kensington VeriMark USB Fingerprint Key</a> - This is finicky but when it works it’s pretty cool.</li>
<li><a href="https://www.roccat.com/products/kone-xp">Kone XP</a> - I wanted to try out a gaming mouse and this seemed like the perfect place to start. It’s light and has automatic profile switching between apps and games.</li>
<li><a href="https://www.logitech.com/en-us/products/mice/mx-ergo-wireless-trackball-mouse.910-005178.html">Logitech MX Ergo</a> - I learned during quarantine that my hand starts to hurt after long periods of using a regular mouse. The MX Vertical is great but I’ve wanted to try a trackball mouse for a while.</li>
<li><a href="https://www.elgato.com/en/stream-deck">Stream Deck</a> - The answer to the question, “omg where is the hang up button on Zoom?!” It’s right there, on a physical button.</li>
</ul>
<h3 id="the-audio-video-club">The Audio Video Club</h3>
<ul>
<li><a href="https://smile.amazon.com/Alienware-Curved-NVIDIA-Edgelight-Monitor/dp/B07YLGH9Q5">Alienware 34” 120Hz Ultrawide Monitor - AW3420DW</a> - Not a fan of Alienware, but I fell in love with the ultrawide form factor and wanted something that could handle high framerates.</li>
<li><a href="https://smile.amazon.com/gp/product/B0006H92QK/">Audio-Technica AT2020 XLR Microphone</a></li>
<li><a href="https://www.behringer.com/product.html?modelCode=P0BK0">Behringer UMC204HD Audio Interface</a></li>
<li><a href="https://www.fiio.com/btr5">FiiO BTR5 Bluetooth and USB-C DAC</a> - No headphone jack on the iOS devices anymore, so lets add it back through Bluetooth.</li>
<li><a href="https://tascam.com/us/product/vl-s3/">Hatsune Miku Edition TASCAM VL-S3BT Speakers</a></li>
<li><a href="https://opalcamera.com">Opal C1</a> - This camera is pretty slick and in early beta. I hope to one day use it with Windows as well as Mac. As of this writing it runs 105°F when it’s not in use, the software is lacking, and it only works in Zoom and Chrome.</li>
<li><a href="https://gradolabs.com/pokemon">Pokémon Center × Grado Labs Pikachu Headphones</a> - Thic cable, amazing sound, wearing all day leads to them getting a little uncomfortable, but they have a Pikachu on them so it’s five stars all around. And hey, approved by <a href="https://www.youtube.com/watch?v=jk-Tybi-ihw" title="YouTube Video: The DankPods Headphone Starter Guide.">DankPods</a>.</li>
<li><a href="https://www.razer.com/streaming-cameras/razer-kiyo">RAZER Kiyo Camera w/ Ring Light</a> - Not a fan of Razer, but it solved a lighting issue for me. Where I cannot use the Opal C1, I will use this camera.</li>
<li><a href="https://smile.amazon.com/Samson-SR850-Semi-Open-Back-Reference-Headphones/dp/B002LBSEQS">Samson SR850 Headphones</a> with <a href="https://smile.amazon.com/gp/product/B07SBT93R9/">Brainwavz Cooling Gel Earpads</a> - Long cable, amazing sound, and with the replacement earpads they are the most comfortable headphones I own. Great for all day wear. Also recommended by <a href="https://www.youtube.com/watch?v=jk-Tybi-ihw" title="YouTube Video: The DankPods Headphone Starter Guide.">DankPods</a>!</li>
</ul>
<h2 id="software">Software</h2>
<h3 id="multiplatform">Multiplatform</h3>
<ul>
<li><a href="https://1password.com/">1Password</a> - Use a password manager. Use unique passwords. Use two-factor auth. Just do it, already.</li>
<li><a href="https://affinity.serif.com/en-us/designer/">Affinity Designer</a> - A full Illustrator experience on all of my devices, even iPad. No subscription fees.</li>
<li><a href="https://affinity.serif.com/en-us/photo/">Affinity Photo</a> - A full Photoshop experience on all of my devices, even iPad. No subscription fees.</li>
<li><a href="https://flexibits.com/fantastical">Fantastical</a> - Not available on Windows. Fantastical merges a variety of calendars and todo lists together with custom views and natural language processing.</li>
<li><a href="https://www.microsoft.com/en-us/edge">Microsoft Edge</a> - Another Chromium based browser but without all the Google stuff. Tab napping to save resources on tabs you aren’t using is a huge plus.</li>
<li><a href="https://obsidian.md/">Obsidian</a> - A customizable library of Markdown files you can optionally apply end-to-end encryption to and sync.</li>
<li><a href="https://code.visualstudio.com/">VS Code</a> - A fast and reliable code editor that is extendible. Runs on any platform either natively or in the web browser.</li>
</ul>
<h3 id="ios">iOS</h3>
<ul>
<li><a href="https://blink.sh/">Blink Shell</a> - SSH and Mosh support, now with the ability to mount SSH connections to the Files app, and the ability to launch VS Code.</li>
<li><a href="https://dayoneapp.com/">Day One</a> - Keeping a journal is a rewarding way to see how far you’ve come and remember important events in your life.</li>
<li><a href="https://apps.pdyn.net/inspect/">Inspect Browser</a> - Inspect Element for iOS, not as full featured but the best and most reliable I’ve found.</li>
<li><a href="https://www.textasticapp.com/">Textastic</a> - Old reliable code editor. It’s no VS Code, but it’s pretty good for prototyping HTML or JavaScript.</li>
<li><a href="https://workingcopyapp.com/">Working Copy</a> - Git on iOS and it works with other apps.</li>
</ul>
<h3 id="windows-11">Windows 11</h3>
<ul>
<li><a href="https://github.com/microsoft/PowerToys">PowerToys</a> - There are so many features in here I love but I use FancyZones the most to move windows around in predetermined positions on my screen.</li>
<li><a href="https://velocity.silverlakesoftware.com/">Velocity</a> - This is like Dash for Mac but on Windows. It stores a variety of documentation for programming offline where you can easily search it for what you’re looking for.</li>
</ul>
<h3 id="macos">macOS</h3>
<ul>
<li><a href="https://www.alfredapp.com/">Alfred</a> - Quickly perform tasks, find apps and files, and manage your clipboard history.</li>
<li><a href="https://www.macbartender.com/">Bartender</a> - Everyone wants to be in the macOS menu bar. Hide those distractions.</li>
<li><a href="https://kapeli.com/dash">Dash</a> - Stores coding documentation offline where you can search it for what you’re looking for.</li>
<li><a href="https://www.noodlesoft.com/">Hazel</a> - Monitors files and performs actions when certain conditions are met. For example, I have a folder of Markdown files that will automatically commit itself to a Git repository when there are changes.</li>
<li><a href="https://imageoptim.com/mac">ImageOptim</a> - Please don’t throw images up online without making sure their file size is as small as it can be without reducing image quality.</li>
<li><a href="https://bjango.com/mac/istatmenus/">iStat Menus</a> - What company spyware is causing my Mac to be so slow? Oh it’s probably just Docker. I hate it when Docker eats all available resources when it’s idle.</li>
<li><a href="https://iterm2.com/">iTerm</a> - A terminal that I can split the views in half vertically or horizontally. I swear I don’t use most of what this offers.</li>
<li><a href="https://www.keyboardmaestro.com/">Keyboard Maestro</a> - Set up custom actions on your Mac. I use it to extend what my Steam Deck can do.</li>
<li><a href="https://rogueamoeba.com/loopback/">Loopback</a> - This is also primarily for the Steam Deck so I can play my annoying soundboard during work meetings.</li>
<li><a href="https://mizage.com/shush/">Shush</a> - This app hasn’t been updated in sooooo long and I fear for the day it stops working. It’s a great way to toggle the mute on your microphone or have a cough button.</li>
</ul>
<h2 id="customizations">Customizations</h2>
<ul>
<li>Color scheme: <a href="https://draculatheme.com/pro">Dracula Pro</a></li>
<li>Font: <a href="https://connary.com/cartograph.html">Cartograph</a></li>
<li><a href="https://github.com/zicklepop/dotfiles">My dotfiles are available on Github</a></li>
</ul>
<h2 id="vs-code-extensions">VS Code Extensions</h2>
<ul>
<li><a href="https://marketplace.visualstudio.com/items?itemName=wmaurer.change-case">change-case</a> - There is nothing like a handy way to convert which case your text or variables are.</li>
<li><a href="https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker">Code Spell Checker</a> - Never spend another hour trying to debug code that would work if didn’t make that typo.</li>
<li><a href="https://marketplace.visualstudio.com/items?itemName=GitHub.copilot">GitHub Copilot</a> - This pair programmer’s inteligence is like magic, but it does pay to keep an eye on it so it stays on track.</li>
<li><a href="https://marketplace.visualstudio.com/items?itemName=GitHub.vscode-pull-request-github">GitHub Pull Requests and Issues</a> - Create and review PRs without having to find what your looking for in GitHub.</li>
<li><a href="https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare">Live Share</a> - Invite someone you trust to code along side you each from the comfort of each other’s own VS Code.</li>
<li><a href="https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.vscode-remote-extensionpack">Remote Development</a> - I use this for connecting to a Windows Subsystem for Linux quite often, but it’s also great for working over SSH.</li>
<li><a href="https://marketplace.visualstudio.com/items?itemName=Tyriar.sort-lines">Sort lines</a> - Like casing, there’s nothing like a quick way to remove duplicates from a list and sort it at the same time.</li>
<li><a href="https://marketplace.visualstudio.com/items?itemName=ChakrounAnas.turbo-console-log">Turbo Console Log</a> - Highlight text and press a keyboard shortcut to have your own easy to find console log. Each log is easily identifiable with an emoji, file name, and line number.</li>
</ul>
<h2 id="browser-extensions">Browser Extensions</h2>
<h3 id="multiplatform-1">Multiplatform</h3>
<ul>
<li><a href="https://darkreader.org/">Dark Reader</a> - Outside of Safari, I use this to manually make bright websites that are hurting my eyes dark.</li>
<li><a href="https://duckduckgo.com/app">DuckDuckGo Privacy Essentials</a> - no Mobile Safari support</li>
<li><a href="https://girlfriend.technology/magnet-links/" title="Browser extension Magnet Links">Magnet Links</a> - Makes Magnet Links work with Put.io. I made this!</li>
<li><a href="https://reactjs.org/docs/optimizing-performance.html#profiling-components-with-the-devtools-profiler">React Developer Tools</a> - No Safari support. This is for debugging React.</li>
<li><a href="https://github.com/refined-github/refined-github">Refined GitHub</a> - Various customizations for GitHub to fill some gaps.</li>
<li><a href="https://www.tabbycats.club/">Tabby Cat</a> - No Safari support. Random cute cats in every tab.</li>
<li><a href="https://ublockorigin.com/">uBlock Origin</a> - No Safari support. Blocks ads and trackers for your security.</li>
<li><a href="https://girlfriend.technology/x-to-y/" title="Browser extension X to Y">X to Y</a> - Replace words in text or links with other text. I made this too!</li>
</ul>
<h3 id="safari">Safari</h3>
<ul>
<li><a href="https://1blocker.com/">1Blocker</a> - Blocks ads and trackers for your security, even inside apps.</li>
<li><a href="https://andadinosaur.com/launch-baking-soda">Baking Soda</a> - Replaces all video players (except YouTube, see Vinegar below) with a native video player where you can choose to have picture-in-picture or stop that annoying auto-play</li>
<li><a href="https://getnoir.app/">Noir</a> - My preferred extension for applying dark mode to websites that haven’t implemented their own dark modes yet.</li>
<li><a href="https://andadinosaur.com/launch-vinegar">Vinegar</a> - Replaces YouTube video players with one that supports picture-in-picture and stops that annoying auto-play. (use with Baking Soda to make all video players play nice)</li>
</ul></div>
<ul class="list-none mt-4">
<li class="inline-block uppercase my-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/p/uses" aria-label="Permalink for Uses"><span role="img" aria-label="Star icon">★</span> Permalink
</a>
</li>
<li class="inline-block uppercase my-1">•</li>
<li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/post" aria-label="Posts tagged #post">#post
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/uses" aria-label="Posts tagged #uses">#uses
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/apps" aria-label="Posts tagged #apps">#apps
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/hardware" aria-label="Posts tagged #hardware">#hardware
</a>
</li>
</ul>
</article><article class="pb-8 mb-8 border-solid border-b cv-auto border-black/10 dark:border-white/25">
<picture>
<source type="image/avif" srcset="/_image?f=avif&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Fastro-rewrite.png 120w,/_image?f=avif&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Fastro-rewrite.png 240w,/_image?f=avif&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fastro-rewrite.png 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/webp" srcset="/_image?f=webp&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Fastro-rewrite.png 120w,/_image?f=webp&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Fastro-rewrite.png 240w,/_image?f=webp&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fastro-rewrite.png 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/png" srcset="/_image?f=png&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2Fastro-rewrite.png 120w,/_image?f=png&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2Fastro-rewrite.png 240w,/_image?f=png&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fastro-rewrite.png 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)">
<img alt="I rewrote my blog with Astro" src="/_image?f=png&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2Fastro-rewrite.png" loading="lazy" decoding="async" class="h-16 rounded ml-2 mb-2 float-right">
</picture>
<h2 class="mb-4 text-xl font-medium">
<a href="/p/astro-rewrite" class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" aria-label="Permalink for I rewrote my blog with Astro">
I rewrote my blog with Astro
</a>
</h2>
<p class="uppercase text-sm my-4">
<time datetime="2022-03-20T20:02:19.497Z">
Sun, Mar 20, 2022
</time>
</p>
<div class="prose prose-melkat dark:prose-invert my-4"><p>Welcome to the blog that was known as <a href="https://melkat.link" title="Old URL that redirects to this website">melkat.link</a>.</p>
<p>I had a fun technique for making a blog using a bookmarking service to act as my content management system. I never knew how the bookmarking service felt about how I was using it and it made my blog on external services.</p>
<p>A few months ago I heard about <a href="https://astro.build" title="Astro project website">Astro</a>, a new build tool for building websites in JavaScript. I’ve since made a few sites using it and have been pretty impressed. Before I was using <a href="https://nextjs.org" title="NextJS project website">Next.js</a>, and I will continue to use it where appropriate.</p>
<p>The biggest change will be that I can no longer simply share a link to post on my blog. I will need to write a brand new <a href="https://en.wikipedia.org/wiki/Markdown" title="Wikipedia page on Markdown">Markdown</a> file and deploy it, which brings it’s own set of benefits. For one, I can now write posts like this.</p>
<p>See you soon~</p></div>
<ul class="list-none mt-4">
<li class="inline-block uppercase my-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/p/astro-rewrite" aria-label="Permalink for I rewrote my blog with Astro"><span role="img" aria-label="Star icon">★</span> Permalink
</a>
</li>
<li class="inline-block uppercase my-1">•</li>
<li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/post" aria-label="Posts tagged #post">#post
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/me" aria-label="Posts tagged #me">#me
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/astro" aria-label="Posts tagged #astro">#astro
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/javascript" aria-label="Posts tagged #javascript">#javascript
</a>
</li>
</ul>
</article><article class="pb-8 mb-8 border-solid border-b cv-auto border-black/10 dark:border-white/25">
<picture>
<source type="image/avif" srcset="/_image?f=avif&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2F340858922.png 120w,/_image?f=avif&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2F340858922.png 240w,/_image?f=avif&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2F340858922.png 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/webp" srcset="/_image?f=webp&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2F340858922.png 120w,/_image?f=webp&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2F340858922.png 240w,/_image?f=webp&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2F340858922.png 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/png" srcset="/_image?f=png&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2F340858922.png 120w,/_image?f=png&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2F340858922.png 240w,/_image?f=png&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2F340858922.png 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)">
<img alt="X to Y" src="/_image?f=png&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2F340858922.png" loading="lazy" decoding="async" class="h-16 rounded ml-2 mb-2 float-right">
</picture>
<h2 class="mb-4 text-xl font-medium">
<a href="https://apps.apple.com/us/app/x-to-y/id1598259546" class="text-cerulean-700 dark:text-cerulean-500 underline" aria-label="Link to X to Y">
X to Y
</a>
</h2>
<p class="uppercase text-sm my-4">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/d/apple.com" aria-label="Posts linking to apple.com">apple.com
</a>
•
<time datetime="2021-12-10T07:57:24.796Z">
Fri, Dec 10, 2021
</time>
</p>
<div class="prose prose-melkat dark:prose-invert my-4"><p>Ever think it would be funny to replace a word with another? Sick and tired of a website deadnaming you? You are going to enjoy X to Y! X to Y supports plain text, regex, and urls.</p></div>
<ul class="list-none mt-4">
<li class="inline-block uppercase my-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/p/340858922" aria-label="Permalink for X to Y"><span role="img" aria-label="Star icon">★</span> Permalink
</a>
</li>
<li class="inline-block uppercase my-1">•</li>
<li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/link" aria-label="Posts tagged #link">#link
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/me" aria-label="Posts tagged #me">#me
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/apps" aria-label="Posts tagged #apps">#apps
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/extension" aria-label="Posts tagged #extension">#extension
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/safari" aria-label="Posts tagged #safari">#safari
</a>
</li>
</ul>
</article><article class="pb-8 mb-8 border-solid border-b cv-auto border-black/10 dark:border-white/25">
<picture>
<source type="image/avif" srcset="/_image?f=avif&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2F339029235.png 120w,/_image?f=avif&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2F339029235.png 240w,/_image?f=avif&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2F339029235.png 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/webp" srcset="/_image?f=webp&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2F339029235.png 120w,/_image?f=webp&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2F339029235.png 240w,/_image?f=webp&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2F339029235.png 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/png" srcset="/_image?f=png&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2F339029235.png 120w,/_image?f=png&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2F339029235.png 240w,/_image?f=png&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2F339029235.png 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)">
<img alt="Magnet Links" src="/_image?f=png&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2F339029235.png" loading="lazy" decoding="async" class="h-16 rounded ml-2 mb-2 float-right">
</picture>
<h2 class="mb-4 text-xl font-medium">
<a href="https://apps.apple.com/us/app/magnet-links/id1598258908" class="text-cerulean-700 dark:text-cerulean-500 underline" aria-label="Link to Magnet Links">
Magnet Links
</a>
</h2>
<p class="uppercase text-sm my-4">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/d/apple.com" aria-label="Posts linking to apple.com">apple.com
</a>
•
<time datetime="2021-12-03T20:27:55.083Z">
Fri, Dec 3, 2021
</time>
</p>
<div class="prose prose-melkat dark:prose-invert my-4"><p>Tired of seeing “Safari cannot open the page because the address is invalid.” alerts when you try to open a magnet link? This Safari extension helps by adjusting the links to go through Put.io</p></div>
<ul class="list-none mt-4">
<li class="inline-block uppercase my-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/p/339029235" aria-label="Permalink for Magnet Links"><span role="img" aria-label="Star icon">★</span> Permalink
</a>
</li>
<li class="inline-block uppercase my-1">•</li>
<li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/link" aria-label="Posts tagged #link">#link
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/me" aria-label="Posts tagged #me">#me
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/safari" aria-label="Posts tagged #safari">#safari
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/extension" aria-label="Posts tagged #extension">#extension
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/apps" aria-label="Posts tagged #apps">#apps
</a>
</li>
</ul>
</article><article class="pb-8 mb-8 border-solid border-b cv-auto border-black/10 dark:border-white/25">
<picture>
<source type="image/avif" srcset="/_image?f=avif&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2F331418114.jpg 120w,/_image?f=avif&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2F331418114.jpg 240w,/_image?f=avif&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2F331418114.jpg 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/webp" srcset="/_image?f=webp&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2F331418114.jpg 120w,/_image?f=webp&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2F331418114.jpg 240w,/_image?f=webp&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2F331418114.jpg 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/jpeg" srcset="/_image?f=jpg&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2F331418114.jpg 120w,/_image?f=jpg&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2F331418114.jpg 240w,/_image?f=jpg&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2F331418114.jpg 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)">
<img alt="look what you made me do: a lot of people have asked me to make NFT games and I won’t" src="/_image?f=jpg&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2F331418114.jpg" loading="lazy" decoding="async" class="h-16 rounded ml-2 mb-2 float-right">
</picture>
<h2 class="mb-4 text-xl font-medium">
<a href="https://docseuss.medium.com/look-what-you-made-me-do-a-lot-of-people-have-asked-me-to-make-nft-games-and-i-wont-because-i-m-29c7cfdbbb79" class="text-cerulean-700 dark:text-cerulean-500 underline" aria-label="Link to look what you made me do: a lot of people have asked me to make NFT games and I won’t">
look what you made me do: a lot of people have asked me to make NFT games and I won’t
</a>
</h2>
<p class="uppercase text-sm my-4">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/d/medium.com" aria-label="Posts linking to medium.com">medium.com
</a>
•
<time datetime="2021-11-11T16:19:57.741Z">
Thu, Nov 11, 2021
</time>
</p>
<div class="prose prose-melkat dark:prose-invert my-4"><p>The amount of talk about the environmentally harmful and the further harming of people who struggle financially is mind blowing but Doc put it in words the crypto-bros will understand. If they ever take their fingers out of their ears and stop shouting “na na na na i cant hear you.”</p></div>
<ul class="list-none mt-4">
<li class="inline-block uppercase my-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/p/331418114" aria-label="Permalink for look what you made me do: a lot of people have asked me to make NFT games and I won’t"><span role="img" aria-label="Star icon">★</span> Permalink
</a>
</li>
<li class="inline-block uppercase my-1">•</li>
<li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/article" aria-label="Posts tagged #article">#article
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/games" aria-label="Posts tagged #games">#games
</a>
</li>
</ul>
</article><article class="pb-8 mb-8 border-solid border-b cv-auto border-black/10 dark:border-white/25">
<picture>
<source type="image/avif" srcset="/_image?f=avif&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2F311978752.jpg 120w,/_image?f=avif&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2F311978752.jpg 240w,/_image?f=avif&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2F311978752.jpg 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/webp" srcset="/_image?f=webp&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2F311978752.jpg 120w,/_image?f=webp&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2F311978752.jpg 240w,/_image?f=webp&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2F311978752.jpg 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/jpeg" srcset="/_image?f=jpg&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2F311978752.jpg 120w,/_image?f=jpg&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2F311978752.jpg 240w,/_image?f=jpg&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2F311978752.jpg 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)">
<img alt="Webbed - Sbug Games" src="/_image?f=jpg&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2F311978752.jpg" loading="lazy" decoding="async" class="h-16 rounded ml-2 mb-2 float-right">
</picture>
<h2 class="mb-4 text-xl font-medium">
<a href="https://webbed.website/" class="text-cerulean-700 dark:text-cerulean-500 underline" aria-label="Link to Webbed - Sbug Games">
Webbed - Sbug Games
</a>
</h2>
<p class="uppercase text-sm my-4">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/d/webbed.website" aria-label="Posts linking to webbed.website">webbed.website
</a>
•
<time datetime="2021-09-18T05:10:18.096Z">
Sat, Sep 18, 2021
</time>
</p>
<div class="prose prose-melkat dark:prose-invert my-4"><p>I never thought a game about spiders would happily capture me in it’s web, but here we are. Highly recommend this game, and it’s a steal for the price.</p></div>
<ul class="list-none mt-4">
<li class="inline-block uppercase my-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/p/311978752" aria-label="Permalink for Webbed - Sbug Games"><span role="img" aria-label="Star icon">★</span> Permalink
</a>
</li>
<li class="inline-block uppercase my-1">•</li>
<li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/link" aria-label="Posts tagged #link">#link
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/games" aria-label="Posts tagged #games">#games
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/pc" aria-label="Posts tagged #pc">#pc
</a>
</li>
</ul>
</article><article class="pb-8 mb-8 border-solid border-b cv-auto border-black/10 dark:border-white/25">
<picture>
<source type="image/avif" srcset="/_image?f=avif&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2F300794824.png 120w,/_image?f=avif&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2F300794824.png 240w,/_image?f=avif&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2F300794824.png 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/webp" srcset="/_image?f=webp&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2F300794824.png 120w,/_image?f=webp&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2F300794824.png 240w,/_image?f=webp&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2F300794824.png 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/png" srcset="/_image?f=png&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2F300794824.png 120w,/_image?f=png&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2F300794824.png 240w,/_image?f=png&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2F300794824.png 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)">
<img alt="Improv Dungeon" src="/_image?f=png&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2F300794824.png" loading="lazy" decoding="async" class="h-16 rounded ml-2 mb-2 float-right">
</picture>
<h2 class="mb-4 text-xl font-medium">
<a href="https://improv-dungeon.melkat.games/" class="text-cerulean-700 dark:text-cerulean-500 underline" aria-label="Link to Improv Dungeon">
Improv Dungeon
</a>
</h2>
<p class="uppercase text-sm my-4">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/d/melkat.games" aria-label="Posts linking to melkat.games">melkat.games
</a>
•
<time datetime="2021-08-23T05:16:37.980Z">
Mon, Aug 23, 2021
</time>
</p>
<div class="prose prose-melkat dark:prose-invert my-4"><p>Time to replace your improv partner! You’ve played AI Dungeon, now play Improv Dungeon. Write out your scenario and the AI will play along!</p></div>
<ul class="list-none mt-4">
<li class="inline-block uppercase my-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/p/300794824" aria-label="Permalink for Improv Dungeon"><span role="img" aria-label="Star icon">★</span> Permalink
</a>
</li>
<li class="inline-block uppercase my-1">•</li>
<li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/link" aria-label="Posts tagged #link">#link
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/games" aria-label="Posts tagged #games">#games
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/me" aria-label="Posts tagged #me">#me
</a>
</li>
</ul>
</article><article class="pb-8 mb-8 border-solid border-b cv-auto border-black/10 dark:border-white/25">
<picture>
<source type="image/avif" srcset="/_image?f=avif&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2F296971514.jpg 120w,/_image?f=avif&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2F296971514.jpg 240w,/_image?f=avif&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2F296971514.jpg 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/webp" srcset="/_image?f=webp&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2F296971514.jpg 120w,/_image?f=webp&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2F296971514.jpg 240w,/_image?f=webp&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2F296971514.jpg 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/jpeg" srcset="/_image?f=jpg&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2F296971514.jpg 120w,/_image?f=jpg&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2F296971514.jpg 240w,/_image?f=jpg&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2F296971514.jpg 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)">
<img alt="Is the Oculus Rift sexist?" src="/_image?f=jpg&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2F296971514.jpg" loading="lazy" decoding="async" class="h-16 rounded ml-2 mb-2 float-right">
</picture>
<h2 class="mb-4 text-xl font-medium">
<a href="https://qz.com/192874/is-the-oculus-rift-designed-to-be-sexist/" class="text-cerulean-700 dark:text-cerulean-500 underline" aria-label="Link to Is the Oculus Rift sexist?">
Is the Oculus Rift sexist?
</a>
</h2>
<p class="uppercase text-sm my-4">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/d/qz.com" aria-label="Posts linking to qz.com">qz.com
</a>
•
<time datetime="2021-08-12T14:12:17.436Z">
Thu, Aug 12, 2021
</time>
</p>
<div class="prose prose-melkat dark:prose-invert my-4"><p>danah boyd’s piece from 2014 has always been facinating to me, but relating it to my own experiences around transitioning and the ways that I have percevied depth just feels like a lot of gender validation for me :)</p></div>
<ul class="list-none mt-4">
<li class="inline-block uppercase my-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/p/296971514" aria-label="Permalink for Is the Oculus Rift sexist?"><span role="img" aria-label="Star icon">★</span> Permalink
</a>
</li>
<li class="inline-block uppercase my-1">•</li>
<li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/article" aria-label="Posts tagged #article">#article
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/sexism" aria-label="Posts tagged #sexism">#sexism
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/trans" aria-label="Posts tagged #trans">#trans
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/vr" aria-label="Posts tagged #vr">#vr
</a>
</li>
</ul>
</article><article class="pb-8 mb-8 border-solid border-b cv-auto border-black/10 dark:border-white/25">
<picture>
<source type="image/avif" srcset="/_image?f=avif&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2F279869181.png 120w,/_image?f=avif&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2F279869181.png 240w,/_image?f=avif&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2F279869181.png 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/webp" srcset="/_image?f=webp&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2F279869181.png 120w,/_image?f=webp&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2F279869181.png 240w,/_image?f=webp&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2F279869181.png 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)"><source type="image/png" srcset="/_image?f=png&w=120&h=68&ar=1.7777777777777777&href=%2Fimg%2F279869181.png 120w,/_image?f=png&w=240&h=135&ar=1.7777777777777777&href=%2Fimg%2F279869181.png 240w,/_image?f=png&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2F279869181.png 360w" sizes="(min-device-pixel-ratio: 2) 360px, (min-device-pixel-ratio: 2) 240px, 120px)">
<img alt="Heroku removes SMS as an MFA Verification Method" src="/_image?f=png&w=360&h=203&ar=1.7777777777777777&href=%2Fimg%2F279869181.png" loading="lazy" decoding="async" class="h-16 rounded ml-2 mb-2 float-right">
</picture>
<h2 class="mb-4 text-xl font-medium">
<a href="https://devcenter.heroku.com/articles/mfa-sms" class="text-cerulean-700 dark:text-cerulean-500 underline" aria-label="Link to Heroku removes SMS as an MFA Verification Method">
Heroku removes SMS as an MFA Verification Method
</a>
</h2>
<p class="uppercase text-sm my-4">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/d/heroku.com" aria-label="Posts linking to heroku.com">heroku.com
</a>
•
<time datetime="2021-06-17T19:39:56.179Z">
Thu, Jun 17, 2021
</time>
</p>
<div class="prose prose-melkat dark:prose-invert my-4"><p>We all know SMS two factor auth is very dangerous due to it’s insecure nature, but we don’t often here companies actually doing anything about it. Most won’t remove SMS two factor auth because they want your phone number so they can better target you with ads. Hopefully we start to see more people follow this trend, as everyone else is just playing security theatre.</p></div>
<ul class="list-none mt-4">
<li class="inline-block uppercase my-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/p/279869181" aria-label="Permalink for Heroku removes SMS as an MFA Verification Method"><span role="img" aria-label="Star icon">★</span> Permalink
</a>
</li>
<li class="inline-block uppercase my-1">•</li>
<li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/link" aria-label="Posts tagged #link">#link
</a>
</li><li class="inline-block uppercase my-1 pr-1">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t/security" aria-label="Posts tagged #security">#security
</a>
</li>
</ul>
</article><div class="mb-8 flex items-center justify-between">
<div class="w-32 flex items-center">
</div>
<div class="flex items-center">
<span>1 of 4</span>
</div>
<div class="w-32 flex items-center justify-end">
<a href="/2" class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" aria-label="Older posts">
Older →
</a>
</div>
</div>
</main>
<footer class="text-center leading-normal" role="contentinfo">
<div class="max-w-md mx-auto">
<form action="/q" class="mb-8 flex flex-row items-center" method="get">
<div class="flex-grow mr-2">
<label class="hidden" for="search">Search</label>
<input class="appearance-none focus:outline-none bg-transparent border border-cerulean-700 rounded-md px-3 py-2 focus:ring-2 ring-offset-2 ring-sky-300 w-full" type="search" id="search" name="q" placeholder="Search for posts" value="">
</div>
<button class="rounded-md bg-cerulean-600 font-bold text-white transition-colors hover:bg-cerulean-500 active:bg-cerulean-700 text-center px-3 py-2 focus:ring-2 ring-offset-2 ring-sky-300 focus:outline-none border border-cerulean-600" type="submit">Search</button>
</form>
</div>
<p class="my-4">
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/d">browse domains</a>
•
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/t">browse tags</a>
<br>
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/rss.xml">rss feed</a>
•
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="/feed.json">json feed</a>
</p>
<p class="my-4">
melkat emoji by
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="https://dzuk.zone">dzuk</a>
</p>
<p class="my-4">
a blog by
<a class="no-underline hover:underline text-cerulean-700 dark:text-cerulean-500" href="https://melaniekat.com" rel="me">melanie kat</a> <3
</p>
</footer>
</body></html>