<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>lambda.cx home</title> <style> body { background: black; color: white; font-family: monospace; } #braille { line-height: .92; border: 1px solid white; } .bigguy { display: flex; } .lambda { font-family: Andale Mono, monospace; font-size: 12px; display: inline-block; } .linkbox { display: flex; align-items: center; justify-content: center; flex: 1; } .links { font-size: 16px; display: inline-block; position: absolute; background: black; padding: 3px; border: 1px solid white; } .links > span { color: white; } .links a { color: lightgrey; } .links a:visited { color: grey; } @media only screen and (max-width: 440px) { .bigguy { display: block; } } </style> </head> <body> <div class="bigguy"> <pre class="lambda"></pre> <div class="linkbox"> <pre id="braille"></pre> <div class="links"> <span>==> </span><a href="https://blog.lambda.cx">blog</a><br/> <span>==> </span><a href="https://github.com/dantecatalfamo">github</a> </div> </div> </div> <script src="lambda.js"></script> <script src="braille.js"></script> </body> </html>