[WIP] Source code for www.kytta.dev
https://www.kytta.dev/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
178 lines
7.0 KiB
178 lines
7.0 KiB
<!DOCTYPE html> |
|
<html lang="en"> |
|
|
|
<head> |
|
<meta charset="utf-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> |
|
<meta http-equiv="x-ua-compatible" content="ie=edge"> |
|
|
|
<title>@kytta</title> |
|
<meta name="description" content="A web developer, who likes Svelte, Vue.js, Django, and Flask."> |
|
|
|
<style>@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:local(Inter),url(fonts/Inter-400.woff2?v=3.19)format("woff2"),url(fonts/Inter-400.woff?v=3.19)format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:local(Inter Bold),local(Inter-Bold),url(fonts/Inter-700.woff2?v=3.19)format("woff2"),url(fonts/Inter-700.woff?v=3.19)format("woff")}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;src:local(Roboto Mono),local(RobotoMono),url(fonts/RobotoMono-400.woff2?v=13)format("woff2"),url(fonts/RobotoMono-400.woff?v=13)format("woff")}*{box-sizing:border-box}body{max-width:66ch;letter-spacing:-.014em;margin:0 auto;padding:1rem;font:18px/1.5 Inter,system-ui,Helvetica Neue,sans-serif}h1,h2{letter-spacing:-.021em;margin:2rem 0 1rem}ul li{margin-top:.5rem}strong{font-weight:bolder}a{color:#000;-webkit-text-decoration-color:#c23;text-decoration-color:#c23;text-decoration-thickness:.1em;transition:all .2s}a:hover{color:#222;-webkit-text-decoration-color:#c239;text-decoration-color:#c239}.monero{overflow-x:scroll}code{-webkit-user-select:all;-moz-user-select:all;user-select:all;font:.9em Roboto Mono}</style> |
|
|
|
<link rel="icon" type="image/x-icon" href="favicon.ico"> |
|
<link rel="icon" type="image/svg+xml" href="icon.svg"> |
|
</head> |
|
|
|
<body> |
|
<main> |
|
|
|
<h1>@kytta</h1> |
|
|
|
<p>Hi, my name is Nikita, and I am a developer.</p> |
|
<p> |
|
I mostly develop stuff for web; my areas of expertise are |
|
front-end shenanigans with tons of JavaScript/TypeScript, |
|
Svelte or Vue.js, or back-end adventures with |
|
Python-based Django or Flask. |
|
</p> |
|
<p> |
|
I sometimes dip my toes into systems development, yet |
|
I am too dumb (or too old?) to understand Rust |
|
yet too cautious to experiment with C/C++. Though |
|
I do quite like Go. If one would consider |
|
the amount of university classes I’ve taken, I have |
|
a ton of experience with Java. Please don’t make |
|
me touch it ever again. |
|
</p> |
|
<p> |
|
I want to make this website look neat, but really, all this work |
|
I need to do to set up my environment in order |
|
to make a clean website from scratch is killing me. |
|
That’s why I’m starting with the most barebones version that |
|
could ever exist: HTML with a tiny bit of CSS. One day |
|
it’ll look better, I swear. |
|
</p> |
|
<p> |
|
If you want to take a look at my projects, you can |
|
find all of them |
|
<a href="https://github.com/kytta">on GitHub</a>. |
|
I am currently migrating my code |
|
<a href="https://codeberg.org/kytta">to Codeberg</a>, |
|
but the GitHub repositories will remain available as main mirrors. |
|
</p> |
|
|
|
<section> |
|
<h2>/contact</h2> |
|
<p> |
|
Ways of reaching out to me, sorted by the probability |
|
of me responding promptly (the fastest response on top) |
|
</p> |
|
<ul> |
|
<li> |
|
<a href="https://t.me/NikitaKaramov">@NikitaKaramov</a> |
|
on Telegram |
|
</li> |
|
<li> |
|
<a href="xmpp:kytta@404.city">kytta@404.city</a> |
|
on XMPP; OMEMO fingerprints: |
|
<ul> |
|
<li> |
|
<code>e5111425 bc365b43 3e6bf9f0 76a4031f 8ded0c29 3dbf50de 83cef216 239a1f44</code> |
|
</li> |
|
<li> |
|
<code>a7ad08d6 69cdabc6 81a033e3 471dca05 4544d515 7710fe4b c2d5489d 7514e758</code> |
|
</li> |
|
</ul> |
|
</li> |
|
<li> |
|
email to <a href="mailto:me@kytta.dev">me@kytta.dev</a> |
|
<ul> |
|
<li> |
|
PGP key: <code>0xF0A49E6D84E6EEBE</code> (<a |
|
href="https://keys.openpgp.org/vks/v1/by-fingerprint/D83649109830AF99BD41C9D2F0A49E6D84E6EEBE">.asc</a>) |
|
</li> |
|
</ul> |
|
</li> |
|
</ul> |
|
</section> |
|
|
|
<section> |
|
<h2>/uses</h2> |
|
<p>Here’s a loose list of stuff that I use.</p> |
|
<ul> |
|
<li><strong>Laptop:</strong> MacBook Pro (15″, 2016)</li> |
|
<li><strong>Smartphone:</strong> OnePlus 7T</li> |
|
<li><strong>Desktop Browser:</strong> LibreWolf</li> |
|
<li><strong>Mobile Browser:</strong> Kiwi Browser</li> |
|
<li><strong>Desktop E-Mail Client:</strong> Thunderbird</li> |
|
<li><strong>Mobile E-Mail Client:</strong> K-9 Mail</li> |
|
<li><strong>E-Mail Provider:</strong> Mailbox.org</li> |
|
<li><strong>To-Do List:</strong> TickTick</li> |
|
<li><strong>Terminal:</strong> iTerm2</li> |
|
<li><strong>Shell:</strong> Zsh</li> |
|
<li><strong>Code Editor:</strong> VSCodium</li> |
|
<li><strong>Python IDE:</strong> PyCharm Professional</li> |
|
<li><strong>Git TUI:</strong> lazygit</li> |
|
<li><strong>Raster Image Editor:</strong> Affinity Photo</li> |
|
<li><strong>Vector Image Editor:</strong> Affinity Designer</li> |
|
<li><strong>Torrent Client:</strong> qBitTorrent</li> |
|
<li><strong>Minecraft:</strong> Java Edition</li> |
|
</ul> |
|
</section> |
|
|
|
<section> |
|
<h2>/donate</h2> |
|
<p> |
|
If, for some reason, you want to give me money, here are the |
|
means to do so: |
|
</p> |
|
<ul> |
|
<li> |
|
<a href="https://www.paypal.com/donate/?hosted_button_id=L235MHK6CDKKS">PayPal</a> |
|
</li> |
|
<li> |
|
<a href="https://liberapay.com/kytta">Liberapay</a> |
|
</li> |
|
<li> |
|
<a href="https://github.com/sponsors/kytta">GitHub Sponsors</a> |
|
</li> |
|
</ul> |
|
|
|
<p> |
|
Alternatively, you can give me some imaginary web3-approved |
|
feel-good-tokens. Amongst the endless variations to choose from, |
|
I’ve settled on Monero. Here’s my address |
|
(<a href="monero.png">QR</a>): |
|
</p> |
|
<p class="monero"> |
|
<code>45kyttapr4xZ4NZAf1TuixenVG6sUwhr1GAQ5ByijRpwWnd5PsQAgALfGphJYK2suDBhm1wgn4UWR3y1jyh6XTJ2CEfC9Hs</code> |
|
</p> |
|
</section> |
|
|
|
<section> |
|
<h2>/elsewhere</h2> |
|
<p>Links to other social networks and points of presence.</p> |
|
<ul> |
|
<li> |
|
<a href="https://fosstodon.org/@kytta" rel="me">@kytta</a> |
|
on Fosstodon |
|
</li> |
|
<li> |
|
<a href="https://www.instagram.com/nikita.karamov/">@nikita.karamov</a> |
|
on Instagram |
|
</li> |
|
<li> |
|
<a href="https://www.linkedin.com/in/NikitaKaramov">@NikitaKaramov</a> |
|
on LinkedIn |
|
</li> |
|
<li> |
|
<a href="https://twitter.com/KyttaWasHere">@KyttaWasHere</a> |
|
on Twitter (now inactive) |
|
</li> |
|
</ul> |
|
</section> |
|
</main> |
|
<hr> |
|
<footer> |
|
<img src="https://kytta.goatcounter.com/count?p=/&t=Index%20page" aria-hidden="true"> |
|
<small> |
|
← this is a tracking pixel, which collects information about the site |
|
visitors. It's GDPR-friendly, and the data is public: |
|
<a href="https://stats.kytta.dev/">stats.kytta.dev</a> |
|
</small> |
|
</footer> |
|
</body> |
|
|
|
</html>
|
|
|