diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 137 |
1 files changed, 137 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..e4520c6 --- /dev/null +++ b/index.html @@ -0,0 +1,137 @@ +<!DOCTYPE html> +<html lang="en" prefix="og: https://ogp.me/ns#"> +<head> +<meta charset="UTF-8" /> +<meta http-equiv="X-UA-Compatible" + content="IE=edge"> +<meta name="viewport" + content="width=device-width, initial-scale=1.0" /> +<meta name="description" + content="Recovering scientist. Hacker. ๐ณ๏ธโ๐. He/him." /> +<meta name="keywords" + content="" /> + +<title> + Recovering scientist. Hacker. ๐ณ๏ธโ๐. He/him. // Grisha's awesome website</title> +<meta property="og:site_name" content="Grisha's awesome website"/> +<meta property="og:title" content="Grisha's awesome website | Recovering scientist. Hacker. ๐ณ๏ธโ๐. He/him."/> +<meta property="og:type" content="website"/> +<meta property="og:url" content="https://oxapentane.com/"/> +<meta property="og:description" content="Recovering scientist. Hacker. ๐ณ๏ธโ๐. He/him."/> + +<meta name="twitter:card" content="summary_large_image"/> +<meta name="twitter:title" content="Recovering scientist. Hacker. ๐ณ๏ธโ๐. He/him."/> +<meta name="twitter:description" content="Recovering scientist. Hacker. ๐ณ๏ธโ๐. He/him."/> +<link rel="alternate" type="application/atom+xml" title="Grisha's awesome website" href="https://oxapentane.com/atom.xml"> + + <style> +html{font-family:monospace;font-size:1rem;line-height:1.5;margin:auto;max-width:70ch;padding:1.5rem 1em 3em} +img{max-width:100%}img:not([src$=".svg"]),article>div,blockquote,pre{border-radius:.3rem}img[src$="#pixelate"]{image-rendering:pixelated} +h1,h2,h3,h4,h5,h6{font-size:inherit;margin:2rem 0 1em} +h1::before{content:'# '} +h2::before{content:'## '} +h3::before{content:'### '} +p{text-align:justify}p,ul,ol,.g,article>footer,article>header{margin:0 0 2em} +pre,blockquote{padding:1.5rem;margin:0 0 1.5rem}pre{overflow-x:auto}pre code{background:0!important}blockquote>*:last-child{margin-bottom:0} +article>img,article>p>img,article>div{display:block;margin-bottom:1.5rem;width:100%} +.yt{aspect-ratio:16/9;width:100%;overflow:hidden}.yt iframe{width:100%;height:100%;border:0} +.s{font-size:.85rem} +.theme{display:inline-block;width:1.5rem;height:1.5rem}.theme img,.theme svg{width:100%;height:100%} +html.light .theme img:first-child,html.light .theme svg:first-child,html.dark .theme img:last-child,html.dark .theme svg:last-child{display:none} +header>div{margin-bottom:1.5rem}footer{margin-top:1.5rem}body>footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem} +body>footer img,body>footer svg{width:1em;height:1em;vertical-align:middle} +.tags{padding:.5rem 0 0 0}.tags li{display:inline}.tags li+li::before{content:' ยท '} +nav{display:flex;gap:.5rem;margin:1.5rem 0}nav a{flex:1;display:flex;flex-direction:column;align-items:center;overflow:hidden;font-weight:bold}nav img,nav svg{width:2rem;height:2rem;margin-bottom:.25rem}nav a .s{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} +.g{display:grid;grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:.5rem}.g a{aspect-ratio:1;display:flex;align-items:center;justify-content:center}.g img{object-fit:contain;max-height:100%;max-width:100%} +.p{list-style:none;padding:0}.p ul{margin:0}.p>li{display:flex;gap:1rem;margin-bottom:1rem}.p time{display:flex;flex-direction:column;align-items:center;min-width:3rem;margin:.25rem 0}.p time span:first-child{font-size:1.5em;line-height:1} +.lb{position:fixed;inset:0;background:#000d;display:flex;align-items:center;justify-content:center;z-index:999;cursor:pointer}.lb img{max-width:95vw;max-height:95vh} +@media(max-width:30em){header .desc{display:none}} + </style> + + <style> + html.light{background:oklch(0.9602 0.0811 96.96);--tc:#f5e6b3;color:#000} + html.light a{color:oklch(0.53 0.2448 257.69) } + html.light a:visited{color:oklch(0.48 0.24 290.93)} + html.light a.active,html.light a:active,html.light a:hover{color:oklch(0.53 0.2687 324.53) } + html.light p,html.light ul,html.light ol, html.light .desc {color:oklch(0.4 0.1082 58.76) } + html.light blockquote,html.light pre,html.light code,html.light article>img,html.light article>p>img,html.light .g img{background:oklch(0.94 0.1 93.24)} + html.light code{color:#000} + html.dark{background:#000;--tc:#000;color:#fff} + html.dark a{color:oklch(0.87 0.24 165.59)} + html.dark a:visited{color:oklch(0.79 0.13 297.29)} + html.dark a.active,html.dark a:active,html.dark a:hover{color:oklch(0.76 0.25 344.92)} + html.dark p,html.dark ul,html.dark ol, html.dark .desc {color: oklch(0.92 0.15 94.86)} + html.dark img[src$=".svg"],html.dark nav svg,html.dark .theme svg,html.dark footer svg{filter:invert(1)} + html.dark blockquote,html.dark pre,html.dark code,html.dark article>img,html.dark article>p>img,html.dark .g img{background:#222} + html.dark code{color:#fff} + a.active,a:active,a:hover{text-decoration-style:wavy} + .tags a{text-decoration-style:dotted} + hr{border:0;border-top:1px dashed;clear:both;margin-bottom:1.5rem} + </style> + <meta name="theme-color" id="tc"><script>(function(){var m=matchMedia('(prefers-color-scheme:dark)'),t=localStorage.theme||(m.matches?'dark':'light'),h=document.documentElement,c=document.getElementById('tc');h.className=t;function u(){c.content=getComputedStyle(h).getPropertyValue('--tc')}u();window.T=function(){t=t==='dark'?'light':'dark';localStorage.theme=t;h.className=t;u()}})()</script> + +</head> +<body> + + <header> + <div class="s" style="display:flex;justify-content:space-between;align-items:center"> + <span><strong>Grisha's awesome website</strong><span class="desc"> ยท Recovering scientist. Hacker. ๐ณ๏ธโ๐. He/him.</span></span> + <a href="#" onclick="T();return false" class="theme" aria-label="Toggle theme" title="Toggle theme"><img src="/icons/light.svg" alt="Light mode"><img src="/icons/asleep.svg" alt="Dark mode"></a> + </div> + <hr> + <nav> + <a href="https://oxapentane.com/" aria-label="Hallo ^^" class="active"><span class="s">Hallo ^^</span></a> + </nav> + </header> + <hr> + <main> + +<article><h1 id="welcome-to-my-corner-of-the-interwebs">Welcome to My Corner of the Interwebs!</h1> +<h2 id="hi">Hi!</h2> +<p>Grisha offline or [0xa|oxapentane] online, take your pick. Recovering scientist, chemist with theoretical degree in physics<sup class="footnote-reference" id="fr-degree-1"><a href="#fn-degree">1</a></sup>, hacker, anti-luddite, ๐ณ๏ธโ๐, he/him. Speak en, ru and nl.</p> +<p>During the workdays I'm trying not to cry around the labs of van der Waals-Zeeman Institute, University of Amsterdam.</p> +<p>During my fun time I like to play with radio and look at the large-scale infrastructure. For example have a look at the <a rel="external" href="https://tlm.solutions">traffic light thing that we did</a> couple of years ago.</p> +<p>I like self hosting. I <a rel="external" href="https://git.oxapentane.com/0xa/nix-config">use nix</a> btw.</p> +<p><em>If you haven't got it yet, I'm staring into my 'puter a lot</em></p> +<h2 id="america-me-online"><del>America</del> Me Online</h2> +<ul> +<li><a rel="me" href="https://c3d2.social/@oxapentane"><code>@oxapentane@c3d2.social</code></a> on Mastodon, the only social I actively use</li> +<li><code>0xa:oxapentane.com</code> on <strong>*Waiting for this message*</strong></li> +<li><code>oxapentane.75</code> on Signal</li> +<li><code>hi@the domain name</code> for email<sup class="footnote-reference" id="fr-enc-1"><a href="#fn-enc">2</a></sup></li> +</ul> +<h2 id="me-offline">Me Offline</h2> +<p>You can find me in the wild! Nowadays you can find me <strong>in and around Amsterdam</strong>. I try to show up at <a rel="external" href="https://techinc.nl">techinc</a> for wednesday socials.</p> +<p>Here is a somewhat updated list of events I plan to visit this year:</p> +<ul> +<li>Jan 31: <a rel="external" href="https://outoftheordinary-festival.nl">Out of the ordinary</a>, Leiden, Netherlands</li> +<li>May 22-23: <a rel="external" href="https://sniester.nl">Sniester</a>, den Haag, Netherlands</li> +<li>Jul 15-22: <a rel="external" href="https://bornhack.dk">Bornhack</a>, Funen, Denmark</li> +<li>Sep: <a rel="external" href="https://datenspuren.de">Datenspuren</a>, Dresden, Germany</li> +<li>Nov 6-8: <a rel="external" href="https://wiki.eth0.nl/index.php/Eth0:2026_Autumn">eth0</a>, Someren, Netherlands</li> +<li>Dec 27-30: 40c3, Hamburg(?), Germany</li> +</ul> +<section class="footnotes"> +<ol class="footnotes-list"> +<li id="fn-degree"> +<p>Not to be confused with degree in theoretical physics :D <a href="#fr-degree-1">โฉ</a></p> +</li> +<li id="fn-enc"> +<p>FYI: I gave up on email encryption. Yeah, I have GPG key published, but it's kept around for backwards compatibility and old times sake ;). If you must send encrypted email use <a rel="external" href="https://age-encryption.org/">age</a> instead. Ask for a key via any channel. <a href="#fr-enc-1">โฉ</a></p> +</li> +</ol> +</section> +</article> + +</main> + <hr> + <footer class="s"> + <span>ยฉ Grisha's awesome website 2026</span> + <span><img src="/icons/rss.svg" alt=""> Feeds: <a href="https://oxapentane.com/atom.xml">Atom</a> ยท <a href="https://oxapentane.com/rss.xml">RSS</a></span> + </footer> + + + + <script>document.querySelectorAll('article img[srcset]').forEach(i=>{if(i.closest('a'))return;i.style.cursor='pointer';i.onclick=()=>{let d=document.createElement('div'),s=i.srcset.split(',').pop().trim().split(' ')[0];d.className='lb';d.innerHTML='<img src="'+s+'">';document.body.style.overflow='hidden';d.onclick=()=>{d.remove();document.body.style.overflow=''};document.body.appendChild(d)}})</script> + </body> +</html> |