<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <link rel="icon" href="%PUBLIC_URL%/favicon.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#cba6f7" class="theme-color" />
    <meta http-equiv="onion-location" content="http://ohdhie7qka42mvxcl2lb5bcxw6jumwn6lbqdmpli3xxhktvyqg2gtryd.onion/">
    <meta
      name="description"
      content="My site saahild.com"
    />
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
    <title>Loading...</title>
    <!-- Google / Search Engine Tags -->
    <meta itemprop="name" content="Saahil" />
    <meta
      itemprop="image"
      content="screenshot.png"
    />

    <!-- Facebook Meta Tags -->
    <meta property="og:url" content="https://saahild.com" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Saahil" />
    <meta
      property="og:image"
      content="screenshot.png"
    />

    <!-- Twitter Meta Tags -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Saahil" />
    <meta
      name="twitter:description"
      content="My site saahild.com"
    />
    <meta
      name="twitter:image"
      content="screenshot.png"
    />
    <!-- <script async src="https://ackee.saahild.com/tracker.js" data-ackee-server="https://ackee.saahild.com" data-ackee-domain-id="c082bd15-f9d8-414f-aa10-926e1d66a5d6" data-ackee-opts='{ "ignoreOwnVisits": false, "detailed": true }'></script> -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
  </head>
  
  <body>
   
    <noscript>
      <META HTTP-EQUIV="refresh" CONTENT="15">
        <style>
          /* body {font-family: Arial, Helvetica, sans-serif;} */
          /* The Modal (background) */
          .my-modal {
            display: none;
            position: fixed; /* Stay in place */
            z-index: 1;
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: #1e1e2e; /* Fallback color */
            background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
            -webkit-animation-name: fadeIn; /* Fade in the background */
            -webkit-animation-duration: 0.4s;
            animation-name: fadeIn;
            animation-duration: 0.4s;
          }
    
          /* Modal Content */
          .my-modal-content {
            position: fixed;
            color: #cdd6f4;
            bottom: 0;
            background-color: #313244;
            width: 100%;
            -webkit-animation-name: slideIn;
            -webkit-animation-duration: 0.4s;
            animation-name: slideIn;
            animation-duration: 0.4s;
          }
    
          /* The Close Button */
          .my-close {
            color: #cba6f7;
            float: right;
            font-size: 28px;
            font-weight: bold;
          }
    
          .my-close:hover,
          .my-close:focus {
            color: #f5c2e7;
            text-decoration: none;
            cursor: pointer;
          }
    
          .my-modal-header {
            padding: 2px 16px;
            background-image: linear-gradient(
              to left,
              #1e1e2e,
              #11111b
            );
              /*#5cb85c */;
            color: white;
          }
    
          .my-modal-body {
            padding: 2px 16px;
          }
    
          .my-modal-footer {
            padding: 2px 16px;
            /* bottom: 0; */
            /* position: absolute; */
            /* right: 50%; */
            /* background-color: #5cb85c; */
            background-repeat: repeat-x;
            background-image: linear-gradient(
              to left,
              #1e1e2e,
              #11111b
            );
            color: #cdd6f4;
          }
    
          /* Add Animation */
          @-webkit-keyframes slideIn {
            from {
              bottom: -300px;
              opacity: 0;
            }
            to {
              bottom: 0;
              opacity: 1;
            }
          }
    
          @keyframes slideIn {
            from {
              bottom: -300px;
              opacity: 0;
            }
            to {
              bottom: 0;
              opacity: 1;
            }
          }
    
          @-webkit-keyframes fadeIn {
            from {
              opacity: 0;
            }
            to {
              opacity: 1;
            }
          }
    
          @keyframes fadeIn {
            from {
              opacity: 0;
            }
            to {
              opacity: 1;
            }
          }
          a {
        color: #89b4fa;
    }
    a:hover {
        color: #b4befe;
    }
    a:visited {
        color: #cba6f7;
    }
        </style>
      <div class="my-modal-content" style="height: 100vh;">
        <div class="my-modal-header">
          <span class="my-close"><a href="/">&times;</a> </span>
          <h2>Please enable javascript</h2>
        </div>
        <div class="my-modal-body" style="height: 85vh;">
          <p>You need to enable JavaScript to run this app.</p>
        </div>
        <div class="my-modal-footer">
          <h3>Reload page once you have enabled javascript or click <a href="/">here</a></h3>
        </div>
      </div>
    </noscript>
    <!-- 


  _________   _____      _____    ___ ___ .___.____     ________      _________  ________      _____   
 /   _____/  /  _  \    /  _  \  /   |   \|   |    |    \______ \     \_   ___ \ \_____  \    /     \  
 \_____  \  /  /_\  \  /  /_\  \/    ~    \   |    |     |    |  \    /    \  \/  /   |   \  /  \ /  \ 
 /        \/    |    \/    |    \    Y    /   |    |___  |    `   \   \     \____/    |    \/    Y    \
/_______  /\____|__  /\____|__  /\___|_  /|___|_______ \/_______  / /\ \______  /\_______  /\____|__  /
        \/         \/         \/       \/             \/        \/  \/        \/         \/         \/ 


     -->
    <div id="root"></div>   
    <!-- Masadon verification -->
    <a rel="me" href="https://mastodon.social/@neongamerbot" style="display: none;">Mastodon</a>
  </body>
</html>