abtmtr-v13/views/pages/blurbs.ejs

42 lines
1.6 KiB
Text
Raw Normal View History

2024-08-30 05:04:14 +00:00
<!DOCTYPE html>
<html>
<%- include("../components/page-head.ejs") %>
<body>
<main>
<h1>blurbs</h1>
<p>what are other sites saying about abtmtr.link?</p>
<h2>submit a blurb</h2>
<form action="/blurbs/send" method="get">
<p>
<label for="siteName">Website URL:</label>
<input type="url" name="site" id="siteName">
</p>
<p>
<label for="blurbText">Blurb:</label>
<input type="text" name="text" id="blurbText" maxlength="140" minlength="1">
</p>
<p>
<input type="submit" value="Submit Blurb">
</p>
<p style="opacity: 0.5;">by clicking this button and successfully submitting a blurb, you agree that your input may be displayed on this site and stored on abtmtr.link servers.</p>
<p style="opacity: 0.5;">you'll also need to verify your blurb by leaving a X/HTML snippet on your site. further instructions will be given to do this after you submit your blurb. thanks!</p>
</form>
<h2>current blurbs</h2>
<ul>
<% data.forEach((blurb) => { %>
<li class="blurb" id="<%= blurb.id %>"><a href="<%= blurb.site %>" target="_blank"><%= new URL(blurb.site).host %></a>: <%= blurb.blurb %> <a class="removePopup" href="/blurbs/check?id=<%= blurb.id %>">remove</a></li>
<% }) %>
</ul>
</main>
<%- include("../components/footer.ejs") %>
<style>
.blurb .removePopup {
visibility: hidden;
opacity: 0.5;
}
.blurb:hover .removePopup {
visibility: visible;
}
</style>
</body>
</html>