Setup contact form

3 files changed, 30 insertions, 1 deletions

diff --git a/layouts/_default/home.manifest.webmanifest b/layouts/_default/home.manifest.webmanifest
index a9bc818..0a84c55 100644
--- a/layouts/_default/home.manifest.webmanifest
+++ b/layouts/_default/home.manifest.webmanifest
@@ -9,6 +9,8 @@
   "dir": "ltr", {{/* TODO: Get dir from lang */}}{{ end }}
   "start_url": "/index.html?homescreen=1",
   "display": "fullscreen",
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
   "orientation": "natural",
   "shortcuts": [ {{ range $index, $m := site.Menus.main }} {{ if or (lt .Weight 900) site.IsServer }}
     {{- if $index }},{{ end }}
diff --git a/layouts/page/single.html b/layouts/page/single.html
index 03c488a..d31cbe7 100644
--- a/layouts/page/single.html
+++ b/layouts/page/single.html
@@ -1,5 +1,5 @@
 {{ define "main" }}
-<article class="page">
+<article class="page" id="page-{{ .File.TranslationBaseName | lower }}">
     <h1 class="page-title">{{ .Params.caption | default .Title }}</h1>
     {{ .Content }}
 </article>
diff --git a/layouts/shortcodes/form-contact.html b/layouts/shortcodes/form-contact.html
new file mode 100644
index 0000000..d2e0c99
--- /dev/null
+++ b/layouts/shortcodes/form-contact.html
@@ -0,0 +1,27 @@
+{{- /* TODO: Translate me */ -}}
+<div class="contact-form">
+    <form accept-charset="UTF-8" action="{{ site.Params.Contact.formAction | default "example.com" }}" method="POST" id="contact-form">
+        <div class="contact-form-item">
+            <label for="name" class="contact-form-label">Your name</label>
+            <input type="text" id="name" name="name" class="contact-form-input form-input" placeholder="Your name" required aria-labelledby="name">
+        </div>
+
+        <div class="contact-form-item">
+            <label for="email" class="contact-form-label">Email addres</label>
+            <input type="email" id="email" name="email" class="contact-form-input form-input" placeholder="Email addres" required aria-labelledby="email">
+        </div>
+
+        <div class="contact-form-item">
+            <label for="message" class="contact-form-label">Message</label>
+            <textarea id="message" name="message" class="contact-form-textarea form-input" placeholder="Message" required aria-labelledby="message"></textarea>
+        </div>
+
+        <input type="hidden" name="_language" value="{{ site.Language.Lang }}" >
+        <input type="hidden" name="_subject" value="{{ site.Params.Contact.emailSubject | default "Contact form submission" }}">
+        <input type="text" name="_gotcha" style="display:none" class="contact-form-gotcha" value="">
+
+        <div class="contact-form-item">
+            <input type="submit" value="Send" class="button button-large">
+        </div>
+    </form>
+</div>