rawhide kobayashi
d872a79b76
Some checks are pending
Gitea Actions Demo / deploy_mamizou (push) Waiting to run
788 lines
27 KiB
HTML
788 lines
27 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" dir="ltr" class="scroll-smooth" data-default-appearance="dark"
|
|
data-auto-appearance="false"><head>
|
|
<meta name="generator" content="Hugo 0.140.0">
|
|
<meta charset="utf-8" />
|
|
|
|
<meta http-equiv="content-language" content="en" />
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
|
|
|
<title>N.E.E.T. Works</title>
|
|
<meta name="title" content="N.E.E.T. Works" />
|
|
|
|
<meta name="description" content="random tech stuff from a sane and normal individual" />
|
|
|
|
|
|
|
|
<link rel="canonical" href="https://blog.neet.works/" />
|
|
|
|
<link rel="alternate" type="application/rss+xml" href="/index.xml" title="N.E.E.T. Works" />
|
|
|
|
<link rel="alternate" type="application/json" href="/index.json" title="N.E.E.T. Works" />
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link type="text/css" rel="stylesheet" href="/css/main.bundle.min.40e00100ae5ec4637cecd46ba4ae5f8db39bb83da61b5efe4900676fc0f4c10ac17e7da11e467fb8f1f39dfa5a5070c05bba06b4c05c629c2d389f4263d4c633.css"
|
|
integrity="sha512-QOABAK5exGN87NRrpK5fjbObuD2mG17+SQBnb8D0wQrBfn2hHkZ/uPHznfpaUHDAW7oGtMBcYpwtOJ9CY9TGMw==" />
|
|
|
|
|
|
<script type="text/javascript" src="/js/appearance.min.516a16745bea5a9bd011138d254cc0fd3973cd55ce6e15f3dec763e7c7c2c7448f8fe7b54cca811cb821b0c7e12cd161caace1dd794ac3d34d40937cbcc9ee12.js"
|
|
integrity="sha512-UWoWdFvqWpvQERONJUzA/TlzzVXObhXz3sdj58fCx0SPj+e1TMqBHLghsMfhLNFhyqzh3XlKw9NNQJN8vMnuEg=="></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.a2d78d78672e549fbfc972ece871725b5478ba0b65708dda20cb97ab80a865eae6d247e1b05a4aec6ebbf78647ec3233bad8b2609ed98eee53cd58aa17128bc7.js"
|
|
integrity="sha512-oteNeGcuVJ+/yXLs6HFyW1R4ugtlcI3aIMuXq4CoZerm0kfhsFpK7G6794ZH7DIzutiyYJ7Zju5TzViqFxKLxw==" data-copy="" data-copied=""></script>
|
|
|
|
|
|
|
|
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
|
<link rel="manifest" href="/site.webmanifest" />
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<meta property="og:url" content="https://blog.neet.works/">
|
|
<meta property="og:site_name" content="N.E.E.T. Works">
|
|
<meta property="og:title" content="N.E.E.T. Works">
|
|
<meta property="og:description" content="random tech stuff from a sane and normal individual">
|
|
<meta property="og:locale" content="en">
|
|
<meta property="og:type" content="website">
|
|
|
|
|
|
<meta name="twitter:card" content="summary">
|
|
<meta name="twitter:title" content="N.E.E.T. Works">
|
|
<meta name="twitter:description" content="random tech stuff from a sane and normal individual">
|
|
|
|
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "WebSite",
|
|
"@id": "https:\/\/blog.neet.works\/",
|
|
"name": "N.E.E.T. Works",
|
|
"description": "random tech stuff from a sane and normal individual",
|
|
"inLanguage": "en",
|
|
"url": "https:\/\/blog.neet.works\/",
|
|
|
|
"publisher" : {
|
|
"@type": "Person",
|
|
"name": "rawhide kobayashi"
|
|
}
|
|
}
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<meta name="author" content="rawhide kobayashi" />
|
|
|
|
|
|
|
|
<link href="mailto:rawhide@neet.works" rel="me" />
|
|
|
|
|
|
<link href="https://git.neet.works/rawhide_k" rel="me" />
|
|
|
|
|
|
<link href="https://github.com/rawhide-kobayashi" rel="me" />
|
|
|
|
|
|
|
|
|
|
|
|
<script src="/lib/jquery/jquery.slim.min.b0dca576e87d7eaa5850ae4e61759c065786cdb6489d68fcc82240539eebd5da522bdb4fda085ffd245808c8fe2acb2516408eb774ef26b5f6015fc6737c0ea8.js" integrity="sha512-sNylduh9fqpYUK5OYXWcBleGzbZInWj8yCJAU57r1dpSK9tP2ghf/SRYCMj+KsslFkCOt3TvJrX2AV/Gc3wOqA=="></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<meta name="theme-color"/>
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript" src="/js/panzoom.min.b48202c3408ba8ef63ef9a6cc583e9d7ddb6574828cf79a4aaefe3c3964d0098ad77da46fdd5dddb66314ca975f6b9562093fa227ef51db7eba6d640facf448c.js" integrity="sha512-tIICw0CLqO9j75psxYPp1922V0goz3mkqu/jw5ZNAJitd9pG/dXd22YxTKl19rlWIJP6In71HbfrptZA+s9EjA=="></script>
|
|
|
|
|
|
<script type="text/javascript" src="/js/panzoom-util.0b774e030782a9868719da996178ac3b16e1b62d1e91bc2d30acff9d859a5621b373e1ae37cef8bbb467283f80648346c36d54b799a38d6da96aeac3bf4ff8e1.js" integrity="sha512-C3dOAweCqYaHGdqZYXisOxbhti0ekbwtMKz/nYWaViGzc+GuN874u7RnKD+AZINGw21Ut5mjjW2paurDv0/44Q=="></script>
|
|
</head>
|
|
<body
|
|
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32 scrollbar-thin scrollbar-track-neutral-200 scrollbar-thumb-neutral-400 dark:scrollbar-track-neutral-800 dark:scrollbar-thumb-neutral-600">
|
|
<div id="the-top" class="absolute flex self-center">
|
|
<a class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
|
|
href="#main-content"><span
|
|
class="font-bold text-primary-600 ltr:pr-2 rtl:pl-2 dark:text-primary-400">↓</span>Skip to main content</a>
|
|
</div>
|
|
|
|
|
|
<div style="padding-left:0;padding-right:0;padding-top:2px;padding-bottom:3px"
|
|
class="main-menu flex items-center justify-between px-4 py-6 sm:px-6 md:justify-start space-x-3">
|
|
|
|
|
|
|
|
<div class="flex flex-1 items-center justify-between">
|
|
<nav class="flex space-x-3">
|
|
|
|
|
|
<a href="/" class="text-base font-medium text-gray-500 hover:text-gray-900">N.E.E.T. Works</a>
|
|
|
|
|
|
</nav>
|
|
<nav class="hidden md:flex items-center space-x-5 md:ml-12 h-12">
|
|
|
|
|
|
|
|
|
|
<a href="/posts/" class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
|
|
|
|
<p class="text-base font-medium" title="">
|
|
Blog
|
|
</p>
|
|
</a>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="/categories/" class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
|
|
|
|
<p class="text-base font-medium" title="">
|
|
Categories
|
|
</p>
|
|
</a>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="/tags/" class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
|
|
|
|
<p class="text-base font-medium" title="">
|
|
Tags
|
|
</p>
|
|
</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<button id="search-button" aria-label="Search" class="text-base hover:text-primary-600 dark:hover:text-primary-400"
|
|
title="">
|
|
|
|
|
|
<span class="relative block icon">
|
|
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
|
|
|
</span>
|
|
|
|
|
|
</button>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</nav>
|
|
<div class="flex md:hidden items-center space-x-5 md:ml-12 h-12">
|
|
|
|
<span></span>
|
|
|
|
|
|
|
|
|
|
|
|
<button id="search-button-mobile" aria-label="Search" class="text-base hover:text-primary-600 dark:hover:text-primary-400"
|
|
title="">
|
|
|
|
|
|
<span class="relative block icon">
|
|
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
|
|
|
</span>
|
|
|
|
|
|
</button>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<div class="-my-2 -mr-2 md:hidden">
|
|
|
|
<label id="menu-button" class="block">
|
|
|
|
<div class="cursor-pointer hover:text-primary-600 dark:hover:text-primary-400">
|
|
|
|
|
|
<span class="relative block icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"/></svg>
|
|
|
|
</span>
|
|
|
|
|
|
</div>
|
|
<div id="menu-wrapper" style="padding-top:5px;"
|
|
class="fixed inset-0 z-30 invisible w-screen h-screen m-0 overflow-auto transition-opacity opacity-0 cursor-default bg-neutral-100/50 backdrop-blur-sm dark:bg-neutral-900/50">
|
|
<ul
|
|
class="flex space-y-2 mt-3 flex-col items-end w-full px-6 py-6 mx-auto overflow-visible list-none ltr:text-right rtl:text-left max-w-7xl">
|
|
|
|
<li id="menu-close-button">
|
|
<span
|
|
class="cursor-pointer inline-block align-text-bottom hover:text-primary-600 dark:hover:text-primary-400">
|
|
|
|
<span class="relative block icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li class="mt-1">
|
|
<a href="/posts/" class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
|
|
|
|
<p class="text-bg font-bg" title="">
|
|
Blog
|
|
</p>
|
|
</a>
|
|
</li>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<li class="mt-1">
|
|
<a href="/categories/" class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
|
|
|
|
<p class="text-bg font-bg" title="">
|
|
Categories
|
|
</p>
|
|
</a>
|
|
</li>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<li class="mt-1">
|
|
<a href="/tags/" class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
|
|
|
|
<p class="text-bg font-bg" title="">
|
|
Tags
|
|
</p>
|
|
</a>
|
|
</li>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
</div>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="relative flex flex-col grow">
|
|
<main id="main-content" class="grow">
|
|
|
|
|
|
|
|
|
|
<article class="max-w-full prose dark:prose-invert">
|
|
<div class="relative">
|
|
<div class="absolute inset-x-0 bottom-0 h-1/2 bg-gray-100"></div>
|
|
<div class="mx-auto max-w-7xl p-0">
|
|
<div class="relative sm:overflow-hidden">
|
|
<div class="fixed inset-x-0 top-0" style="z-index:-10">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<img class="w-full h-[1000px] object-cover m-0 nozoom" src="/img/background.webp" role="presentation">
|
|
<div
|
|
class="absolute inset-0 h-[1000px] bg-gradient-to-t from-neutral dark:from-neutral-800 to-transparent mix-blend-normal">
|
|
</div>
|
|
<div
|
|
class="opacity-60 absolute inset-0 h-[1000px] bg-gradient-to-t from-neutral dark:from-neutral-800 to-neutral-100 dark:to-neutral-800 mix-blend-normal">
|
|
</div>
|
|
|
|
</div>
|
|
<div class="relative px-1 py-1 flex flex-col items-center justify-center text-center">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<img class="mb-2 rounded-full h-36 w-36" width="144" height="144"
|
|
alt="rawhide kobayashi" src="/img/blowfish_logo_hu13719681768044762498.webp" />
|
|
|
|
|
|
<h1 class="mb-2 text-4xl font-extrabold text-neutral-800 dark:text-neutral-200">
|
|
rawhide kobayashi
|
|
</h1>
|
|
|
|
<h2 class="mt-0 mb-0 text-xl text-neutral-800 dark:text-neutral-300">
|
|
beep-boop maggot!
|
|
</h2>
|
|
|
|
<div class="mt-3 mb-10 text-2xl">
|
|
|
|
<div class="flex flex-wrap">
|
|
|
|
|
|
<a class="px-1 hover:text-primary-400 text-primary-800 dark:text-primary-200" href="mailto:rawhide@neet.works" target="_blank"
|
|
aria-label="Email" rel="me noopener noreferrer">
|
|
|
|
<span class="relative block icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M207.8 20.73c-93.45 18.32-168.7 93.66-187 187.1c-27.64 140.9 68.65 266.2 199.1 285.1c19.01 2.888 36.17-12.26 36.17-31.49l.0001-.6631c0-15.74-11.44-28.88-26.84-31.24c-84.35-12.98-149.2-86.13-149.2-174.2c0-102.9 88.61-185.5 193.4-175.4c91.54 8.869 158.6 91.25 158.6 183.2l0 16.16c0 22.09-17.94 40.05-40 40.05s-40.01-17.96-40.01-40.05v-120.1c0-8.847-7.161-16.02-16.01-16.02l-31.98 .0036c-7.299 0-13.2 4.992-15.12 11.68c-24.85-12.15-54.24-16.38-86.06-5.106c-38.75 13.73-68.12 48.91-73.72 89.64c-9.483 69.01 43.81 128 110.9 128c26.44 0 50.43-9.544 69.59-24.88c24 31.3 65.23 48.69 109.4 37.49C465.2 369.3 496 324.1 495.1 277.2V256.3C495.1 107.1 361.2-9.332 207.8 20.73zM239.1 304.3c-26.47 0-48-21.56-48-48.05s21.53-48.05 48-48.05s48 21.56 48 48.05S266.5 304.3 239.1 304.3z"/></svg>
|
|
|
|
</span>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<a class="px-1 hover:text-primary-400 text-primary-800 dark:text-primary-200" href="https://git.neet.works/rawhide_k" target="_blank"
|
|
aria-label="Gitea" rel="me noopener noreferrer">
|
|
|
|
<span class="relative block icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="5.67 143.05 628.65 387.55"><path fill="currentColor" d="M115.912 143.075c-6.462 0-13.762.525-22.012 2.325-8.7 1.8-33.5 7.4-53.8 26.9C-4.9 212.4 6.6 276.2 8 285.8c1.7 11.7 6.9 44.2 31.7 72.5 45.8 56.1 144.4 54.8 144.4 54.8s12.1 28.9 30.6 55.5c25 33.1 50.7 58.9 75.7 62 63 0 188.9-.1 188.9-.1s12 .1 28.3-10.3c14-8.5 26.5-23.4 26.5-23.4S547 483 565 451.5c5.5-9.7 10.1-19.1 14.1-28 0 0 55.2-117.1 55.2-231.1-1.1-34.5-9.6-40.6-11.6-42.6-4.1-4.1-9.6-4-9.6-4s-117.2 6.6-177.9 8c-13.267.3-26.433.597-39.5.697l.1 117.002s57.4 24.202 83.1 40.102c3.7 2.3 10.2 6.798 12.9 14.398 2.1 6.1 2 13.101-1 19.301l-61 126.9c-6.2 12.7-21.4 18.1-33.9 12l-126.9-61c-12.5-6-17.9-21.2-11.8-33.8l61-126.9c6-12.5 21.2-17.9 33.8-11.8a5290.322 5290.322 0 0 0 27 12.954c0-36.449-.1-109.053-.1-109.053-29 .4-89.2-2.201-89.2-2.201s-141.4-7.1-156.8-8.5c-4.9-.3-10.525-.825-16.988-.825zm12.188 48.026s7.1 59.399 15.7 94.199c7.2 29.2 24.8 77.7 24.8 77.7s-26.1-3.1-43-9.1c-25.9-8.5-36.9-18.7-36.9-18.7S69.6 321.8 60 295.4c-16.5-44.2-1.4-71.2-1.4-71.2s8.4-22.5 38.5-30c13.8-3.7 31-3.1 31-3.1z"/><path fill="currentColor" d="M326.8 380.1c-8.2.1-15.4 5.8-17.3 13.8-1.9 8 2 16.3 9.1 20 7.7 4 17.5 1.8 22.7-5.4 5.1-7.1 4.3-16.9-1.8-23.1l24-49.1c1.5.1 3.7.2 6.2-.5 4.1-.9 7.1-3.6 7.1-3.6 4.2 1.8 8.6 3.8 13.2 6.1 4.8 2.4 9.3 4.9 13.4 7.3.9.5 1.8 1.1 2.8 1.9 1.6 1.3 3.4 3.1 4.7 5.5 1.9 5.5-1.9 14.9-1.9 14.9-2.3 7.6-18.4 40.6-18.4 40.6-8.1-.2-15.3 5-17.7 12.5-2.6 8.1 1.1 17.3 8.9 21.3 7.8 4 17.4 1.7 22.5-5.3 5-6.8 4.6-16.3-1.1-22.6 1.9-3.7 3.7-7.4 5.6-11.3 5-10.4 13.5-30.4 13.5-30.4.9-1.7 5.7-10.3 2.7-21.3-2.5-11.4-12.6-16.7-12.6-16.7-12.2-7.9-29.2-15.2-29.2-15.2s0-4.1-1.1-7.1c-1.1-3.1-2.8-5.1-3.9-6.3 4.7-9.7 9.4-19.3 14.1-29-4.1-2-8.1-4-12.2-6.1-4.8 9.8-9.7 19.7-14.5 29.5-6.7-.1-12.9 3.5-16.1 9.4-3.4 6.3-2.7 14.1 1.9 19.8l-24.6 50.4z"/></svg>
|
|
</span>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<a class="px-1 hover:text-primary-400 text-primary-800 dark:text-primary-200" href="https://github.com/rawhide-kobayashi" target="_blank"
|
|
aria-label="Github" rel="me noopener noreferrer">
|
|
|
|
<span class="relative block icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg>
|
|
|
|
</span>
|
|
|
|
</a>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<section class="prose dark:prose-invert"></section>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<h2 class="mt-8 text-2xl font-extrabold mb-10">Recent</h2>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="relative w-screen max-w-[1600px] px-[30px]" style="left: calc(max(-50vw,-800px) + 50%);">
|
|
<section
|
|
class="w-full grid gap-4 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5">
|
|
|
|
|
|
|
|
<a href="/posts/watercooling-homelab/" class="min-w-full">
|
|
|
|
<div class="min-h-full overflow-hidden shadow-2xl relative card-styled">
|
|
|
|
<div class="w-full thumbnail_card nozoom" style="background-image:url(/posts/watercooling-homelab/featured_hu13568191302889737537.webp);"></div>
|
|
|
|
|
|
|
|
<div class="px-6 py-4">
|
|
|
|
|
|
<div class="font-bold text-xl hover:underline hover:underline-offset-2 cool-title"
|
|
href="/posts/watercooling-homelab/">Watercooling My Homelab</div>
|
|
|
|
|
|
<div class="text-sm text-neutral-500 dark:text-neutral-400">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="flex flex-row flex-wrap items-center">
|
|
|
|
|
|
<time datetime="2025-01-16T05:56:41+00:00">January 16 2025</time><span class="px-2 text-primary-500">·</span><span>5240 words</span>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<hr>
|
|
<div class="flex flex-row flex-wrap items-center">
|
|
Watercooling for my homelab with a custom, leak-resistant controller and monitoring!
|
|
</div>
|
|
|
|
|
|
<hr>
|
|
|
|
|
|
|
|
<div class="flex flex-row flex-wrap items-center">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<span style="margin-top:0.5rem" class="mr-2" onclick="window.open("/categories/homelab/",'_self');return false;">
|
|
<span class="flex" style="cursor: pointer;">
|
|
<span class="rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal">
|
|
Homelab
|
|
</span>
|
|
</span>
|
|
</span>
|
|
|
|
<span style="margin-top:0.5rem" class="mr-2" onclick="window.open("/categories/servers/",'_self');return false;">
|
|
<span class="flex" style="cursor: pointer;">
|
|
<span class="rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal">
|
|
Servers
|
|
</span>
|
|
</span>
|
|
</span>
|
|
|
|
<span style="margin-top:0.5rem" class="mr-2" onclick="window.open("/categories/watercooling/",'_self');return false;">
|
|
<span class="flex" style="cursor: pointer;">
|
|
<span class="rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal">
|
|
Watercooling
|
|
</span>
|
|
</span>
|
|
</span>
|
|
|
|
<span style="margin-top:0.5rem" class="mr-2" onclick="window.open("/categories/diy/",'_self');return false;">
|
|
<span class="flex" style="cursor: pointer;">
|
|
<span class="rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal">
|
|
Diy
|
|
</span>
|
|
</span>
|
|
</span>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<span style="margin-top:0.5rem" class="mr-2" onclick="window.open("/tags/alphacool/",'_self');return false;">
|
|
<span class="flex" style="cursor: pointer;">
|
|
<span class="rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal">
|
|
Alphacool
|
|
</span>
|
|
</span>
|
|
</span>
|
|
|
|
<span style="margin-top:0.5rem" class="mr-2" onclick="window.open("/tags/arduino/",'_self');return false;">
|
|
<span class="flex" style="cursor: pointer;">
|
|
<span class="rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal">
|
|
Arduino
|
|
</span>
|
|
</span>
|
|
</span>
|
|
|
|
<span style="margin-top:0.5rem" class="mr-2" onclick="window.open("/tags/intel/",'_self');return false;">
|
|
<span class="flex" style="cursor: pointer;">
|
|
<span class="rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal">
|
|
Intel
|
|
</span>
|
|
</span>
|
|
</span>
|
|
|
|
<span style="margin-top:0.5rem" class="mr-2" onclick="window.open("/tags/nvidia/",'_self');return false;">
|
|
<span class="flex" style="cursor: pointer;">
|
|
<span class="rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal">
|
|
Nvidia
|
|
</span>
|
|
</span>
|
|
</span>
|
|
|
|
<span style="margin-top:0.5rem" class="mr-2" onclick="window.open("/tags/supermicro/",'_self');return false;">
|
|
<span class="flex" style="cursor: pointer;">
|
|
<span class="rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal">
|
|
Supermicro
|
|
</span>
|
|
</span>
|
|
</span>
|
|
|
|
<span style="margin-top:0.5rem" class="mr-2" onclick="window.open("/tags/aqua-computer/",'_self');return false;">
|
|
<span class="flex" style="cursor: pointer;">
|
|
<span class="rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal">
|
|
Aqua Computer
|
|
</span>
|
|
</span>
|
|
</span>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<div class="px-6 pt-4 pb-2">
|
|
|
|
</div>
|
|
</div>
|
|
</a>
|
|
|
|
|
|
</section>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="mt-10 flex justify-center">
|
|
<a href="/posts/">
|
|
<button
|
|
class="bg-transparent hover:text-primary-500 prose dark:prose-invert font-semibold hover:text-white py-2 px-4 border border-primary-500 hover:border-transparent rounded">
|
|
Show More
|
|
</button>
|
|
</a>
|
|
</div>
|
|
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
</main><footer id="site-footer" class="py-10 print:hidden">
|
|
|
|
|
|
|
|
|
|
<div class="flex items-center justify-between">
|
|
|
|
|
|
|
|
<p class="text-sm text-neutral-500 dark:text-neutral-400">
|
|
<em>© 2025 rawhide kobayashi | <strong>Original content</strong> licensed under <strong><a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank">CC BY-SA 4.0</a></strong> unless otherwise noted.</em>
|
|
</p>
|
|
|
|
|
|
|
|
|
|
<p class="text-xs text-neutral-500 dark:text-neutral-400">
|
|
|
|
|
|
Powered by <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
|
|
href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> & <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
|
|
href="https://blowfish.page/" target="_blank" rel="noopener noreferrer">Blowfish</a>
|
|
</p>
|
|
|
|
|
|
</div>
|
|
<script>
|
|
|
|
</script>
|
|
|
|
|
|
<script type="text/javascript" src="/js/process.min.ee03488f19c93c2efb199e2e3014ea5f3cb2ce7d45154adb3399a158cac27ca52831db249ede5bb602700ef87eb02434139de0858af1818ab0fb4182472204a4.js" integrity="sha512-7gNIjxnJPC77GZ4uMBTqXzyyzn1FFUrbM5mhWMrCfKUoMdsknt5btgJwDvh+sCQ0E53ghYrxgYqw+0GCRyIEpA=="></script>
|
|
|
|
|
|
</footer>
|
|
<div
|
|
id="search-wrapper"
|
|
class="invisible fixed inset-0 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
|
|
data-url="https://blog.neet.works/"
|
|
style="z-index:500"
|
|
>
|
|
<div
|
|
id="search-modal"
|
|
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
|
|
>
|
|
<header class="relative z-10 flex items-center justify-between flex-none px-2">
|
|
<form class="flex items-center flex-auto min-w-0">
|
|
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
|
|
|
|
|
|
<span class="relative block icon">
|
|
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
|
|
|
</span>
|
|
|
|
|
|
</div>
|
|
<input
|
|
type="search"
|
|
id="search-query"
|
|
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
|
|
placeholder="Search"
|
|
tabindex="0"
|
|
/>
|
|
</form>
|
|
<button
|
|
id="close-search-button"
|
|
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
|
title="Close (Esc)"
|
|
>
|
|
|
|
|
|
<span class="relative block icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
|
|
|
</span>
|
|
|
|
|
|
</button>
|
|
</header>
|
|
<section class="flex-auto px-2 overflow-auto">
|
|
<ul id="search-results">
|
|
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</body>
|
|
|
|
</html>
|