aside 3

content/core/045.html

@@ -0,0 +1,42 @@
+---
+date: 2019-08-20
+weight: 45
+---
+
+<pre>
+                    ( <a class="pulse huh" href="/aside/3">...</a> )
+                  O
+                o
+              .
+_____,,,_^..^_,,,_____
+__|____|____|____|____
+____|____|____|____|__
+</pre>
+
+<script type="text/javascript">
+/*
+    Arrows this time?
+
+I like arrow symbols. There's just so much weird little things you'd never think of that someone said, "Wait, hold on, we *definitely* need that in unicode."
+
+Besides, some of them are pointing at me.
+*/
+
+const grawlix = [2, 3, 5, 7, 13, 23, 42, 'e', 'i'];
+let el = document.querySelector('.huh');
+el.innerHTML = '';
+el.insertAdjacentHTML('beforeend', '<span class="i1"></span><span class="i2"></span><span class="i3"></span><span class="i4"></span><span class="i5"></span><span class="i6"></span><span class="i7"></span><span class="i8"></span><span class="i9"></span><span class="i10"></span>');
+let filled = 0;
+window.setInterval(() => {
+    let inner = document.querySelector('.huh .i' + (Math.floor(Math.random() * 10) + 1));
+    if (Math.floor(Math.random() * 10) % 3 == 0 && filled > 3) {
+        inner.textContent = '';
+        filled--;
+    } else {
+        if (inner.textContent == '') {
+            filled++;
+        }
+        inner.textContent = grawlix[Math.floor(Math.random() * grawlix.length)] + ' ';
+    }
+}, 250);
+</script>