summaryrefslogtreecommitdiff
path: root/src/html
diff options
context:
space:
mode:
authorAdam Carpenter <atc@53hor.net>2020-03-19 20:28:47 -0400
committerAdam Carpenter <atc@53hor.net>2020-03-19 20:28:47 -0400
commitd318994d1e8684db3874c6987ed5e4cc3be66b2b (patch)
tree74911f5e04b185da06bf3b7da426498ad5d8df24 /src/html
parentcac6c323efe0e2633692a9ee182122d08a526fd3 (diff)
downloadcarpentertutoring-d318994d1e8684db3874c6987ed5e4cc3be66b2b.tar.xz
carpentertutoring-d318994d1e8684db3874c6987ed5e4cc3be66b2b.zip
better design, basic email form, logos, favicon, icons
Diffstat (limited to 'src/html')
-rw-r--r--src/html/index.html32
1 files changed, 22 insertions, 10 deletions
diff --git a/src/html/index.html b/src/html/index.html
index 2337e82..d1c102c 100644
--- a/src/html/index.html
+++ b/src/html/index.html
@@ -19,7 +19,7 @@
<nav class="navbar is-fixed-top">
<div class="navbar-brand">
<a class="navbar-item" href="#">
- <img src="/logo.png">
+ <img src="/logo-simple.png">
</a>
<a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false">
<span aria-hidden="true"></span>
@@ -104,7 +104,7 @@
<div class="box darkgray">
<div class="box darkteal">
<p>
- Subject Tutoring
+ <b>Subject Tutoring</b>
</p>
<p>
Tutoring for specific courses or disciplines. Click
@@ -296,29 +296,41 @@
<div class="columns">
<div class="column is-one-third">
<div class="box">
- <form onSubmit="sendEmail()">
+ <form name="inquiry">
<div class="field">
<div class="control">
- <input class="input is-rounded" type="text" placeholder="name">
+ <input name="name" class="input is-rounded" type="text" placeholder="name"></input>
</div>
</div>
<div class="field">
<div class="control">
- <input class="input is-rounded" type="text" placeholder="email">
+ <input name="from" class="input is-rounded" type="text" placeholder="email address"></input>
</div>
</div>
<div class="field">
<div class="control">
- <textarea class="textarea" placeholder="question/comment"></textarea>
+ <textarea name="body" class="textarea" placeholder="question/comment"></textarea>
</div>
</div>
<div class="field">
<div class="control">
<button class="button is-rounded is-primary" type="submit">
- Submit
+ <span class="icon">
+ <i class="iconify" data-icon="mdi-email-send"></i>
+ </span>
+ <span>
+ Submit
+ </span>
</button>
</div>
</div>
+
+ <div id="errorBox" class="notification is-danger" style="display: none">
+ </div>
+ <div id="successBox" class="notification is-success" style="display: none">
+ Message sent!
+ </div>
+
</form>
</div>
</div>
@@ -348,8 +360,8 @@
</div>
</footer>
- <script src="/js/nav-toggle.js"></script>
- <script src="https://smtpjs.com/v3/smtp.js"></script>
- <script src="/js/send-email.js></script>
+ <script src="/js/index.js" type="text/javascript"></script>
+ <script src="/js/iconify.min.js" type="text/javascript"></script>
+ <script src="/js/smtp.js" type="text/javascript"></script>
</body>
</html>