diff options
| author | Mark Powers <markppowers0@gmail.com> | 2019-07-16 18:42:28 -0400 |
|---|---|---|
| committer | Mark Powers <markppowers0@gmail.com> | 2019-07-16 18:42:28 -0400 |
| commit | a73da0d736a50b7fb10f010b9ae4cc3e551c59e7 (patch) | |
| tree | 3fc2dc724505c515e7c71ffc1dc61a0176700a0e /src/html/email.html | |
| parent | 7d0aa00e74b1ed2ea2cab9afaf8eb7b7f9280d3d (diff) | |
Add email form
Diffstat (limited to 'src/html/email.html')
| -rw-r--r-- | src/html/email.html | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/src/html/email.html b/src/html/email.html new file mode 100644 index 0000000..dfd9b51 --- /dev/null +++ b/src/html/email.html @@ -0,0 +1,38 @@ +<!doctype html> +<html lang="en"> + +<head> + <title>Mark's Kitchen - Email</title> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> + <link rel="stylesheet" type="text/css" href="/css/styles.css"> + <!-- <script src="https://cdn.jsdelivr.net/npm/vue"></script> --> + <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> + <script> + window.onload = function(){ + var feed = new Vue({ + el: '#status', + data: { + show: window.location.hash == '#success' + }, + }); + } + </script> +</head> + +<body> + <div> + <h1>Email</h1> + <p>Sign up to receive Mark's email newsletter</p> + <h2 id="status" v-if='show'>Success, thank you!</h2> + <div class="form"> + <form action="/email" method="post" enctype="application/x-www-form-urlencoded"> + <input type="text" placeholder="Your name" name="name" required> + <input type="email" placeholder="Your email" name="email" required> + <input type="submit" value="Submit"> + </form> + </div> + </div> +</body> + +</html>
\ No newline at end of file |