add sponsors

Author: johan12345

_i18n/de.yml

@@ -29,6 +29,15 @@ feature_foss_desc: Beitragen auf <a href="https://github.com/ev-map/EVMap">GitHu
 feature_i18n: Mehrsprachig
 feature_i18n_desc: Übersetzen via <a href="https://hosted.weblate.org/projects/evmap/">Weblate</a>
 
+sponsors: Sponsoren
+sponsor_jawg: Seit Mai 2024 stellt <b>JawgMaps</b> seinen Vektorkartendienst auf Basis von OpenStreetMap kostenlos
+  für EVMap bereit, also die Basiskarten, die in der App angezeigt werden, wenn OpenStreetMap als Datenquelle ausgewählt ist.
+sponsor_chargeprice: Seit April 2021 stellt <b>Chargeprice.app</b> ihre API zum Preisvergleich von Ladeanbietern für
+  EVMap zu einem deutlich reduzierten Preis zur Verfügung. Diese Daten werden für den Preisvergleich in EVMap genutzt.
+sponsor_fronyx: Seit September 2022 werden für einige Ladestationen Verfügbarkeitsprognosen angezeigt, diese werden uns
+  von <b>fronyx</b> kostenlos bereitgestellt.
+
+
 contents: Inhalt
 faq: FAQ
 faq_general: Allgemein

_i18n/en.yml

@@ -29,6 +29,14 @@ feature_foss_desc: contribute on <a href="https://github.com/ev-map/EVMap">GitHu
 feature_i18n: Multilingual
 feature_i18n_desc: translate on <a href="https://hosted.weblate.org/projects/evmap/">Weblate</a>
 
+sponsors: Sponsors
+sponsor_jawg: Since May 2024, <b>JawgMaps</b> provides their OpenStreetMap vector map tiles service to EVMap for
+  free, i.e. the background map displayed in the app if OpenStreetMap is selected as the data source.
+sponsor_chargeprice: Since April 2021, <b>Chargeprice.app</b> provide their price comparison API at a greatly reduced
+  price for EVMap. This data is used in EVMap's price comparison feature.
+sponsor_fronyx: Since September 2022, for certain charging stations, <b>fronyx</b> provide us free access to their API
+  for availability predictions.
+
 contents: Contents
 faq: FAQ
 faq_general: General

_includes/sponsors.html

@@ -0,0 +1,25 @@
+<div class="sponsors">
+    <h2>{% t sponsors %}</h2>
+
+    <div class="sponsor">
+        <a href="https://www.jawg.io"><img
+                src="https://www.jawg.io/static/Blue@10x-9cdc4596e4e59acbd9ead55e9c28613e.png" alt="JawgMaps"
+                height="58"/></a>
+        <p>{% t sponsor_jawg %}</p>
+    </div>
+
+    <div class="sponsor">
+        <a href="https://chargeprice.app"><img
+                src="{{ '/assets/powered_by_chargeprice.svg' | relative_url }}"
+                alt="Powered by Chargeprice" height="58"/></a>
+        <p>{% t sponsor_chargeprice %}</p>
+    </div>
+
+    <div class="sponsor">
+        <a href="https://fronyx.io/"><img
+                src="{{ '/assets/powered_by_fronyx.svg' | relative_url }}"
+                alt="Powered by Fronyx" height="58"/></a>
+        <p>{% t sponsor_fronyx %}</p>
+    </div>
+
+</div>

_layouts/default.html

@@ -57,6 +57,7 @@ <h2 class="appPrice">
                         </div>
                     </div>
                     {% include features.html %}
+                    {% include sponsors.html %}
                     {% include footer.html %}
                     {% include appstoreimages.html %}
                 </div>

_sass/layout.scss

@@ -67,6 +67,7 @@
 		"h h h h h h h h h h h h"
 		"p p p p p i i i i i i i"
 		"c c c c c c c c c c c c"
+		"d d d d d d d d d d d d"
 		"f f f f f f f f f f f f";
 }
 
@@ -93,6 +94,7 @@
 			"i i i i i i i i i i i i"
 			"p p p p p p p p p p p p"
 			"c c c c c c c c c c c c"
+			"d d d d d d d d d d d d"
 			"f f f f f f f f f f f f";
 	}
 }
@@ -602,7 +604,39 @@ img.iconTop {
 		padding-left: 0px;
 	}
 
-} 
+}
+
+
+// Section
+
+.sponsors {
+	grid-area: d;
+	display: flex;
+	flex-wrap: wrap;
+	margin-top: 93px;
+	line-height: 1.5;
+
+	h2 {
+		position: absolute;
+	}
+
+	p {
+		margin-top: 8px;
+		color: #666;
+	}
+
+	.sponsor {
+		margin-top: 8px;
+		padding-top: 43px;
+		padding-left: 15px;
+		padding-right: 15px;
+		width: calc(100%/2);
+
+		a:has(img) {
+			display: block;
+		}
+	}
+}