hypermedia blog

static site generator

hypermedia blog

dist/index.html


<html>

<head>
	<title>xero.0w.nz</title>
	<meta charset="utf-8">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="the website of xero harrison">
	<meta name="author" content="xero harrison">
	<meta name="keywords"
		content="xero, xero harrison, harrison, nu, x-e.ro, whois.x-e.ro, xero.0w.nz, code.x-e.ro, lab.x-e.ro, img.x-e.ro, etc.x-e.ro, feeds.x-e.ro, fontvir.us, fontvirus, font, fonts, git, portfolio, program, programming, code, coding, codes, codez, dev, develop, developer, qoob, open qoob, openqoob, framework, code, api, lab, laboratory, experiment, experiments, demo, netart, net art, unixporn, unix porn, unixp0rn, unixpr0n, images, photos, etc, random">
	<meta name="theme-color" content="#222222">
	<link rel="shortcut icon" href="//xero.0w.nz/ui/ico/favicon.ico">
	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="//xero.0w.nz/ui/ico/icon-144.png">
	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="//xero.0w.nz/ui/ico/icon-114.png">
	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="//xero.0w.nz/ui/ico/icon-72.png">
	<link rel="apple-touch-icon-precomposed" sizes="57x57" href="//xero.0w.nz/ui/ico/icon-57.png">
	<link rel="apple-touch-icon-precomposed" sizes="16x16" href="//xero.0w.nz/ui/ico/icon-16.png">
	<link rel="stylesheet" type="text/css" href="//xero.0w.nz/ui/theme.css">
	<link rel="stylesheet" type="text/css" href="//xero.0w.nz/ui/hack.css">
	<script src="//xero.0w.nz/ui/htmx.js"></script>
	<meta name="htmx-config" content='{"selfRequestsOnly":"true"}'>
</head>

