43 lines
1.6 KiB
HTML
43 lines
1.6 KiB
HTML
|
---
|
||
|
|
date: 2019-08-20
|
||
|
|
weight: 33
|
||
|
|
---
|
||
|
|
|
||
|
|
<pre>
|
||
|
|
( <a class="pulse huh" href="/aside/2">...</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 = '←↑→↓↔↕↖↗↘↙↚↛↜↝↞↟↠↡↢↣↤↥↦↧↨↩↪↫↬↭↮↯↰↱↲↳↴↵↶↷↸↹↺↻↼↽↾↿⇀⇁⇂⇃⇄⇅⇆⇇⇈⇉⇊⇋⇌⇍⇎⇏⇐⇑⇒⇓⇔⇕⇖⇗⇘⇙⇚⇛⇜⇝⇞⇟⇠⇡⇢⇣⇤⇥⇦⇧⇨⇩⇪⇫⇬⇭⇮⇯⇰⇱⇲⇳⇴⇵⇶⇷⇸⇹⇺⇻⇼⇽⇾⇿'.split('');
|
||
|
|
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>
|