illbang
Version:
108 lines (97 loc) • 3.92 kB
HTML
<html lang="en-US" class="dew-solar dew-wet dew-tab dew-hyper dew-shift dew-diy">
<meta charset="utf-8">
<meta name="theme-color" content="hotpink">
<meta name="color-scheme" content="dark light">
<meta name="viewport" content="width=device-width">
<title>the illbang ¡!</title>
<link rel="stylesheet" href="dew.css">
<link rel="stylesheet" href="diy.css">
<link rel="stylesheet" href="ill.css">
<link rel="icon" href="icon.svg">
<link rel="apple-touch-icon" href="icon.png">
<link rel="license" href="LICENSE.txt">
<meta name="author" content="ryanve">
<meta name="description" content="illbang meaning and sigil design deets">
<meta property="og:image" content="icon.png">
<meta property="og:image:alt" content="¡!">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="1280">
<figure class="showcase">
<input class="dew-field" id="turn" type="checkbox">
<label class="dew-polar" for="turn">¡!</label>
<svg
data-turn
width="100vmin"
height="100vmin"
viewBox="0 0 2400 2400"
xmlns="http://www.w3.org/2000/svg"
>
<title>¡!</title>
<style>
svg { background: transparent }
rect { fill: currentColor }
</style>
<rect x="617" y="800" width="300" height="1300" />
<rect x="617" y="300" width="300" height="300" />
<rect x="1483" y="300" width="300" height="1300" />
<rect x="1483" y="1800" width="300" height="300" />
</svg>
<figcaption>
<h1><a href="?#turn">the illbang</a></h1>
</figcaption>
</figure>
<details open id="visual">
<summary>visual</summary>
<ul>
<li>appears like <kbd>¡!</kbd> symbols
<li>composed of 4 rectangles
<li>fibonacci scale 1, 1, 2, 3, 5
<li><a href="?oil=purple&ink=%23bae">hella</a> <a href="?oil=violet&ink=black">remixable</a>
<li><a href="icon.svg">dot svg</a>
</ul>
</details>
<details open id="story">
<summary>story</summary>
<ul>
<li>story so ill it needs no name
<li>universal universe ill
<li>created by <a href="https://twitter.com/ryanve">ryan</a> as a universality sigil
<li>early inspo was my
<a href="?oil=indigo&ink=springgreen&turn=true">dual green</a>
<a href="https://user-images.githubusercontent.com/949985/50048751-1b4c1000-0089-11e9-93fb-b2ce9a28eea6.jpeg">test tubes tattoo</a>
<li>evokes experimentation and balance
<li><a href="?oil=%23bff&ink=%23415">OG sticker</a> color vibes norcal hexes
<li>illnamed by <a href="https://twitter.com/jrdnrich">jordan</a> in
<a href="?oil=skyblue&ink=%23404">atlanta</a> where
<a href="https://www.instagram.com/overstandme">overstandme</a>
<time datetime="2021-07">silkscreened</time> one tee
<li><a href="https://twitter.com/ryanve">hmu</a> with your tee size if u wanna buy a fresh shirt
<li><a href="https://ryanve.dev/numerologia/?_=illbang">illbang sums to 30</a> meaning its destiny is expression
<li>thank you for exploring <a href="https://github.com/ryanve/illbang">opensource</a>
</ul>
</details>
<details open id="i13s">
<summary>interpretations</summary>
<ul>
<li><strong>¡!</strong>
<li>ill
<li>universality
<li>universe ill
<li>experimental
<li>equality
<li>friction
<li>balance
<li>motion
<li><a href="?oil=deepskyblue&ink=purple">flow</a>
<li><a href="?oil=black&ink=gainsboro">yin yang</a>
<li><a href="?oil=blue&ink=lavender">hypertext</a>
<li><a href="?oil=crimson&ink=linen">matchsticks</a>
<li><a href="?oil=indigo&ink=springgreen&turn=true">test tubes</a>
<li><a href="?oil=deeppink&ink=black">sparks</a>
<li><a href="?oil=powderblue&ink=deeppink">venus</a>
<li><a href="?oil=pink&ink=darkviolet&turn=true">hugs</a>
<li><a href="?oil=midnightblue&ink=coral">atc</a>
</ul>
</details>
<script async src="ill.js"></script>