|
|
|
|
@ -14,6 +14,94 @@ |
|
|
|
|
<body> |
|
|
|
|
|
|
|
|
|
<header> |
|
|
|
|
|
|
|
|
|
<pre class="fuck-it-up"> |
|
|
|
|
.%*. .-. |
|
|
|
|
.%@@@+. .--=%@@@- |
|
|
|
|
=@@@@@@- :--+@@@@@@@@@* |
|
|
|
|
*@%@@@@@%: :--=#@@@@@@@@@@@@#@@+ |
|
|
|
|
@@::%@@@@@@-: :::-=%@@@@@@@@@@@@@@%#*- :@* |
|
|
|
|
.@@ =@@@@@@@@@+-:::::::-=*@@@@@@@@@@@@@@@@@@@%##- @@: |
|
|
|
|
#@# +%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%%#*: -@@ |
|
|
|
|
#@- *%@@@@@@@@@@@@@@@@@%%%#= %@= |
|
|
|
|
@@: -=+++== .. @@: |
|
|
|
|
@@ . -@@@ +@@ |
|
|
|
|
#@% =@@@@- +@@@@# *+ %@# |
|
|
|
|
#@- -@@@@@@@. +@@@@@% .%@@@@= @@: |
|
|
|
|
@@: +@@@@@@@@@ +@+ +@@@ %@@@@@@@@@ -@@ |
|
|
|
|
@@ *@%@* :@@@ *@+ -@@@ %@@@@@@@@@@@# @@@ |
|
|
|
|
#@% %@ @% %@@ *@* .@@@ =@@@*@@ :@@@@ @@: |
|
|
|
|
%@:## *@+ :@@ :@@ @@@ %@@: @# .@@@ .@@ |
|
|
|
|
@@:. @@: .@@ @@ @@@ %@: @@ @@% @@% |
|
|
|
|
@@ -@@. =@@ @@. @@@ %@. #@- @@# @@. |
|
|
|
|
%@% +@@. @@. %@- @@@ #@ @@. :@@ -@@ |
|
|
|
|
%@: +@@+ .@% #@= @@@.@ *@@ +@+ @@* |
|
|
|
|
@@: +@@%. .%% *@+ @@@ %@@ -@# @@ |
|
|
|
|
@@ :@@@@@@% :@@ @@% %@@ @# *@@ |
|
|
|
|
%@@ #@@@@* @@ @@% %@@. %@. @@: |
|
|
|
|
@@: ===: @@. @@% %@@: =@%. .@@ |
|
|
|
|
@@. #@= @@% %@@%+%@#. @@% |
|
|
|
|
@@ +@* @@# -@@@@@* .@@ |
|
|
|
|
%@@ :@@ @@# %@@#: =@@ |
|
|
|
|
@@: .@@ @@# : @@= |
|
|
|
|
@@. @@. @@# :@@ |
|
|
|
|
@@ #@= @@% %@% |
|
|
|
|
#@@ +@+ #@% .@@ |
|
|
|
|
@@: =@# +@% =@% |
|
|
|
|
@@ :@% -@@ @@+ |
|
|
|
|
@@ .@@ -@: -@@ |
|
|
|
|
-@@ @% .: *@# |
|
|
|
|
@@* # @@. |
|
|
|
|
@@ =@@ |
|
|
|
|
.@@ @@* |
|
|
|
|
.@@ .@@ |
|
|
|
|
*@@ =@# |
|
|
|
|
@@* @@* |
|
|
|
|
@@ -@@ |
|
|
|
|
.@@ +@* |
|
|
|
|
.@@ @@- |
|
|
|
|
-@@ =@@ |
|
|
|
|
%@% #@* |
|
|
|
|
@@ @@: |
|
|
|
|
@@ +@@ |
|
|
|
|
.@@ %@+ |
|
|
|
|
:@% @@. |
|
|
|
|
:@% *@% |
|
|
|
|
-@. %@= |
|
|
|
|
%@ @@. |
|
|
|
|
@@ *@% |
|
|
|
|
@@ %@= |
|
|
|
|
@% @@: |
|
|
|
|
:@% +@@ |
|
|
|
|
:@* =+- #@+ |
|
|
|
|
:@: .%@@@. @@- |
|
|
|
|
-@ =@@@@@# :@@ |
|
|
|
|
=@ *@#.=@@% #@% |
|
|
|
|
*@ #@- -@@% %@- |
|
|
|
|
@@ #@: :@@% @@: |
|
|
|
|
@@ #% .@@% .#@@* -@@ |
|
|
|
|
@% #% .@@% +@@@@@- %@% |
|
|
|
|
@# %@ :@@% .@@@@@@@@ %@: |
|
|
|
|
@# %@ :@@% +@@% .@@@@ @@: |
|
|
|
|
@# %@ :@@% #@@: :@@@ -@@ |
|
|
|
|
@# @@. .@@@ .@@% .@@@= %@% |
|
|
|
|
@# @@. .@@@: %@@- @@@% %@: |
|
|
|
|
@# @@ @@@@ %@@@ *@@@ @@: |
|
|
|
|
@# .@@ @@@@@@@@@@= :@@@ @@ |
|
|
|
|
* @@@ :@@@@@@@@. :@@@ *@@ |
|
|
|
|
.@@@@@% -@@@@@. .@@@ @@= |
|
|
|
|
@@@@@: .. @@@ @@. |
|
|
|
|
-@%: @@@ @@. |
|
|
|
|
@@@ @@ |
|
|
|
|
-@@ =@@ |
|
|
|
|
.@@ @@+ |
|
|
|
|
.@@:@@. |
|
|
|
|
@@#@- |
|
|
|
|
@@@. |
|
|
|
|
+@- |
|
|
|
|
- |
|
|
|
|
</pre> |
|
|
|
|
|
|
|
|
|
<a href="{{ BlogURL "/" }}"><strong>Mediocre Blog</strong></a> |
|
|
|
|
by |
|
|
|
|
<a href="https://mediocregopher.com">mediocregopher</a> |
|
|
|
|
@ -29,5 +117,100 @@ |
|
|
|
|
|
|
|
|
|
</body> |
|
|
|
|
|
|
|
|
|
<!-- |
|
|
|
|
|
|
|
|
|
Everything in this site is static and uses classless CSS. |
|
|
|
|
|
|
|
|
|
Except for the ghost. Cause he's special. |
|
|
|
|
|
|
|
|
|
--> |
|
|
|
|
|
|
|
|
|
<style> |
|
|
|
|
|
|
|
|
|
header { |
|
|
|
|
/* so the ghost still affects the header's height */ |
|
|
|
|
overflow: hidden; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.fuck-it-up { |
|
|
|
|
|
|
|
|
|
color: var(--nc-lk-1); |
|
|
|
|
font-family:Courier,monospace; |
|
|
|
|
font-weight: bold; |
|
|
|
|
font-size:0.18rem; |
|
|
|
|
line-height:0.09rem; |
|
|
|
|
|
|
|
|
|
background-color: #FFFFFF00; |
|
|
|
|
width: min-content; |
|
|
|
|
|
|
|
|
|
margin: 0; |
|
|
|
|
padding: 0 1rem 0 0; |
|
|
|
|
border: none; |
|
|
|
|
|
|
|
|
|
float: left; |
|
|
|
|
overflow: hidden; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@media (max-device-width: 800px) { |
|
|
|
|
.fuck-it-up { |
|
|
|
|
display: none; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
|
|
|
|
|
const pre = document.querySelectorAll(".fuck-it-up")[0]; |
|
|
|
|
|
|
|
|
|
function replaceAt(str, index, replacement) { |
|
|
|
|
return str.substr(0, index) + replacement+ str.substr(index + replacement.length); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// right-pad the lines |
|
|
|
|
const lines = pre.innerText.split('\n'); |
|
|
|
|
|
|
|
|
|
let maxL = 0; |
|
|
|
|
lines.forEach((line) => { |
|
|
|
|
maxL = maxL > line.length ? maxL : line.length; |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
pre.innerText = lines.map((line) => |
|
|
|
|
line + " ".repeat(maxL - line.length) |
|
|
|
|
).join('\n'); |
|
|
|
|
|
|
|
|
|
function fuckItUp() { |
|
|
|
|
while (true) { |
|
|
|
|
var txt = pre.innerText; |
|
|
|
|
var len = txt.length; |
|
|
|
|
|
|
|
|
|
var a = Math.floor(Math.random() * len); |
|
|
|
|
var aChar = txt.charAt(a); |
|
|
|
|
var b = Math.floor(Math.random() * len); |
|
|
|
|
var bChar = txt.charAt(b); |
|
|
|
|
|
|
|
|
|
if ( |
|
|
|
|
aChar == "\n" || bChar == "\n" |
|
|
|
|
) continue; |
|
|
|
|
|
|
|
|
|
txt = replaceAt(txt, a, bChar); |
|
|
|
|
txt = replaceAt(txt, b, aChar); |
|
|
|
|
pre.innerText = txt; |
|
|
|
|
|
|
|
|
|
break |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
var wait = 1000; |
|
|
|
|
function fuckItUpALot() { |
|
|
|
|
fuckItUp(); |
|
|
|
|
if (wait > 2) { wait *= 0.95; } |
|
|
|
|
setTimeout(fuckItUpALot, wait); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
if (window.getComputedStyle(pre).display != "none") |
|
|
|
|
setTimeout(fuckItUpALot, wait); |
|
|
|
|
|
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
</html> |
|
|
|
|
|
|
|
|
|
|
Brian Picciano
1 year ago