contactpage update
This commit is contained in:
		
							parent
							
								
									0b5762c132
								
							
						
					
					
						commit
						92ff4c7c3c
					
				
					 9 changed files with 113 additions and 86 deletions
				
			
		|  | @ -102,4 +102,11 @@ | |||
|     justify-content: center; | ||||
| 
 | ||||
|      | ||||
|   } | ||||
| 
 | ||||
|   .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,8 +776,7 @@ | |||
|   </div> | ||||
| </section> | ||||
| 
 | ||||
| 
 | ||||
|        </main> | ||||
| </main> | ||||
| 
 | ||||
|      | ||||
|     <footer class="bg-theme-light"> | ||||
|  |  | |||
|  | @ -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
	
	 Laurens
						Laurens