1 files changed, 107 insertions, 0 deletions
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..bc26525
--- /dev/null
+++ b/index.html
@@ -0,0 +1,107 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <title>talha's corner</title>
+</head>
+
+<body>
+  <div class="text">
+    <div class="text-ele">
+      <small><b class="client">client</b> connected successfully</small><br />
+      <small><b class="btlr">btlr</b> analyzing... found <b>20</b> new fluctuations. Killing processes.. in
+        20(s)</small><br />
+      <b class="host">host</b> what do you seek?<br />
+      <small><b class="btlr">btlr</b> restarted by <b class="host">host</b></small><br />
+      <small><b class="btlr">btlr</b> analyzing... found <b>800</b> new fluctuations. Killing processes.. in
+        20(s)</small><br />
+      <b class="host">host</b> hurry... not much time left now.<br />
+      <small><b class="host">host</b> timed out... retrying in � minutes</small><br /><br />
+      <small>-- Emergency mode. Starting service <b class="sos">sos</b> --</small><br />
+      <b class="sos">sos</b> what would you like to view?</b>
+      <ul class="navlist">
+        <li><button>writings</button></li>
+        <li><button>experiments</button></li>
+        <li><button>history</button></li>
+        <li><button>about</button></li>
+        <li><a href="/locations/identities.html">online identities</a></li>
+      </ul>
+    </div>
+    <div class="date">
+      <small>2077-11-01</small>
+    </div>
+  </div>
+  <img class="intro-img" src="/assets/RetroFutureRoomDistorted.jpeg" />
+</body>
+<style>
+  @font-face {
+    font-family: fallout-terminal;
+    src: url('/assets/fallout-terminal-font.ttf');
+  }
+
+  html {
+    background-color: black;
+    font-family: fallout-terminal;
+  }
+
+  body {
+    display: flex;
+    flex-direction: column;
+    color: white;
+    align-items: center;
+  }
+
+  .text {
+    font-size: 20px;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+  }
+
+  .navlist {
+    display: flex;
+    justify-content: space-between;
+    list-style-type: none;
+    padding: 0;
+    margin: 15px 0 15px 0;
+  }
+
+  .navlist button,
+  .navlist a {
+    background: black;
+    color: #4af626;
+    cursor: pointer;
+    font-family: fallout-terminal;
+    font-size: 20px;
+    border-top: none;
+    border-left: none;
+    border-right: none;
+    border-bottom: 2px dashed;
+    text-decoration: none;
+  }
+
+  .intro-img {
+    max-width: 80%;
+  }
+
+  .host {
+    color: #32afff;
+  }
+
+  .btlr {
+    color: yellow;
+  }
+
+  .warn {
+    color: red;
+  }
+
+  .date {
+    color: #4af626;
+  }
+
+  .sos {
+    color: #75507b;
+  }
+
+  </html>