contactpage update
This commit is contained in:
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",
|
"header-with-image",
|
||||||
"hidden",
|
"hidden",
|
||||||
"hr-list",
|
"hr-list",
|
||||||
|
"hr-list2",
|
||||||
"img",
|
"img",
|
||||||
"inlin-block",
|
"inlin-block",
|
||||||
"inline-block",
|
"inline-block",
|
||||||
|
|
|
@ -1,5 +1,18 @@
|
||||||
{{ define "main" }} {{ partial "page-header" . }}
|
{{ 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">
|
<section class="section-sm">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
@ -7,37 +20,37 @@
|
||||||
<form action="{{ site.Params.contact_form_action }}" method="POST">
|
<form action="{{ site.Params.contact_form_action }}" method="POST">
|
||||||
<div class="mb-6">
|
<div class="mb-6">
|
||||||
<label for="name" class="form-label">
|
<label for="name" class="form-label">
|
||||||
Full Name <span class="text-red-500">*</span>
|
Name <span class="text-red-500">*</span>
|
||||||
</label>
|
</label>
|
||||||
<input
|
<input
|
||||||
id="name"
|
id="name"
|
||||||
name="name"
|
name="name"
|
||||||
class="form-input"
|
class="form-input"
|
||||||
placeholder="John Doe"
|
placeholder=""
|
||||||
type="text"
|
type="text"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-6">
|
<div class="mb-6">
|
||||||
<label for="email" class="form-label">
|
<label for="email" class="form-label">
|
||||||
Working Mail <span class="text-red-500">*</span>
|
Email address <span class="text-red-500">*</span>
|
||||||
</label>
|
</label>
|
||||||
<input
|
<input
|
||||||
id="email"
|
id="email"
|
||||||
name="email"
|
name="email"
|
||||||
class="form-input"
|
class="form-input"
|
||||||
placeholder="john.doe@email.com"
|
placeholder=""
|
||||||
type="email"
|
type="email"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-6">
|
<div class="mb-6">
|
||||||
<label for="message" class="form-label">
|
<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>
|
</label>
|
||||||
<textarea
|
<textarea
|
||||||
id="message"
|
id="message"
|
||||||
name="message"
|
name="message"
|
||||||
class="form-input"
|
class="form-input"
|
||||||
placeholder="Message goes here..."
|
placeholder=""
|
||||||
rows="8"
|
rows="8"
|
||||||
></textarea>
|
></textarea>
|
||||||
</div>
|
</div>
|
||||||
|
@ -48,67 +61,4 @@
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- google map -->
|
{{ end }}
|
||||||
{{ 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 }}
|
|
|
@ -3,16 +3,19 @@
|
||||||
<ul class="list">
|
<ul class="list">
|
||||||
{{ if gt (len (where .Site.RegularPages "Section" "events")) 0 }}
|
{{ if gt (len (where .Site.RegularPages "Section" "events")) 0 }}
|
||||||
<section>
|
<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">
|
<ul class="list">
|
||||||
{{ range (first 5 (where .Site.RegularPages "Section" "events").ByDate.Reverse) }}
|
{{ range (first 5 (where .Site.RegularPages "Section" "events").ByDate.Reverse) }}
|
||||||
<li class="list-item">
|
<li class="list-item">
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<a class="link" href="{{ .RelPermalink }}">{{ .Title }}</a>
|
<a class="link" href="{{ .RelPermalink }}" style="color: #FF6E00">{{ .Title }}</a>
|
||||||
</div>
|
</div>
|
||||||
<hr class="hr-list">
|
<hr class="hr-list">
|
||||||
<time class="g time" datetime="{{ dateFormat "2006-01-02" .Date }}">{{ dateFormat "02-01-2006" .Date }}</time>
|
<time class="g time" datetime="{{ dateFormat "2006-01-02" .Date }}">{{ dateFormat "02-01-2006" .Date }}</time>
|
||||||
|
<hr class="hr-list2">
|
||||||
</li>
|
</li>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</ul>
|
</ul>
|
||||||
|
|
|
@ -682,6 +682,52 @@
|
||||||
</section>
|
</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">
|
<section class="section-sm">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
@ -689,37 +735,37 @@
|
||||||
<form action="#" method="POST">
|
<form action="#" method="POST">
|
||||||
<div class="mb-6">
|
<div class="mb-6">
|
||||||
<label for="name" class="form-label">
|
<label for="name" class="form-label">
|
||||||
Full Name <span class="text-red-500">*</span>
|
Name <span class="text-red-500">*</span>
|
||||||
</label>
|
</label>
|
||||||
<input
|
<input
|
||||||
id="name"
|
id="name"
|
||||||
name="name"
|
name="name"
|
||||||
class="form-input"
|
class="form-input"
|
||||||
placeholder="John Doe"
|
placeholder=""
|
||||||
type="text"
|
type="text"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-6">
|
<div class="mb-6">
|
||||||
<label for="email" class="form-label">
|
<label for="email" class="form-label">
|
||||||
Working Mail <span class="text-red-500">*</span>
|
Email address <span class="text-red-500">*</span>
|
||||||
</label>
|
</label>
|
||||||
<input
|
<input
|
||||||
id="email"
|
id="email"
|
||||||
name="email"
|
name="email"
|
||||||
class="form-input"
|
class="form-input"
|
||||||
placeholder="john.doe@email.com"
|
placeholder=""
|
||||||
type="email"
|
type="email"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="mb-6">
|
<div class="mb-6">
|
||||||
<label for="message" class="form-label">
|
<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>
|
</label>
|
||||||
<textarea
|
<textarea
|
||||||
id="message"
|
id="message"
|
||||||
name="message"
|
name="message"
|
||||||
class="form-input"
|
class="form-input"
|
||||||
placeholder="Message goes here..."
|
placeholder=""
|
||||||
rows="8"
|
rows="8"
|
||||||
></textarea>
|
></textarea>
|
||||||
</div>
|
</div>
|
||||||
|
@ -730,7 +776,6 @@
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -3023,6 +3023,12 @@ input#nav-toggle:checked ~ #nav-menu {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center; }
|
justify-content: center; }
|
||||||
|
|
||||||
|
.hr-list2 {
|
||||||
|
border: 20;
|
||||||
|
border-top: 1px solid #FF6E00;
|
||||||
|
margin-top: 5px;
|
||||||
|
margin-bottom: 5px; }
|
||||||
|
|
||||||
@media (min-width: 540px) {
|
@media (min-width: 540px) {
|
||||||
|
|
||||||
.sm\:col-10 {
|
.sm\:col-10 {
|
||||||
|
|
|
@ -686,25 +686,28 @@
|
||||||
<ul class="list">
|
<ul class="list">
|
||||||
|
|
||||||
<section>
|
<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">
|
<ul class="list">
|
||||||
|
|
||||||
<li class="list-item">
|
<li class="list-item">
|
||||||
<div class="content">
|
<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>
|
</div>
|
||||||
<hr class="hr-list">
|
<hr class="hr-list">
|
||||||
<time class="g time" datetime="2024-04-02">02-04-2024</time>
|
<time class="g time" datetime="2024-04-02">02-04-2024</time>
|
||||||
|
<hr class="hr-list2">
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="list-item">
|
<li class="list-item">
|
||||||
<div class="content">
|
<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>
|
</div>
|
||||||
<hr class="hr-list">
|
<hr class="hr-list">
|
||||||
<time class="g time" datetime="2024-04-02">02-04-2024</time>
|
<time class="g time" datetime="2024-04-02">02-04-2024</time>
|
||||||
|
<hr class="hr-list2">
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
|
|
|
@ -3023,6 +3023,12 @@ input#nav-toggle:checked ~ #nav-menu {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center; }
|
justify-content: center; }
|
||||||
|
|
||||||
|
.hr-list2 {
|
||||||
|
border: 20;
|
||||||
|
border-top: 1px solid #FF6E00;
|
||||||
|
margin-top: 5px;
|
||||||
|
margin-bottom: 5px; }
|
||||||
|
|
||||||
@media (min-width: 540px) {
|
@media (min-width: 540px) {
|
||||||
|
|
||||||
.sm\:col-10 {
|
.sm\:col-10 {
|
||||||
|
|
|
@ -1094,3 +1094,9 @@
|
||||||
.center-layout {
|
.center-layout {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center; }
|
justify-content: center; }
|
||||||
|
|
||||||
|
.hr-list2 {
|
||||||
|
border: 20;
|
||||||
|
border-top: 1px solid #FF6E00;
|
||||||
|
margin-top: 5px;
|
||||||
|
margin-bottom: 5px; }
|
||||||
|
|
Reference in a new issue