add landingpage content #225 (WIP)

CHANGELOG.md

@@ -3,7 +3,6 @@
 ## [4.0.0] refactor and add sub-pages, improve trust elements
 * refactor and add sub-pages #225
 * move paragraphs from home to sub-pages #225
-* inline certificate preview on Shopware sub-page #225
 
 ## [3.9.2] various fixes - 2024-04-06
 * improve QR code mobile position #233

src/webseiten-klimafreundlich-barrierefrei-optimieren/index.liquid

@@ -14,6 +14,29 @@ tags: addtositemap
   Schau dir Ingos <a href="https://www.ingo-steinke.de/#projects">Referenzen</a> und <a href="https://www.ingo-steinke.de/#skills">Fachkenntnisse</a> auf seiner Website an oder <a href="#contact">melde dich gleich persönlich!</a></p>
 </header>
 <main id="content-top" class="target-offset">
+
+  <section class="text-content-layout text-content-color">
+    <h2>Digitale Nachhaltigkeit als Wettbewerbsvorteil</h2>
+    <article class="text-width">
+      <ul>
+        <li>Kennst du die CO2-Bilanz deiner Website?</li>
+        <li>Wie kann ich den CO2-Fußabdruck meiner Website verringern?</li>
+        <li>Wie kann ich glaubwürdig mit unabhängig zertifizierten Nachhaltigkeitsnachweisen werben?</li>
+        <li>Wie kann eine digitale Nachhhaltigkeitsstrategie langfristig aussehen?</li>
+      </ul>
+      <h3>Synergie von Umweltschutz, Wirtschaftlichkeit und sozialer Nachhaltigkeit</h3>
+      <p>Relevante Nachhaltigkeitsdimensionen sind Ökologie, Ökonomie und Soziales. Eine digitale Nachhaltigkeitsstrategie umfasst daher neben ökologischer Nachhaltigkeit auch Datenschatz, Inklusion und Barrierefreiheit. Die ökonomische (wirtschaftliche) Nachhaltigkeit wird oft im Widerspruch zu den anderen Aspekten gesehen, doch gerade im Rahmen der nachhaltigen Digitalisierung entstehen durch Datensparsamkeit, Effizienzsteigerung und Wartbarkeit/Wiederverwertbarkeit ergeben sich Synergien, von denen alle Beteiligten profitieren.</p>
+      <h3>Wie kann ich den CO2-Fußabdruck meiner Website verringern?</h3>
+      <p>Ökostrom, Energieeffizienz und Ladezeit, Barrierefreiheit, konsistenter Seitenaufbau, Verzicht auf irreführende Nutzerführung sind Aspekte, die bei Analysen und Audits berücksichtigt werden und sich auch auf die Platzierung in Suchergebnissen positiv auswirken können. Zudem kann die ökologische Effizienz kostenfrei bescheinigt und umweltorientierten Nutzer:innen als Beleg für die eigene Nachhaltigkeit dienen und beweisen, dass es sich bei deinen Green Claims nicht um Greenwashing handelt. Leicht zu schätzen und zu verstehen ist der sogenannte CO<sub>2</sub>-Fußabdruck eines Website-Frontends. Analyse-Dienste wie WebsiteCarbon, Ecograder, Green Web Check oder CleanerWeb vergeben digitale Nachweise, die auf den eigenen Webseiten als grafisches Banner oder Textlink eingebaut werden können. Green Hosting und effiziente Backend-Programmierung sind ebenfalls sinvoll und teilweise messbar.</p>
+      <h3>Langfristig nachhaltige Digitalisierung</h3>
+      <p>Nachhaltigkeit bedeutet aber auch Wartbarkeit: wie plegeleicht, langlebig und wiederverwendbar ist die Software? Hier kann es geschäftsinterne oder auch gemeinwohlorientierte Synergiefffekte geben, zum Beispiel durch Verwendung und Veröffentlichung von Open-Source-Software.</p>
+      <p>Was nachhaltige (Web-)Entwickler:innen von anderen unterscheidet, ist vielleicht in erster Linie das Bewusstsein, die Bereitschaft und der Mut, über die von den Kund:innen geäußerten Anforderungen hinauszudenken, bezüglich der Umweltfreundlichkeit ebenso wie bei Barrierefreiheit, Datenschutz, und Qualitätssicherung.</p>
+      <h3>Green Claims: glaubwürdig durch unabhängig zertifizierte Nachhaltigkeitsnachweise</h3>
+      <p>Als Kund:in entsteht zumindest in dieser Hinsicht kein Mehraufwand. Andere Nachhaltigkeitsaspekte und Transparenzpflichten werden spätestens ab einer gewissen Unternehmensgröße ohnehin auf dein Unternehmen zukommen. Insgesamt ist es sinnvoll, möglichst schon von Anfang an eine geschäftliche Strategie zu verfolgen, die in jeder Hinsicht nachhaltig ist und mit gutem Recht als solche beworben werden darf.</p>
+      <p>Habe ich dich überzeugt? Hast du noch Fragen? Melde dich gerne direkt oder buche einen Termin für eine unverbindliche und kostenlose Erstberatung!</p>
+    </article>
+  </section>
+
 {% include '../_includes/section-imprint-contact.liquid' %}
 </main>
 {% include '../_includes/page-footer.liquid' %}

