<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <title>abtmtr.link</title>
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <link rel="stylesheet" href="/assets/style.css" />
</head>

<body>
  <div class="fakemain">
    <%- include("../../components/header.ejs") %>
  </div>
  <main>
    <p class="tagline">congrations! you done it</p>
    <section>
      <p>make sure to add this to the page you have linked:</p>
      <p style="background-color: black;color:white;padding: 0.5em;">&lt;link rel="me" href="https://abtmtr.link/blurbs/#<%= id %>"&gt;</p>
      <p>or this:</p>
      <p style="background-color: black;color:white;padding: 0.5em;">&lt;a rel="me" href="https://abtmtr.link/blurbs/#<%= id %>"&gt;&lt;/a&gt;</p>
      <p>if you want to remove your blurb from abtmtr.link, remove the snippet from your site and then click "remove" on the blurb.</p>
      <p>do not leave this site until you have added the snippet! you can bookmark this page if you need to:</p>
      <p style="background-color: black;color:white;padding: 0.5em;">https://abtmtr.link/blurbs/check/?id=<%= id %></p>
      <p>then click this button (or visit the above bookmark) once you have added it. make sure your page has updated in your browser!</p>
      <form action="/blurbs/check/" method="get">
        <input type="hidden" value="<%= id %>" name="id">
        <input type="submit" value="Done and added">
      </form>
      <p style="opacity: 0.5;">can't/don't want to add the snippet? <a href="/about" target="_blank">contact me</a>.</p>
    </section>
  </main>
  <%- include("../../components/footer.ejs") %>
  <script src="/assets/script.js"></script>
</body>

</html>