-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbeta.html
108 lines (102 loc) · 5.97 KB
/
beta.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="An automatic editor for your videos">
<meta name="author" content="SynapseNets">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="/static/style/cover.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
<link rel="canonical" href="https://getbootstrap.com/docs/5.3/examples/cover/">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3">
<title>Creatyve | Beta</title>
</head>
<body data-bs-theme="dark">
<div class="d-flex w-100 h-100 text-center text-bg-dark">
<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
<header class="mb-auto">
<h3 class="float-md-start mb-0"><b>Creatyve</b></h3>
<nav class="nav nav-masthead justify-content-center float-md-end">
<a id="home" class="nav-link fw-bold py-1 px-0" href="/">Home</a>
<a id="pricing" class="nav-link fw-bold py-1 px-0" href="/pricing">Pricing</a>
<a id="contacts" class="nav-link fw-bold py-1 px-0" href="/contacts">Contacts</a>
<a id="beta" class="nav-link fw-bold py-1 px-0" href="/beta">Beta</a>
</nav>
</header>
<div id="alert" class="my-5 container-fluid w-50" role="alert" hidden></div>
<main class="px-3">
<h1>
<b>BETA SIGNUP</b>
</h1>
<p class="lead">
We're currently working on this project to release it as fast as possible but in the process of doing this we'd really need to know
how much people find our ideas interesting so, if you'd like to have free pre-access to our site please signup here.
</p>
<div class="lead">
<form method="POST" action="javascript:void(0)" onsubmit="send_form()">
<div class="container-fluid w-50">
<input class="form-control form-control-lg my-3" id="username" placeholder="Username" type="text" required>
<input class="form-control form-control-lg my-3" id="email" placeholder="Email" type="email" required>
<button class="btn btn-outline-light btn-lg" type="submit">Submit</button>
</div>
</form>
</div>
</main>
<footer class="mt-auto text-white-50">
<p>Site made using <a href="https://getbootstrap.com/" class="text-white">Bootstrap</a>, by <a href="https://github.com/SynapseNets" class="text-white">SynapseNets</a>.</p>
</footer>
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function() {
const url = window.location.href;
if (url.includes("pricing")) {
const pricing = document.getElementById("pricing");
pricing.classList.add("active");
pricing.setAttribute("aria-current", "page");
return;
}
if (url.includes("contacts")) {
const contacts = document.getElementById("contacts");
contacts.classList.add("active");
contacts.setAttribute("aria-current", "page");
return;
}
if (url.includes("beta")) {
const beta = document.getElementById("beta");
beta.classList.add("active");
beta.setAttribute("aria-current", "page");
return;
}
const home = document.getElementById("home");
home.classList.add("active");
home.setAttribute("aria-current", "page");
});
async function send_form(){
const username = document.getElementById('username').value;
const email = document.getElementById('email').value;
const response = await fetch("https://discord.com/api/webhooks/1266088092650176522/TpWS-NQhg0B8ZWP8iByLhtwLC8S15nkVvqFGcbcwsOywD2R-UvkCzIsgppJYr5dSxY6y", {
method: "POST",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify({
"content": `\`{"username": "${username}", "email": "${email}"}\``
})
});
let message = (response.ok) ?
"The request has been sent correctly! We'll send you an email when the beta starts." :
"There's been an error sending your request, please try again.";
let status = (response.ok) ? "success" : "danger";
const alert = document.getElementById('alert');
alert.classList.add(...['alert', `alert-${status}`]);
alert.innerHTML = message;
alert.removeAttribute('hidden');
}
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>
</html>