Add braille

1 files changed, 22 insertions, 16 deletions

diff --git a/index.html b/index.html
index 5dce83d..a995095 100644
--- a/index.html
+++ b/index.html
@@ -7,34 +7,38 @@
     <title>lambda.cx home</title>
     <style>
      body {
-         background: black;
-         font-family: monospace;
+       background: black;
+       color: white;
+       font-family: monospace;
+     }
+     #braille {
+       line-height: .92;
      }
      .bigguy {
-         display: flex;
+       display: flex;
      }
      .lambda {
-         font-family: Andale Mono, monospace;
-         font-size: 12px;
-         display: inline-block;
+       font-family: Andale Mono, monospace;
+       font-size: 12px;
+       display: inline-block;
      }
      .linkbox {
-         display: flex;
-         align-items: center;
-         justify-content: center;
-         flex: 1;
+       display: flex;
+       align-items: center;
+       justify-content: center;
+       flex: 1;
      }
      .links {
-         font-size: 16px;
-         display: inline-block;
+       font-size: 16px;
+       display: inline-block;
      }
      .links > span {
        color: white;
      }
      @media only screen and (max-width: 440px) {
-         .bigguy {
-             display: block;
-         }
+       .bigguy {
+         display: block;
+       }
      }
     </style>
   </head>
@@ -42,12 +46,14 @@
     <div class="bigguy">
       <pre class="lambda"></pre>
       <div class="linkbox">
+        <pre id="braille"></pre>
         <div class="links">
           <span>==&gt; </span><a href="https://blog.lambda.cx">blog</a><br/>
           <span>==&gt; </span><a href="https://github.com/dantecatalfamo">github</a>
         </div>
       </div>
     </div>
-    <script src="script.js"></script>
+    <script src="lambda.js"></script>
+    <script src="braille.js"></script>
   </body>
 </html>