aboutsummaryrefslogtreecommitdiff
path: root/themes/ananke/layouts/shortcodes
diff options
context:
space:
mode:
authorDimitri Staessens <dimitri@ouroboros.rocks>2019-06-19 21:18:55 +0200
committerDimitri Staessens <dimitri@ouroboros.rocks>2019-06-19 21:18:55 +0200
commit615d2211463e073a65b0de60c61ab1184b14b958 (patch)
treea7635aec59a689152061c00e8a462382112792f4 /themes/ananke/layouts/shortcodes
parent2a2311ea3fb1b89a266668bfd16aa96475fc183e (diff)
downloadwebsite-615d2211463e073a65b0de60c61ab1184b14b958.tar.gz
website-615d2211463e073a65b0de60c61ab1184b14b958.zip
theme: Switch to ananke theme
Diffstat (limited to 'themes/ananke/layouts/shortcodes')
-rw-r--r--themes/ananke/layouts/shortcodes/form-contact.html20
1 files changed, 20 insertions, 0 deletions
diff --git a/themes/ananke/layouts/shortcodes/form-contact.html b/themes/ananke/layouts/shortcodes/form-contact.html
new file mode 100644
index 0000000..e2ceb6b
--- /dev/null
+++ b/themes/ananke/layouts/shortcodes/form-contact.html
@@ -0,0 +1,20 @@
+{{ $.Scratch.Add "labelClasses" "f6 b db mb1 mt3 sans-serif mid-gray" }}
+{{ $.Scratch.Add "inputClasses" "w-100 f5 pv3 ph3 bg-light-gray bn" }}
+
+<form class="black-80 sans-serif" accept-charset="UTF-8" action="{{ .Get "action" }}" method="POST" role="form">
+
+ <label class="{{ $.Scratch.Get "labelClasses" }}" for="name">Your Name</label>
+ <input type="text" id="name" name="name" class="{{ $.Scratch.Get "inputClasses" }}" required placeholder=" " aria-labelledby="name"/>
+
+ <label class="{{ $.Scratch.Get "labelClasses" }}" for="email">Email Address</label>
+ <input type="email" id="email" name="email" class="{{ $.Scratch.Get "inputClasses" }}" required placeholder=" " aria-labelledby="email"/>
+ <div class="requirements f6 gray glow i ph3 overflow-hidden">
+ An email address is required.
+ </div>
+
+ <label class="{{ $.Scratch.Get "labelClasses" }}" for="message">Message</label>
+ <textarea id="message" name="message" class="{{ $.Scratch.Get "inputClasses" }} h4" aria-labelledby="message"></textarea>
+
+ <input class="db w-100 mv2 white pa3 bn hover-shadow hover-bg-blck bg-animate bg-black" type="submit" value="Send" />
+
+</form>