src/wordpress-website-nachhaltig-optimieren-lassen/index.liquid

@@ -14,6 +14,23 @@ tags: addtositemap
 Schau dir Ingos <a href="https://www.ingo-steinke.de/#projects">Referenzen</a> und <a href="https://www.ingo-steinke.de/#skills">Fachkenntnisse</a> auf seiner Website an oder <a href="#contact">melde dich gleich persönlich!</a></p>
 </header>
 <main id="content-top" class="target-offset">
+  <section class="text-content-layout text-content-color">
+    <h2>Foo Bar Lorem Todo</h2>
+    <article class="text-width">
+      <ul>
+        <li>Lorem Ipsum?</li>
+        <li>Dolor sit amet?</li>
+        <li>Wie kann ich foo?</li>
+        <li>Wie kann ich bar?</li>
+      </ul>
+      <h3></h3>
+      <p>Ein:e nachhaltig orientierte:r (WordPress-)Webentwickler:in kann dazu beitragen, die Digitalisierung ökologischer zu gestalten und schönen und schnellen Webseiten zu programmieren, die mit wenig Wartungsaufwand und langlebiger Open-Source-Technologie auch in wirtschaftlicher Hinsicht nachhaltig sind. WordPress feierte 2023 seinen 20. Geburtstag und bildet die technische Basis für Millionen von Internetseiten. Dank der zahlreichen kostenlosen Schulungsmöglichkeiten wirst du problemlos Menschen finden, die die Inhalte deiner Website pflegen und erweitern können, ohne alles selbst zu lernen oder professionelle Programmierung zu beauftragen.</p>
+      <h3>Lorem Ipsum</h3>
+      <p>Die Webentwicklung (Programmierung) sollte sich darauf beschränken, modulare Komponenten (Themes und Plugins) zu programmieren, die eine lange Lebensdauer haben und die leicht angepasst und erweitert werden können. Individuelle Programmierung kann, Gegensatz zu der beliebten bunten Sammlung frei verfügbarer Plugins, eine nachhaltige Basis schaffen, die von Anfang an elegant, effizient und barrierefrei ist. Webentwickler können auch bei der Auswahl (Architektur) möglicher Komponenten beraten und bestehende WordPress-Webseiten nachträglich optimieren.</p>
+      <p>Habe ich dich überzeugt? Hast du noch Fragen? Melde dich gerne direkt oder buche einen Termin für eine unverbindliche und kostenlose Erstberatung!</p>
+    </article>
+  </section>
+
   {% include '../_includes/section-imprint-contact.liquid' %}
 </main>
 {% include '../_includes/page-footer.liquid' %}

src/zertifizierter-shopware-6-frontend-webentwickler/index.liquid

@@ -15,6 +15,21 @@ tags: addtositemap
 Schau dir Ingos <a href="https://www.ingo-steinke.de/#projects">Referenzen</a> und <a href="https://www.ingo-steinke.de/#skills">Fachkenntnisse</a> auf seiner Website an oder <a href="#contact">melde dich gleich persönlich!</a></p>
 </header>
 <main id="content-top" class="target-offset">
+
+  <section class="text-content-layout text-content-color">
+    <h2>Foo Bar Lorem Todo</h2>
+    <article class="text-width">
+      <ul>
+        <li>Lorem Ipsum?</li>
+        <li>Dolor sit amet?</li>
+        <li>Wie kann ich foo?</li>
+        <li>Wie kann ich bar?</li>
+      </ul>
+      <h3>Lorem Ipsum</h3>
+      <p>Habe ich dich überzeugt? Hast du noch Fragen? Melde dich gerne direkt oder buche einen Termin für eine unverbindliche und kostenlose Erstberatung!</p>
+    </article>
+  </section>
+
 {% include '../_includes/section-imprint-contact.liquid' %}
 </main>
 {% include '../_includes/page-footer.liquid' %}