contactpage update

This commit is contained in:
Laurens 2024-05-08 15:44:32 +02:00
parent 0b5762c132
commit 92ff4c7c3c
9 changed files with 113 additions and 86 deletions

View file

@ -103,3 +103,10 @@
} }
.hr-list2 {
border: 20;
border-top: 1px solid #FF6E00;
margin-top: 5px;
margin-bottom: 5px;
}

View file

@ -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",

View file

@ -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 }}

View file

@ -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>

View file

@ -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. Were 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,8 +776,7 @@
</div> </div>
</section> </section>
</main>
</main>
<footer class="bg-theme-light"> <footer class="bg-theme-light">

View file

@ -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 {

View file

@ -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>

View file

@ -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 {

View file

@ -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; }