fediversity.eu/layouts/contact/list.html
2024-03-27 12:24:18 +01:00

115 lines
3.3 KiB
HTML
Executable file

{{ define "main" }} {{ partial "page-header" . }}
<section class="section-sm">
<div class="container">
<div class="row">
<div class="md:col-10 lg:col-6 mx-auto">
<form action="{{ site.Params.contact_form_action }}" method="POST">
<div class="mb-6">
<label for="name" class="form-label">
Full Name <span class="text-red-500">*</span>
</label>
<input
id="name"
name="name"
class="form-input"
placeholder="John Doe"
type="text"
/>
</div>
<div class="mb-6">
<label for="email" class="form-label">
Working Mail <span class="text-red-500">*</span>
</label>
<input
id="email"
name="email"
class="form-input"
placeholder="john.doe@email.com"
type="email"
/>
</div>
<div class="mb-6">
<label for="message" class="form-label">
Anything else? <span class="text-red-500">*</span>
</label>
<textarea
id="message"
name="message"
class="form-input"
placeholder="Message goes here..."
rows="8"
></textarea>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
</div>
</div>
</section>
<!-- google map -->
{{ with site.Params.google_map }} {{ if .enable }}
<div
id="map"
style="height: 400px"
data-latitude="{{ .map_latitude }}"
data-longitude="{{ .map_longitude }}"
data-marker="{{ .map_marker | relURL }}"
data-marker-name="{{ site.Title }}"
></div>
{{ end }} {{ end }} {{ with site.Params.subscription }} {{ if .enable }}
<!-- subscription form -->
<form
action="{{ .mailchimp_form_action | safeURL }}"
method="post"
id="mc-embedded-subscribe-form"
novalidate="novalidate"
>
<div class="input-group w-75 mx-auto mb-3">
<input
type="email"
name="EMAIL"
placeholder="Email"
class="form-control required email mce_inline_error"
id="mce-EMAIL"
aria-required="true"
autocomplete="off"
required
/>
<button
class="input-group-text"
name="subscribe"
id="mc-embedded-subscribe"
>
{{ .button_label }}
</button>
</div>
<input type="hidden" name="EMAILTYPE" id="mce-EMAILTYPE-0" value="html" />
<div style="position: absolute; left: -5000px" aria-hidden="true">
<input type="text" name="{{ .name }}" tabindex="-1" />
</div>
</form>
<div id="mce-responses" class="clear">
<div
class="response text-white"
id="mce-error-response"
style="display: none"
></div>
<div
class="response text-white"
id="mce-success-response"
style="display: none"
></div>
</div>
<script
type="text/javascript"
src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"
></script>
<!-- /subscription form -->
{{ end }} {{ end }} {{ if site.Params.google_map.enable }} {{ $gmap:=
resources.Get "plugins/maps/google-map.js" }}
<script defer src="{{ $gmap.RelPermalink }}"></script>
<script src="https://maps.googleapis.com/maps/api/js?key={{ site.Params.google_map.map_api_key }}&libraries=places"></script>
{{ end }} {{ end }}