contactpage update
This commit is contained in:
Laurens
parent
0b5762c132
commit
92ff4c7c3c
|
|
@ -103,3 +103,10 @@
|
|||
|
||||
|
||||
}
|
||||
|
||||
.hr-list2 {
|
||||
border: 20;
|
||||
border-top: 1px solid #FF6E00;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
|
@ -101,6 +101,7 @@
|
|||
"header-with-image",
|
||||
"hidden",
|
||||
"hr-list",
|
||||
"hr-list2",
|
||||
"img",
|
||||
"inlin-block",
|
||||
"inline-block",
|
||||
|
|
|
|||
|
|
@ -1,5 +1,18 @@
|
|||
{{ define "main" }} {{ partial "page-header" . }}
|
||||
|
||||
|
||||
<section class="section-sm">
|
||||
<div class="container">
|
||||
<div class="row justify-center">
|
||||
<div class="lg:col-10">
|
||||
<div class="content">{{ .Content }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<section class="section-sm">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
|
|
@ -7,37 +20,37 @@
|
|||
<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>
|
||||
Name <span class="text-red-500">*</span>
|
||||
</label>
|
||||
<input
|
||||
id="name"
|
||||
name="name"
|
||||
class="form-input"
|
||||
placeholder="John Doe"
|
||||
placeholder=""
|
||||
type="text"
|
||||
/>
|
||||
</div>
|
||||
<div class="mb-6">
|
||||
<label for="email" class="form-label">
|
||||
Working Mail <span class="text-red-500">*</span>
|
||||
Email address <span class="text-red-500">*</span>
|
||||
</label>
|
||||
<input
|
||||
id="email"
|
||||
name="email"
|
||||
class="form-input"
|
||||
placeholder="john.doe@email.com"
|
||||
placeholder=""
|
||||
type="email"
|
||||
/>
|
||||
</div>
|
||||
<div class="mb-6">
|
||||
<label for="message" class="form-label">
|
||||
Anything else? <span class="text-red-500">*</span>
|
||||
Send us a message! <span class="text-red-500">*</span>
|
||||
</label>
|
||||
<textarea
|
||||
id="message"
|
||||
name="message"
|
||||
class="form-input"
|
||||
placeholder="Message goes here..."
|
||||
placeholder=""
|
||||
rows="8"
|
||||
></textarea>
|
||||
</div>
|
||||
|
|
@ -48,67 +61,4 @@
|
|||
</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 }}
|
||||
{{ end }}
|
||||
|
|
@ -3,16 +3,19 @@
|
|||
<ul class="list">
|
||||
{{ if gt (len (where .Site.RegularPages "Section" "events")) 0 }}
|
||||
<section>
|
||||
<h2>Upcoming Events</h2>
|
||||
<div class="header-with-image">
|
||||
<img src="/images/users.png" alt="Image">
|
||||
<h4 class="mb-4">Events</h4>
|
||||
</div>
|
||||
<ul class="list">
|
||||
{{ range (first 5 (where .Site.RegularPages "Section" "events").ByDate.Reverse) }}
|
||||
<li class="list-item">
|
||||
<div class="content">
|
||||
<a class="link" href="{{ .RelPermalink }}">{{ .Title }}</a>
|
||||
<a class="link" href="{{ .RelPermalink }}" style="color: #FF6E00">{{ .Title }}</a>
|
||||
</div>
|
||||
<hr class="hr-list">
|
||||
<time class="g time" datetime="{{ dateFormat "2006-01-02" .Date }}">{{ dateFormat "02-01-2006" .Date }}</time>
|
||||
|
||||
<hr class="hr-list2">
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
|
|
|
|||
|
|
@ -682,6 +682,52 @@
|
|||
</section>
|
||||
|
||||
|
||||
|
||||
<section class="section-sm">
|
||||
<div class="container">
|
||||
<div class="row justify-center">
|
||||
<div class="lg:col-10">
|
||||
<div class="content"><p>Please feel free to reach out to us via email at the following addresses for any inquiries or assistance. We’re here to help and eager to hear from you!</p>
|
||||
<p>For generic questions about the Fediversity project:</p>
|
||||
<p><a href="mailto:contact@fediversity.eu"
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
>contact@fediversity.eu</a>
|
||||
|
||||
For questions about the administrative side of the Fediversity Project:</p>
|
||||
<p><a href="mailto:fediversity@nlnet.nl"
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
>fediversity@nlnet.nl</a>
|
||||
|
||||
If you have questions about the funding rounds that are part of the Fediversity project, you can find out more information on the NLnet website:</p>
|
||||
<p><a href="https://nlnet.nl/fediversity/guideforapplicants/"
|
||||
|
||||
|
||||
|
||||
|
||||
target="_blank"
|
||||
|
||||
|
||||
|
||||
>https://nlnet.nl/fediversity/guideforapplicants/</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<section class="section-sm">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
|
|
@ -689,37 +735,37 @@
|
|||
<form action="#" method="POST">
|
||||
<div class="mb-6">
|
||||
<label for="name" class="form-label">
|
||||
Full Name <span class="text-red-500">*</span>
|
||||
Name <span class="text-red-500">*</span>
|
||||
</label>
|
||||
<input
|
||||
id="name"
|
||||
name="name"
|
||||
class="form-input"
|
||||
placeholder="John Doe"
|
||||
placeholder=""
|
||||
type="text"
|
||||
/>
|
||||
</div>
|
||||
<div class="mb-6">
|
||||
<label for="email" class="form-label">
|
||||
Working Mail <span class="text-red-500">*</span>
|
||||
Email address <span class="text-red-500">*</span>
|
||||
</label>
|
||||
<input
|
||||
id="email"
|
||||
name="email"
|
||||
class="form-input"
|
||||
placeholder="john.doe@email.com"
|
||||
placeholder=""
|
||||
type="email"
|
||||
/>
|
||||
</div>
|
||||
<div class="mb-6">
|
||||
<label for="message" class="form-label">
|
||||
Anything else? <span class="text-red-500">*</span>
|
||||
Send us a message! <span class="text-red-500">*</span>
|
||||
</label>
|
||||
<textarea
|
||||
id="message"
|
||||
name="message"
|
||||
class="form-input"
|
||||
placeholder="Message goes here..."
|
||||
placeholder=""
|
||||
rows="8"
|
||||
></textarea>
|
||||
</div>
|
||||
|
|
@ -730,7 +776,6 @@
|
|||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -3023,6 +3023,12 @@ input#nav-toggle:checked ~ #nav-menu {
|
|||
display: flex;
|
||||
justify-content: center; }
|
||||
|
||||
.hr-list2 {
|
||||
border: 20;
|
||||
border-top: 1px solid #FF6E00;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px; }
|
||||
|
||||
@media (min-width: 540px) {
|
||||
|
||||
.sm\:col-10 {
|
||||
|
|
|
|||
|
|
@ -686,25 +686,28 @@
|
|||
<ul class="list">
|
||||
|
||||
<section>
|
||||
<h2>Upcoming Events</h2>
|
||||
<div class="header-with-image">
|
||||
<img src="/images/users.png" alt="Image">
|
||||
<h4 class="mb-4">Events</h4>
|
||||
</div>
|
||||
<ul class="list">
|
||||
|
||||
<li class="list-item">
|
||||
<div class="content">
|
||||
<a class="link" href="/events/waag-state-internet-2024/">State of the Internet 2024</a>
|
||||
<a class="link" href="/events/waag-state-internet-2024/" style="color: #FF6E00">State of the Internet 2024</a>
|
||||
</div>
|
||||
<hr class="hr-list">
|
||||
<time class="g time" datetime="2024-04-02">02-04-2024</time>
|
||||
|
||||
<hr class="hr-list2">
|
||||
</li>
|
||||
|
||||
<li class="list-item">
|
||||
<div class="content">
|
||||
<a class="link" href="/events/waag-state-internet-2024-copy/">State of the Internet 2024</a>
|
||||
<a class="link" href="/events/waag-state-internet-2024-copy/" style="color: #FF6E00">State of the Internet 2024</a>
|
||||
</div>
|
||||
<hr class="hr-list">
|
||||
<time class="g time" datetime="2024-04-02">02-04-2024</time>
|
||||
|
||||
<hr class="hr-list2">
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
|
|
|||
|
|
@ -3023,6 +3023,12 @@ input#nav-toggle:checked ~ #nav-menu {
|
|||
display: flex;
|
||||
justify-content: center; }
|
||||
|
||||
.hr-list2 {
|
||||
border: 20;
|
||||
border-top: 1px solid #FF6E00;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px; }
|
||||
|
||||
@media (min-width: 540px) {
|
||||
|
||||
.sm\:col-10 {
|
||||
|
|
|
|||
|
|
@ -1094,3 +1094,9 @@
|
|||
.center-layout {
|
||||
display: flex;
|
||||
justify-content: center; }
|
||||
|
||||
.hr-list2 {
|
||||
border: 20;
|
||||
border-top: 1px solid #FF6E00;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px; }
|
||||
|
|
|
|||
Reference in a new issue