add Impressum, newsletter subscribe, research page, datenschutz

energiewende-palingen · Mar 5, 2024 · 506e6d3 · 506e6d3
1 parent 487667e
commit 506e6d3
Show file tree

Hide file tree

Showing 16 changed files with 353 additions and 37 deletions.
diff --git a/.eleventy.js b/.eleventy.js
@@ -13,8 +13,8 @@ module.exports = function(eleventyConfig){
 	eleventyConfig.addShortcode("Card", Card);
 	eleventyConfig.addShortcode("Chart", ChartComponent);
 	// create a custom filtered collection that only matches a specific tag in `tags`
-	eleventyConfig.addCollection("pages", function(collectionApi) {
-		return collectionApi.getFilteredByGlob("src/pages/**/*.md");
+	eleventyConfig.addCollection("topics", function(collectionApi) {
+		return collectionApi.getFilteredByGlob("src/topics/**/*.md");
 	});
 
 	eleventyConfig.addCollection("eventPages", function(collectionApi) {

diff --git a/src/_includes/footer.html b/src/_includes/footer.html
@@ -7,10 +7,9 @@
 		<a class="col" href="http://www.deel28.de/" target="_blank" rel="noopener noreferrer"><img class="logo-support" src="/assets/images/deel28-logo.png" /></a>
 		<a class="col link" href="https://www.avalun-ev.de/" target="_blank" rel="noopener noreferrer"><div class="" >Avalun e.V</div></a>
 	</div>
-	<!--
-	<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.05);">
-	  © 2020 Copyright:
-	  <a class="text-body" href="https://mdbootstrap.com/">MDBootstrap.com</a>
+
+	<div class="text-center p-3 light-bg">
+	  © 2024 Copyright: energie-gewinnen-in-palingen - <a class="text-body" href="/pages/impressum">Impressum</a>
 	</div>
-	-->
+
   </footer>
diff --git a/src/_includes/layouts/base.html b/src/_includes/layouts/base.html
@@ -11,9 +11,7 @@
 	{% include "navbar.html"%}
 
 	{% block content %}
-	<article class="page_content"></article>
 		{{ content | safe }}
-	</article>
 	{% endblock %}
 
 	{% include "footer.html" %}

diff --git a/src/_includes/layouts/pages.html b/src/_includes/layouts/pages.html
@@ -5,7 +5,9 @@
 {% endblock %}
 
 {% block content %}
-	{{ content | safe }}
+	<article class="page_content">
+		{{ content | safe }}
+	</article>
 {% endblock %}
 
 
diff --git a/src/_includes/layouts/poll.html b/src/_includes/layouts/poll.html
@@ -11,6 +11,16 @@
 
 {% block content %}	
 <article class="page_content">
+	<h1>Dorfumfrage Januar 2024</h1>
+	<div>
+		Anfang des Jahres 2024 haben wir eine Umfrage für alle Haushalte in Palingen angeboten. 
+		Ziel dieser Umfrage war es, das Interesse im Dorf an einer eigenen und regenerativen Energieversorgung zu evaluieren. 
+		Die Umfrage wurde in persönlichen Interviews durchgeführt, dabei wurde die Möglichkeit genutzt über das Vorhaben der Initiative aufzuklären 
+		und ein erstest Bild über den Energiebedarf der Interessierten Haushalte zu erhalten. 
+		Am 22.02.2024 wurden die Ergebnisse im Hofcafe präsentiert.
+		Die Datenschutzerklärung für diese Umfrage finden Sie <a href="/pages/datenschutz">hier</a>
+	</div>
+	<h1>Ergebnisse der Dorfumfrage</h1>
 	{% for chart in charts %}
 
 		<h1>{{chart.Headline}}</h1>

diff --git a/src/_includes/navbar.html b/src/_includes/navbar.html
@@ -8,7 +8,7 @@
 		<div class="collapse navbar-collapse" id="navbarResponsive">
 			<ul class="navbar-nav ms-auto py-4 py-lg-0">
 				<li class="nav-item"><a class="nav-link px-lg-3 py-3 py-lg-4" href="/index.html">Home</a></li>
-				{% for page in collections.pages %}
+				{% for page in collections.topics %}
 					<li class="nav-item"><a class="nav-link px-lg-3 py-3 py-lg-4" href="{{page.url}}">{{page.data.title}}</a></li>	
 				{% endfor %}
 			</ul>

diff --git a/src/css/global.css b/src/css/global.css
@@ -1,49 +1,60 @@
-body{
+body {
 	background-color: #f6efe3;
 }
-h1{
+
+.light-bg{
+	background-color: #f6efe3;
+}
+
+a {
+	color: #446a52;
+}
+
+h1 {
 	color: #e8494a;
 }
 
-h1,h2,h3{
+h1,
+h2,
+h3 {
 	margin-top: 0.5em;
 	margin-bottom: 0.5em;
 }
 
-@media (min-width: 601px){
-	.headline{
+@media (min-width: 601px) {
+	.headline {
 		margin: auto;
 		font-weight: bold;
 		font-size: 3em;
 		margin-left: -100px;
 	}
 }
 
-.headerImage{
-	
+.headerImage {
+
 	display: block;
-	max-width:230px;
-	max-height:200px;
+	max-width: 230px;
+	max-height: 200px;
 	width: auto;
 	height: auto;
-	
+
 }
 
 @media (max-width: 600px) {
 	.headerImage {
-	  display: none;
+		display: none;
 	}
 
 	.headline {
 		margin: auto;
 		font-weight: bold;
 		font-size: 3em;
-		margin-left: 10px;	
+		margin-left: 10px;
 	}
- }
+}
+
+.btn-primary {
 
-.btn-primary{
-
 	background-color: #ED7D31;
 	--bs-btn-hover-border-color: #FFC000 !important;
 	--bs-btn-hover-bg: #FFC000 !important;
@@ -64,33 +75,55 @@ h1,h2,h3{
 	padding: 15px;
 	margin: 25px;
 }
-.nextEvent a{
+
+.newsletterSubscribe{
+	margin: auto;
+	font-weight: bold;
+	font-size: 1.0em;
+	background-color: #446a52;
+	color: #ffffff;
+	padding: 10px;
+	margin: 20px;
+}
+
+.newsletterSubscribe a {
 	color: #ffffff;
 }
 
-.dark-bg{
+.nextEvent a {
+	color: #ffffff;
+}
+
+.dark-bg {
 	background-color: #d5c8b2;
 }
 
-.clear{
+.clear {
 	height: 200px;
 }
 
-.navbar{
+.navbar {
 	--bs-navbar-padding-y: 0em !important;
 	margin-top: 1em;
 	margin-bottom: 3em;
-	
+
 }
 
-.link{
+.link {
 	--bs-nav-link-color: #ffffff !important;
 	color: #ffffff;
 }
 
 .logo-support {
-	max-width:180px;
-  	max-height:100px;
-  	width: auto;
-  	height: auto;
+	max-width: 180px;
+	max-height: 100px;
+	width: auto;
+	height: auto;
+}
+
+#mc_embed_signup {
+	background: #f6efe3;
+	clear: left;
+	font: 14px Helvetica, Arial, sans-serif;
+	width: 600px;
 }
diff --git a/src/index.html b/src/index.html
@@ -18,12 +18,23 @@ <h3>Worum geht es</h3>
 		<div class="nextEvent"><a href={{eventPage.url}}>Nächstes Planungstreffen: 20.03.2024 - 19 Uhr Hofcafe - Deel28</a></div>
 	{% endif %}
 	{% endfor %}
+	<h3>Informiert bleiben</h3>
+	<div class="newsletterSubscribe"><a href="/pages/subscribe">Hier kannst du dich zu unserem Newsletter anmelden</a></div>
+	<span><br></span>
+	<h3>Wie kann ich mitmachen?</h3>
+	Wir freuen uns über Jede und Jeden die dabei mitwirken wollen unser Dorf mit regenerativer Energie zu versorgen. 
+	Ein professioneller Hintergrund ist nicht notwendig. Alle können mit anfassen. Hier sind ein paar Punkte wie du mitwirken kannst: 
+	<ul>
+		<li>Du bist herzlich zu unseren Planungstreffen eingeladen.</li>
+		<li>Du kannst als <a href="/pages/exampleHouseHold">Musterhaushalt</a> mitwirken</li>
+		<li>In unserem Bereich: <a href="/pages/openResearchTopics">Recherche</a> findest du eine Liste an Recherche Aufgaben die bequem und jederzeit zu Hause erledigt werden können</li>
+	</ul>
 
 	<span><br></span>
 	<h3>Die aktuellen Themen</h3>
 	<div>
 		<div class="row row-cols-3">
-			{%for page in collections.pages %}
+			{%for page in collections.topics %}
 				{% Card title=page.data.title, src=page.data.src, description=page.data.description, link=page.url, linkText=page.data.title%}
 			{%endfor%}
 		</div>