<!doctype html> <html> <head> <title>Attic Binary Cache</title> <style> .cursor { display: inline-block; background-color: black; animation-name: cursor; animation-duration: 0.8s; animation-iteration-count: infinite; } @keyframes cursor { 0% { background-color: #ffffff; } 20% { background-color: #555; } 50% { background-color: #555; } 60% { background-color: #ffffff; } 100% { background-color: #ffffff; } } /* https://stackoverflow.com/a/13356401 */ body { background-color: #1e1e2e; } pre { color: #f5e0dc; } #box { width: 100px; height: 100px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } </style> </head> <body> <div id="box"> <pre> ┏━━━━━━━━━━━━━━━━┑ ┃┏━━━ @ ━━━ @ ━━┓┃ ┃┃ ┃┃ ┃┃$ attic push <div class="cursor"> </div>┃┃ ┃┃ ┃┃ ┃┗━━━ ╰─────╯ ━━┛┃ ┗━━━━━━━━━━━━━━━━┛ ╲ ############### ╲ ╲ ############### ╲ ╲ ############### ╲ ━━━━━━━━━━━━━━━━━━ </pre> </div> </body> </html>