<body>
	<header>
		<nav>
			<section id="logo"><a href="//xero.0w.nz"></a></section>
			<section id="menu"><i class="nf nf-md-menu_open" hx-on:click="htmx.toggleClass(htmx.find('#linx'), 'shown')"></i>
			</section>
			<ul id="linx">
				<li><a href="#"><i class="nf nf-fa-user"></i><b>whois</b></a></li>
				<li class="selected"><a href="#"><i class="nf nf-fa-book"></i><b>blog</b></a></li>
				<li><a href="#"><i class="nf nf-fa-code"></i><b>code</b></a></li>
				<li><a href="#"><i class="nf nf-fa-camera"></i><b>vids</b></a></li>
				<li><a href="#"><i class="nf nf-fa-flask"></i><b>lab</b></a></li>
				<li><a href="#"><i class="nf nf-seti-font"></i><b>fonts</b></a></li>
				<li><a href="#"><i class="nf nf-fa-bolt"></i><b>etc</b></a></li>
			</ul>
		</nav>
	</header>

	<section id="main">
		<section id="content">

			<article class="art post">
				<header>
					<h2><a href="//blog.x-e.ro/cthulhu_ansi">cthulhu ansi art</a></h2>
					<h3><a href="//blog.x-e.ro/category/art">art</a> :: h.p. lovecraft textart</h3>
				</header>
				<p>this cthulhu piece was a request from my friend <a href="https://lyngvaer.no/" target="_new">dcat</a>.<br>i
					released it with <a href="http://www.blocktronics.org" target="_new">blocktronics</a> in their "<a
						href="http://pc.textmod.es/pack/blocktronics_darker_image_2/" target="_new">darker image</a>" artpack.</p>
				<p><a href="https://0w.nz/x0-cthulhu.png" target="_new"><img src="//blog.x-e.ro/ui/img/blog/x0-cthulhu.png"
							alt="x0 - cthulhu"></a></p>
				<h3 class="read">Read: <a href="//blog.x-e.ro/cthulhu_ansi">cthulhu ansi art »</a></h3>
				<footer class="meta">
					<section class="date">
						<div class="day">08</div>
						<div class="month">Dec</div>
						<div class="year">2017</div>
					</section>
					<section class="info">
						<div class="cat"><i class="nf nf-md-folder_multiple"></i>posted in: <a
								href="//blog.x-e.ro/category/art">art</a> / <a href="//blog.x-e.ro/category/art/ascii">ascii</a>, <a
								href="//blog.x-e.ro/category/lab">lab</a> / <a href="//blog.x-e.ro/category/lab/netart">#netart</a>
						</div>
						<div class="tag"><i class="nf nf-md-tag_multiple"></i>tagged: <a href="//blog.x-e.ro/tag/ascii">ascii</a>,
							<a href="//blog.x-e.ro/tag/tech">tech</a>, <a href="//blog.x-e.ro/tag/1337">1337</a>, <a
								href="//blog.x-e.ro/tag/downloads">downloads</a>, <a href="//blog.x-e.ro/tag/ansi">ansi</a>, <a
								href="//blog.x-e.ro/tag/bbs">BBS</a>
						</div>
					</section>
				</footer>
			</article>

			<article class="lab post">
				<header>
					<h2><a href="//blog.x-e.ro/impure_train">all aboard the impure train!</a></h2>
					<h3><a href="//blog.x-e.ro/category/lab">lab</a> :: the widest ascii/ansi colly</h3>
				</header>
				<p>the newest <a href="http://pc.textmod.es/pack/impure67/" target="_new">impure artpack #67</a> has the
					incarnation of a conversion we had on irc. historically amiga collys are all vertical and lack color. since
					impure is already viewed as a "modern" crew for releasing in color and files wider than 80 columns... we
					decided
					why not make a modern colly?! and what's the perfect subject for a really really wide ansi? a train covered in
					graffiti of course!</p>
				<p><a href="https://0w.nz/impure-train.png"><img src="//blog.x-e.ro/ui/img/blog/x0-train.png"
							alt="x0 - impure train preview"></a></p>

				<h3 class="read">Read: <a href="//blog.x-e.ro/impure_train">all aboard the impure train! »</a></h3>
				<footer class="meta">
					<section class="date">
						<div class="day">12</div>
						<div class="month">Nov</div>
						<div class="year">2017</div>
					</section>
					<section class="info">
						<div class="cat"><i class="nf nf-md-folder_multiple"></i>posted in: <a
								href="//blog.x-e.ro/category/lab">lab</a> / <a href="//blog.x-e.ro/category/lab/demos">demos</a>, <a
								href="//blog.x-e.ro/category/lab">lab</a> / <a href="//blog.x-e.ro/category/lab/netart">#netart</a>, <a
								href="//blog.x-e.ro/category/art">art</a> / <a href="//blog.x-e.ro/category/art/graffiti">graffiti</a>,
							<a href="//blog.x-e.ro/category/art">art</a> /
							<a href="//blog.x-e.ro/category/art/ascii">ascii</a>, <a
								href="//blog.x-e.ro/category/entertainment">entertainment</a> / <a
								href="//blog.x-e.ro/category/entertainment/video">video</a>
						</div>
						<div class="tag"><i class="nf nf-md-tag_multiple"></i>tagged: <a href="//blog.x-e.ro/tag/ascii">ascii</a>,
							<a href="//blog.x-e.ro/tag/tech">tech</a>, <a href="//blog.x-e.ro/tag/1337">1337</a>, <a
								href="//blog.x-e.ro/tag/downloads">downloads</a>, <a href="//blog.x-e.ro/tag/ansi">ansi</a>, <a
								href="//blog.x-e.ro/tag/bbs">BBS</a>, <a href="//blog.x-e.ro/tag/friends">friends</a>, <a
								href="//blog.x-e.ro/tag/graffiti">graffiti</a>, <a href="//blog.x-e.ro/tag/party">party</a>, <a
								href="//blog.x-e.ro/tag/demo">demo</a>
						</div>
					</section>
				</footer>
			</article>
			<nav class="pagination">
				<ul>
					<li><a href="#">«</a></li>
					<li><a href="#">&lt;</a></li>
					<li><a href="#">1</a></li>
					<li><a href="#">2</a></li>
					<li><a href="#">3</a></li>
					<li class="selected"><a href="#">4</a></li>
					<li><a href="#">5</a></li>
					<li><a href="#">6</a></li>
					<li><a href="#">7</a></li>
					<li><a href="#">8</a></li>
					<li><a href="#">9</a></li>
					<li><a href="#">10</a></li>
					<li><a href="#">11</a></li>
					<li><a href="#">12</a></li>
					<li><a href="#">13</a></li>
					<li><a href="#">14</a></li>
					<li><a href="#">&gt;</a></li>
					<li><a href="#">»</a></li>
				</ul>
			</nav>
		</section>

		<aside>
			<section>
				<h3><em>tags</em></h3>
				<ul class="tags">
					<li><a href="//blog.x-e.ro/tag/1337" style="font-size: 138.05555555556%" title="23 posts tagged 1337">1337</a>
					</li>
					<li><a href="//blog.x-e.ro/tag/8oh6" style="font-size: 98.472222222222%" title="8 posts tagged 806">806</a>
					</li>
					<li><a href="//blog.x-e.ro/tag/8bit" style="font-size: 90.555555555556%" title="5 posts tagged 8bit">8bit</a>
					</li>
					<li><a href="//blog.x-e.ro/tag/as3" style="font-size: 124.86111111111%"
							title="18 posts tagged actionscript">actionscript</a></li>
					<li><a href="//blog.x-e.ro/tag/ansi" style="font-size: 119.58333333333%" title="16 posts tagged ansi">ansi</a>
					</li>
					<li><a href="//blog.x-e.ro/tag/ascii" style="font-size: 140.69444444444%"
							title="24 posts tagged ascii">ascii</a></li>
					<li><a href="//blog.x-e.ro/tag/dotnet" style="font-size: 90.555555555556%"
							title="5 posts tagged asp.net">asp.net</a></li>
					<li><a href="//blog.x-e.ro/tag/bbs" style="font-size: 116.94444444444%" title="15 posts tagged BBS">BBS</a>
					</li>
					<li><a href="//blog.x-e.ro/tag/blog" style="font-size: 164.44444444444%" title="33 posts tagged blog">blog</a>
					</li>
					<li><a href="//blog.x-e.ro/tag/c_sharp" style="font-size: 90.555555555556%" title="5 posts tagged c#">c#</a>
					</li>
					<li><a href="//blog.x-e.ro/tag/cgi" style="font-size: 80%" title="1 posts tagged cgi">cgi</a></li>
					<li><a href="//blog.x-e.ro/tag/code" style="font-size: 164.44444444444%" title="33 posts tagged code">code</a>
					</li>
					<li><a href="//blog.x-e.ro/tag/css" style="font-size: 85.277777777778%" title="3 posts tagged css">css</a>
					</li>
					<li><a href="//blog.x-e.ro/tag/database" style="font-size: 90.555555555556%"
							title="5 posts tagged database">database</a></li>
					<li><a href="//blog.x-e.ro/tag/demo" style="font-size: 119.58333333333%" title="16 posts tagged demo">demo</a>
					</li>
					<li><a href="//blog.x-e.ro/tag/downloads" style="font-size: 175%"
							title="37 posts tagged downloads">downloads</a></li>
					<li><a href="//blog.x-e.ro/tag/drunken" style="font-size: 98.472222222222%"
							title="8 posts tagged drunken">drunken</a></li>
					<li><a href="//blog.x-e.ro/tag/flash" style="font-size: 140.69444444444%"
							title="24 posts tagged flash">flash</a></li>
					<li><a href="//blog.x-e.ro/tag/flex" style="font-size: 124.86111111111%" title="18 posts tagged flex">flex</a>
					</li>
					<li><a href="//blog.x-e.ro/tag/fonts" style="font-size: 103.75%" title="10 posts tagged fonts">fonts</a></li>
					<li><a href="//blog.x-e.ro/tag/friends" style="font-size: 151.25%" title="28 posts tagged friends">friends</a>
					</li>
					<li><a href="//blog.x-e.ro/tag/games" style="font-size: 95.833333333333%"
							title="7 posts tagged games">games</a>
					</li>
					<li><a href="//blog.x-e.ro/tag/git" style="font-size: 82.638888888889%" title="2 posts tagged git">git</a>
					</li>
					<li><a href="//blog.x-e.ro/tag/graffiti" style="font-size: 119.58333333333%"
							title="16 posts tagged graffiti">graffiti</a></li>
					<li><a href="//blog.x-e.ro/tag/h4x" style="font-size: 95.833333333333%" title="7 posts tagged h4x">h4x</a>
					</li>
					<li><a href="//blog.x-e.ro/tag/javascript" style="font-size: 80%"
							title="1 posts tagged javascript">javascript</a></li>
					<li><a href="//blog.x-e.ro/tag/linux" style="font-size: 93.194444444444%"
							title="6 posts tagged linux">linux</a>
					</li>
					<li><a href="//blog.x-e.ro/tag/linx" style="font-size: 111.66666666667%" title="13 posts tagged linx">linx</a>
					</li>
					<li><a href="//blog.x-e.ro/tag/lsdj" style="font-size: 90.555555555556%" title="5 posts tagged LSDj">LSDj</a>
					</li>
					<li><a href="//blog.x-e.ro/tag/modz" style="font-size: 98.472222222222%" title="8 posts tagged modz">modz</a>
					</li>
					<li><a href="//blog.x-e.ro/tag/movies" style="font-size: 87.916666666667%"
							title="4 posts tagged movies">movies</a></li>
					<li><a href="//blog.x-e.ro/tag/mxml" style="font-size: 106.38888888889%" title="11 posts tagged mxml">mxml</a>
					</li>
					<li><a href="//blog.x-e.ro/tag/nintendo" style="font-size: 90.555555555556%"
							title="5 posts tagged nintendo">nintendo</a></li>
					<li><a href="//blog.x-e.ro/tag/open_source" style="font-size: 93.194444444444%"
							title="6 posts tagged open source">open source</a></li>
					<li><a href="//blog.x-e.ro/tag/pv3d" style="font-size: 119.58333333333%"
							title="16 posts tagged papervision3d">papervision3d</a></li>
					<li><a href="//blog.x-e.ro/tag/party" style="font-size: 95.833333333333%"
							title="7 posts tagged party">party</a>
					</li>
					<li><a href="//blog.x-e.ro/tag/perl" style="font-size: 80%" title="1 posts tagged perl">perl</a></li>
					<li><a href="//blog.x-e.ro/tag/photos" style="font-size: 148.61111111111%"
							title="27 posts tagged photos">photos</a></li>
					<li><a href="//blog.x-e.ro/tag/photoshop" style="font-size: 85.277777777778%"
							title="3 posts tagged photoshop">photoshop</a></li>
					<li><a href="//blog.x-e.ro/tag/php" style="font-size: 85.277777777778%" title="3 posts tagged php">php</a>
					</li>
					<li><a href="//blog.x-e.ro/tag/poetry" style="font-size: 98.472222222222%"
							title="8 posts tagged poetry">poetry</a></li>
					<li><a href="//blog.x-e.ro/tag/quotes" style="font-size: 103.75%" title="10 posts tagged quotes">quotes</a>
					</li>
					<li><a href="//blog.x-e.ro/tag/rain" style="font-size: 93.194444444444%" title="6 posts tagged rain">rain</a>
					</li>
					<li><a href="//blog.x-e.ro/tag/random" style="font-size: 172.36111111111%"
							title="36 posts tagged random">random</a></li>
					<li><a href="//blog.x-e.ro/tag/rant" style="font-size: 82.638888888889%" title="2 posts tagged rant">rant</a>
					</li>
					<li><a href="//blog.x-e.ro/tag/rawk" style="font-size: 106.38888888889%" title="11 posts tagged rawk">rawk</a>
					</li>
					<li><a href="//blog.x-e.ro/tag/recipe" style="font-size: 82.638888888889%"
							title="2 posts tagged recipe">recipe</a></li>
					<li><a href="//blog.x-e.ro/tag/shell" style="font-size: 85.277777777778%"
							title="3 posts tagged shell">shell</a>
					</li>
					<li><a href="//blog.x-e.ro/tag/shows" style="font-size: 87.916666666667%"
							title="4 posts tagged shows">shows</a>
					</li>
					<li><a href="//blog.x-e.ro/tag/sql" style="font-size: 87.916666666667%" title="4 posts tagged SQL">SQL</a>
					</li>
					<li><a href="//blog.x-e.ro/tag/tech" style="font-size: 145.97222222222%" title="26 posts tagged tech">tech</a>
					</li>
					<li><a href="//blog.x-e.ro/tag/tutorial" style="font-size: 111.66666666667%"
							title="13 posts tagged tutorial">tutorial</a></li>
					<li><a href="//blog.x-e.ro/tag/vacation" style="font-size: 90.555555555556%"
							title="5 posts tagged vacation">vacation</a></li>
					<li><a href="//blog.x-e.ro/tag/wii" style="font-size: 82.638888888889%" title="2 posts tagged wii">wii</a>
					</li>
					<li><a href="//blog.x-e.ro/tag/winter" style="font-size: 82.638888888889%"
							title="2 posts tagged winter">winter</a></li>
					<li><a href="//blog.x-e.ro/tag/work" style="font-size: 93.194444444444%" title="6 posts tagged work">work</a>
					</li>
				</ul>
			</section>
			<section>
				<h3><em>categories</em></h3>
				<article class="cats flex">
					<article class="flex-col basis-1/2 mr-2">
						<i class="code nf nf-md-folder_multiple"></i><a class="code title"
							href="//blog.x-e.ro/category/code/">code</a>
						<ul class="code">
							<li><a href="//blog.x-e.ro/category/code/as3/">actionscript</a></li>
							<li><a href="//blog.x-e.ro/category/code/c-sharp/">c#</a></li>
							<li><a href="//blog.x-e.ro/category/code/sql/">sql</a></li>
							<li><a href="//blog.x-e.ro/category/code/php/">php</a></li>
							<li><a href="//blog.x-e.ro/category/code/perl/">perl</a></li>
							<li><a href="//blog.x-e.ro/category/code/html-css/">html/css</a></li>
							<li><a href="//blog.x-e.ro/category/code/javascript/">javascript</a></li>
							<li><a href="//blog.x-e.ro/category/code/shell/">shell</a></li>
						</ul>
						<i class="art nf nf-md-folder_multiple"></i><a class="art title" href="//blog.x-e.ro/category/art/">art</a>
						<ul class="art">
							<li><a href="//blog.x-e.ro/category/art/fonts/">fonts</a></li>
							<li><a href="//blog.x-e.ro/category/art/abstract/">abstract</a></li>
							<li><a href="//blog.x-e.ro/category/art/pixel/">pixel</a></li>
							<li><a href="//blog.x-e.ro/category/art/ascii/">ascii</a></li>
							<li><a href="//blog.x-e.ro/category/art/graffiti/">graffiti</a></li>
						</ul>
						<i class="notes nf nf-md-folder_multiple"></i><a class="notes title"
							href="//blog.x-e.ro/category/notes/">notes</a>
						<ul class="notes">
							<li><a href="//blog.x-e.ro/category/notes/misc/">misc</a></li>
						</ul>
					</article>
					<article class="flex-col basis-1/2">
						<i class="lab nf nf-md-folder_multiple"></i><a class="lab title" href="//blog.x-e.ro/category/lab/">lab</a>
						<ul class="lab">
							<li><a href="//blog.x-e.ro/category/lab/demos/">demos</a></li>
							<li><a href="//blog.x-e.ro/category/lab/interactive/">interactive</a></li>
							<li><a href="//blog.x-e.ro/category/lab/linux/">linux</a></li>
							<li><a href="//blog.x-e.ro/category/lab/mobile/">mobile</a></li>
							<li><a href="//blog.x-e.ro/category/lab/h4x/">h4x</a></li>
							<li><a href="//blog.x-e.ro/category/lab/netart/">#netart</a></li>
						</ul>
						<i class="entertainment nf nf-md-folder_multiple"></i><a class="entertainment title"
							href="//blog.x-e.ro/category/entertainment/">entertainment</a>
						<ul class="entertainment">
							<li><a href="//blog.x-e.ro/category/entertainment/games/">games</a></li>
							<li><a href="//blog.x-e.ro/category/entertainment/audio/">audio</a></li>
							<li><a href="//blog.x-e.ro/category/entertainment/video/">video</a></li>
						</ul>
						<i class="random nf nf-md-folder_multiple"></i><a class="random title"
							href="//blog.x-e.ro/category/random/">random</a>
						<ul class="random">
							<li><a href="//blog.x-e.ro/category/random/math/">math.random()</a></li>
							<li><a href="//blog.x-e.ro/category/random/life/">life</a></li>
							<li><a href="//blog.x-e.ro/category/random/quotes/">quotes</a></li>
						</ul>
						<i class="uncategorized nf nf-md-folder_multiple"></i><a class="uncategorized title"
							href="//blog.x-e.ro/category/uncategorized/">uncategorized</a>
					</article>
				</article>
			</section>
			<section>
				<h3><em>feeds</em></h3>
				<article class="feeds flex">
					<article class="ico flex-col basis-1/3">
						<i class="nf nf-md-rss"></i>
					</article>
					<article class="list flex-col basis-2/3">
						<ul class="rss">
							<li><a href="http://feeds.xero.nu/rss/blog/newest">newest posts</a></li>
							<li><a href="http://feeds.xero.nu/">more feeds</a></li>
						</ul>
					</article>
				</article>
				<article class="feeds flex">
					<article class="ico flex-col basis-1/3">
						<i class="nf nf-md-radioactive"></i>
					</article>
					<article class="list flex-col basis-2/3">
						<ul class="atom">
							<li><a href="http://feeds.xero.nu/atom/blog/newest">newest posts</a></li>
							<li><a href="http://feeds.xero.nu/">more feeds</a></li>
						</ul>
					</article>
				</article>
			</section>
		</aside>
	</section>

	<footer>
		<section id="cc"><i class="nf nf-fae-cc_cc"></i>&nbsp; 2023 xero harrison
			<img src="//xero.0w.nz/ui/img/metroid-larva.gif" id="metroid-larva" alt="metroid-larva">
			<img src="//xero.0w.nz/ui/img/metroid.gif" id="metroid" alt="metroid">
		</section>
		<nav>
			<ul>
				<li><a id="git" class="nf nf-fa-git" href="#"></a></li>
				<li><a id="rss" class="nf nf-fa-rss" href="#"></a></li>
			</ul>
		</nav>
	</footer>
</body>

</html>

Download

raw zip tar