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 | |
| parent | 7d0aa00e74b1ed2ea2cab9afaf8eb7b7f9280d3d (diff) | |
Add email form
Diffstat (limited to 'src/html')
| -rw-r--r-- | src/html/email.html | 38 | ||||
| -rw-r--r-- | src/html/index.html | 3 |
2 files changed, 40 insertions, 1 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 diff --git a/src/html/index.html b/src/html/index.html index f004784..1d57609 100644 --- a/src/html/index.html +++ b/src/html/index.html @@ -31,7 +31,8 @@ <nav class="titlebar"> <a href="bread" class="btn btn-primary">Bread</a> <a href="blog" class="btn btn-primary">Blog</a> - <a href="essay" class="btn btn-primary">Essays</a> + <!-- <a href="essay" class="btn btn-primary">Essays</a> (Hello inspector, this page exists, but just isn't very interesting, so I'm removing the link) --> + <a href="email" class="btn btn-primary">Email</a> </nav> <div id="feed"></div> |