<!doctype html>
<html>
  <head>
    <link rel="icon" type="image/x-icon" href="/static/favicon.ico" />
    <link rel="stylesheet" href="/static/styles.css" />
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta charset="UTF-8">
    <title>Who are you?</title>
  </head>
  <body>
    <h1>
        U HAVE THREAD <br />
        UPON MY DOMAIN <br />
        & MUST SUFFER <br />
        WHO R U?
    </h1>
    <div class="container">
      <div class="info"><h2>IP Address:</h2><p id="ip">Loading...</p></div>
      <div class="info"><h2>Country:</h2><p id="country">Loading...</p></div>
      <div class="info"><h2>City:</h2><p id="city">Loading...</p></div>
      <div class="info"><h2>Region:</h2><p id="region">Loading...</p></div>
      <div class="info"><h2>Internet Provider:</h2><p id="isp">Loading...</p></div>
    </div>
    <script src="/static/scripts.js" defer></script>
  </body>
</html>
