make form post

This commit is contained in:
Anton Livaja 2025-05-27 11:08:37 -07:00
parent 20e5f2e3fc
commit 07627a1dcd
Signed by: anton
GPG Key ID: 44A86CFF1FDF0E85
4 changed files with 108 additions and 56 deletions

View File

@ -40,11 +40,15 @@
</div>
<div class="waitlist-form">
<form method="post" class="email-form">
<div class="input-wrapper">
<form id="contact-form" method="post" class="email-form" action="https://distrust.co/submit-email">
<div class="input-wrapper">
<input type="email" name="email" placeholder="Enter your email" id="email" class="email-input" required>
<input type="hidden" id="name" name="name" class="form-input" value="caution.co">
<input type="hidden" id="company-name" value="caution.co" name="company-name" class="form-input">
<input id="service" type="hidden" name="service" class="form-select" value="caution.co">
<input type="hidden" id="other-source" name="other-source" class="form-input" placeholder="Please specify">
<button type="submit" class="submit-btn" aria-label="Submit email">
<span class="arrow"></span>
<span class="arrow"></span>
</button>
</div>
</form>

40
_layouts/thank_you.html Normal file
View File

@ -0,0 +1,40 @@
<!DOCTYPE html>
<html lang="{{ page.lang | default: site.lang | default: en }}">
{%- include head.html -%}
<!-- index.html -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Caution Waitlist</title>
<link rel="stylesheet" href="styles.css">
<style>
html, body {
height: 100vh;
width: 100vw;
overflow-x: hidden;
overflow-y: auto;
}
</style>
</head>
<body>
<section class="logo-section center"></section>
<div class="logo">
<img src="/assets/base/caution-logo-triangle-black.svg" alt="Caution logo" style="height: clamp(3rem, 10vw, 4rem)">
</div>
<div class="heading center">
<h3>Thank you, you'll hear from us soon.</h3>
<p class="subtext center">
</p>
</div>
</section>
<div class="footer">
<p>Brought to you by the security engineers behind Distrust, BitGo, Unit410 and Turkney.</p>
</div>
</html>

View File

@ -38,10 +38,10 @@ body {
margin: auto;
}
.logo img {
.logo img {
margin-top: 2.5rem;
margin-bottom: 2rem;
}
}
h1 {
font-size: clamp(3rem, 10vw, 5rem);

8
thank_you.md Normal file
View File

@ -0,0 +1,8 @@
---
title: Thank You
tagline: Caution | Thank you
layout: thank_you
summary: Thank you for your interest
permalink: /thank_you.html
---