---
date: 2019-08-20
weight: 45
---

<div class="cw">Cognitive hazard, color changes</div>

<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>