1 files changed, 161 insertions, 0 deletions
diff --git a/locations/identities.html b/locations/identities.html
new file mode 100644
index 0000000..89ed2ed
--- /dev/null
+++ b/locations/identities.html
@@ -0,0 +1,161 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <title>talha's corner</title>
+</head>
+<style>
+  @font-face {
+    font-family: interceptor;
+    src: url('/assets/interceptor/Interceptor.otf')
+  }
+
+  html {
+    background-color: black;
+    color: white;
+    font-family: interceptor;
+  }
+
+  .profiles-ctn {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-evenly;
+    align-items: center;
+    margin-top: 15%;
+  }
+
+  .profile-section {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    width: fit-content;
+    border: 5px double #8ae234;
+    background-color: rgba(85, 87, 83, 0.2);
+  }
+
+  .profile-section .heading {
+    padding: 5px 10px 5px 10px;
+    margin-bottom: 5px;
+    border-bottom: 2px dashed #8ae234;
+    font-size: 24px;
+    color: #32afff;
+  }
+
+  .profile ul {
+    list-style-type: none;
+    padding: 5px 10px 5px 5px;
+    margin: 0;
+    font-size: 22px;
+  }
+
+  .profile ul li {
+    padding: 5px 10px 5px 10px;
+  }
+
+  .profile ul li a {
+    color: #fce94f;
+  }
+
+  .desc {
+    font-size: 18px;
+    color: white;
+  }
+
+  .small {
+    font-size: 16px;
+    color: white;
+  }
+
+  .high {
+    color: #4e9a06;
+  }
+
+  .medium {
+    color: #c4a000;
+  }
+
+  .low {
+    color: #cc0000;
+  }
+
+  .p1 {
+    transform: rotate(-2deg);
+    animation: MoveDownUp 10s ease-in-out infinite;
+  }
+
+  .p2 {
+    transform: rotate(0deg);
+    animation: MoveUpDown 6s ease-in-out infinite;
+  }
+
+  .return-link {
+    position: fixed;
+    color: #ef2929;
+    text-decoration: none;
+    padding: 5px;
+    border: 2px double #ef2929;
+    font-size: 20px;
+    top: 5%;
+    right: 5%;
+    transform: rotate(3deg);
+  }
+
+  @keyframes MoveUpDown {
+    0%,
+    100% {
+      translate: 0;
+    }
+
+    50% {
+      translate: 0 -20px;
+    }
+  }
+  @keyframes MoveDownUp {
+    0%,
+    100% {
+      translate: 0;
+    }
+
+    50% {
+      translate: 0 20px;
+    }
+  }
+</style>
+
+<body>
+  <a class="return-link" href="/index.html">close</a>
+  <div class="profiles-ctn">
+    <div class="profile-section p1">
+      <div class="heading">
+        code
+      </div>
+
+      <div class="profile">
+        <ul>
+          <li><a href="https://www.git.talhaamir.xyz">cgit</a></li>
+          <li class="desc">home to experiments, playground projects <br />
+            and graveyards of unfinished works</li>
+          <li class="small">usage frequency: <small class="high">high</small></li>
+        </ul>
+        <ul>
+          <li><a href="https://www.github.com/sarcxd">github</a></li>
+          <li class="desc">tracker for traces of older works</li>
+          <li class="small">usage frequency: <small class="low">low</small></li>
+        </ul>
+      </div>
+    </div>
+    <div class="profile p2">
+      <ul>
+        <li><a href="https://www.linkedin.com/in/talha-aamir-0253a1168/">linkedin</a></li>
+        <li class="small">usage frequency: <small class="medium">medium</small></li>
+      </ul>
+      <ul>
+        <li><a href="mailto://talhaaamir@gmail.com">email</a></li>
+        <li class="small">usage frequency: <small class="high">high</small></li>
+      </ul>
+    </div>
+  </div>
+  </profiles-body>
+</body>
+
+</html>