improve sub-pages #225 (WIP)

openmindculture · Apr 11, 2024 · 4bbeb8d · 4bbeb8d
1 parent e6a364b
commit 4bbeb8d
Show file tree

Hide file tree

Showing 28 changed files with 109 additions and 39 deletions.
diff --git a/dist/index.html b/dist/index.html
diff --git a/dist/leistungen/optimierung.html b/dist/leistungen/optimierung.html
diff --git a/dist/leistungen/webentwicklung.html b/dist/leistungen/webentwicklung.html
diff --git a/dist/leistungen/website-check.html b/dist/leistungen/website-check.html
diff --git a/dist/sitemap.xml b/dist/sitemap.xml
@@ -2,30 +2,30 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   <url>
     <loc>https://www.ingo-steinke.de/</loc>
-    <lastmod>2024-04-10</lastmod>
+    <lastmod>2024-04-11</lastmod>
   </url>
   <url>
     <loc>https://www.ingo-steinke.de/webseiten-klimafreundlich-barrierefrei-optimieren/</loc>
-    <lastmod>2024-04-10</lastmod>
+    <lastmod>2024-04-11</lastmod>
   </url>
   <url>
     <loc>https://www.ingo-steinke.de/wordpress-website-nachhaltig-optimieren-lassen/</loc>
-    <lastmod>2024-04-10</lastmod>
+    <lastmod>2024-04-11</lastmod>
   </url>
   <url>
     <loc>https://www.ingo-steinke.de/zertifizierter-shopware-6-frontend-webentwickler/</loc>
-    <lastmod>2024-04-10</lastmod>
+    <lastmod>2024-04-11</lastmod>
   </url>
   <url>
     <loc>https://www.ingo-steinke.de/leistungen/webentwicklung.html</loc>
-    <lastmod>2024-04-10</lastmod>
+    <lastmod>2024-04-11</lastmod>
   </url>
   <url>
     <loc>https://www.ingo-steinke.de/leistungen/website-check.html</loc>
-    <lastmod>2024-04-10</lastmod>
+    <lastmod>2024-04-11</lastmod>
   </url>
   <url>
     <loc>https://www.ingo-steinke.de/leistungen/optimierung.html</loc>
-    <lastmod>2024-04-10</lastmod>
+    <lastmod>2024-04-11</lastmod>
   </url>
 </urlset>
diff --git a/dist/styles.css b/dist/styles.css
diff --git a/dist/webseiten-klimafreundlich-barrierefrei-optimieren/index.html b/dist/webseiten-klimafreundlich-barrierefrei-optimieren/index.html
diff --git a/dist/wordpress-website-nachhaltig-optimieren-lassen/index.html b/dist/wordpress-website-nachhaltig-optimieren-lassen/index.html
diff --git a/dist/zertifizierter-shopware-6-frontend-webentwickler/index.html b/dist/zertifizierter-shopware-6-frontend-webentwickler/index.html
diff --git a/dist_en/index.html b/dist_en/index.html
diff --git a/dist_en/services/optimization.html b/dist_en/services/optimization.html
diff --git a/dist_en/services/web-development.html b/dist_en/services/web-development.html
diff --git a/dist_en/services/website-check.html b/dist_en/services/website-check.html
diff --git a/dist_en/sitemap.xml b/dist_en/sitemap.xml
@@ -2,18 +2,18 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   <url>
     <loc>https://www.ingo-steinke.com/</loc>
-    <lastmod>2024-04-10</lastmod>
+    <lastmod>2024-04-11</lastmod>
   </url>
   <url>
     <loc>https://www.ingo-steinke.com/services/optimization.html</loc>
-    <lastmod>2024-04-10</lastmod>
+    <lastmod>2024-04-11</lastmod>
   </url>
   <url>
     <loc>https://www.ingo-steinke.com/services/website-check.html</loc>
-    <lastmod>2024-04-10</lastmod>
+    <lastmod>2024-04-11</lastmod>
   </url>
   <url>
     <loc>https://www.ingo-steinke.com/services/web-development.html</loc>
-    <lastmod>2024-04-10</lastmod>
+    <lastmod>2024-04-11</lastmod>
   </url>
 </urlset>
diff --git a/dist_en/styles.css b/dist_en/styles.css
diff --git a/src/_data/de/content.js b/src/_data/de/content.js
@@ -16,7 +16,7 @@ module.exports = {
   "pDomainVerify": "4c4296e5835f4a47eb2c2e5488a99d71",
   "googleSiteVerification": "Qs1p7JgqPLOGD3BYCMGe9EbyNJJEswyala44hnkO6d4",
   /* page content */
-  "jumbotronImageAlt": "Portrait von Ingo Steinke",
+  "jumbotronImageAlt": "Portrait von Webentwickler Ingo Steinke in Berlin",
   "jumbotronHeader": "Ingo Steinke",
   "jumbotronTagline": "Creative Web Developer",
   "linkToTop": "Zum Seitenanfang",
@@ -327,6 +327,7 @@ module.exports = {
   "increaseContrast": "Kontrast erhöhen",
   "services": "Leistungen",
   "servicesBuildTitle": "Wir bauen deine Website!",
+  "servicesBuildTitleAlternative": "Website-Erstellung",
   "servicesBuild1": "schnell erste Erfolge erreichen",
   "servicesBuild2": "nachhaltiges Konzept von Anfang an",
   "servicesBuild3": "langfristige Zusammenarbeit",
@@ -335,6 +336,7 @@ module.exports = {
   "servicesBuildMoreLinkTitle": "Professionelle Websiteerstellung",
   "servicesBuildMoreLinkPath": "leistungen/webentwicklung.html",
   "servicesVerifyTitle": "Wir testen deine Website!",
+  "servicesVerifyTitleAlternative": "Website-Überprüfung",
   "servicesVerify1": "dein digitaler CO<sub>2</sub>-Fußabdruck",
   "servicesVerify2": "deine Ladezeit und Barrierefreiheit",
   "servicesVerify3": "kritische Fehler und Probleme",
@@ -343,6 +345,7 @@ module.exports = {
   "servicesVerifyMoreLinkTitle": "mehr über Test und Analyse",
   "servicesVerifyMoreLinkPath": "leistungen/website-check.html",
   "servicesImproveTitle": "Wir optimieren deine Website!",
+  "servicesImproveTitleAlternative": "Website-Optimierung",
   "servicesImprove1": "deine Kund:innen werden sie lieben",
   "servicesImprove2": "perfekt für Computer und Smartphone",
   "servicesImprove3": "einfach bei Ecosia und Google zu finden",

diff --git a/src/_data/en/content.js b/src/_data/en/content.js
@@ -16,7 +16,7 @@ module.exports = {
   "pDomainVerify": "4c4296e5835f4a47eb2c2e5488a99d71",
   "googleSiteVerification": "rKw6ukUkdoGGTo5dFb1sv4HQXN5wy6GysuVCRkt1FTg",
   /* header */
-  "jumbotronImageAlt": "Portrait of Ingo Steinke",
+  "jumbotronImageAlt": "Portrait of web developer Ingo Steinke in Berlin",
   "jumbotronHeader": "Ingo Steinke",
   "jumbotronTagline": "Creative Web Developer",
   "linkToTop": "to top",
@@ -328,6 +328,7 @@ module.exports = {
   "increaseContrast": "increase contrast",
   "services": "Services",
   "servicesBuildTitle": "Let's build your website!",
+  "servicesBuildTitleAlternative": "Website Development",
   "servicesBuild1": "achieve initial success quickly",
   "servicesBuild2": "sustainable concept from the start",
   "servicesBuild3": "long-term collaboration",
@@ -336,6 +337,7 @@ module.exports = {
   "servicesBuildMoreLinkTitle": "Professional Website Creation",
   "servicesBuildMoreLinkPath": "services/web-development.html",
   "servicesVerifyTitle": "Let's verify your website!",
+  "servicesVerifyTitleAlternative": "Website Check",
   "servicesVerify1": "measure your carbon footprint",
   "servicesVerify2": "inspect loading time and accessibility",
   "servicesVerify3": "identify critical errors and problems",
@@ -344,6 +346,7 @@ module.exports = {
   "servicesVerifyMoreLinkTitle": "more about audits and analysis",
   "servicesVerifyMoreLinkPath": "services/website-check.html",
   "servicesImproveTitle": "Let's optimize your website!",
+  "servicesImproveTitleAlternative": "Website Optimization",
   "servicesImprove1": "your customers will love it",
   "servicesImprove2": "make it work smoothly on every device",
   "servicesImprove3": "make it easy to find on Ecosia and Google",

diff --git a/src/_includes/section-services-on-subpages.liquid b/src/_includes/section-services-on-subpages.liquid
@@ -0,0 +1,37 @@
+<section class="no-print text-content-layout-children services-wrapper avoid-page-break">{% comment %}
+<!-- This snippet is only used on sub-pages, not on the homepage! -->
+<!-- Text content and order variations are intentional to benefit search engine optimization. -->
+{% endcomment %}
+  <ul class="grid-container services">
+    <li class="tile text-content-color">
+      <h4 class="font-sans">{{ content.servicesBuildTitleAlternative }}</h4>
+      <ul>
+        <li>{{ content.servicesBuild4 }}</li>
+        <li>{{ content.servicesBuild1 }}</li>
+        <li>{{ content.servicesBuild2 }}</li>
+        <li>{{ content.servicesBuild3 }}</li>
+      </ul>
+      <a class="buttonlike" href="../{{ content.servicesBuildMoreLinkPath }}" title="{{ content.servicesBuildMoreLinkTitle }}">{{ content.servicesBuildMoreLinkText }}!</a>
+    </li>
+    <li class="tile text-content-color">
+      <h4 class="font-sans">{{ content.servicesVerifyTitleAlternative }}</h4>
+      <ul>
+        <li>{{ content.servicesVerify4 }}</li>
+        <li>{{ content.servicesVerify1 }}</li>
+        <li>{{ content.servicesVerify2 }}</li>
+        <li>{{ content.servicesVerify3 }}</li>
+      </ul>
+      <a class="buttonlike" href="../{{ content.servicesVerifyMoreLinkPath }}" title="{{ content.servicesVerifyMoreLinkTitle }}">{{ content.servicesVerifyMoreLinkText }}!</a>
+    </li>
+    <li class="tile text-content-color">
+      <h4 class="font-sans">{{ content.servicesImproveTitleAlternative }}</h4>
+      <ul>
+        <li>{{ content.servicesImprove4 }}</li>
+        <li>{{ content.servicesImprove1 }}</li>
+        <li>{{ content.servicesImprove2 }}</li>
+        <li>{{ content.servicesImprove3 }}</li>
+      </ul>
+      <a class="buttonlike" href="../{{ content.servicesImproveMoreLinkPath }}" title="{{ content.servicesImproveMoreLinkTitle }}">{{ content.servicesImproveMoreLinkText }}!</a>
+    </li>
+  </ul>
+</section>
diff --git a/src/leistungen/optimierung.liquid b/src/leistungen/optimierung.liquid
@@ -41,7 +41,7 @@ permalink: "leistungen/optimierung.html"
 
       <section class="text-content-color">
         <article class="text-content-layout text-width mb0">
-          <h2>Erstellung und Pflege einer Website: Fragen und Antworten</h2>
+          <h2>Website optimieren lassen: Fragen und Antworten</h2>
           <p>Wenn wir mit einem Internetauftritt schnell und nachhaltig erfolgreich sein wollen, empfiehlt es sich, schon von Anfang an auch auf Barrierefreiheit, Datenschutz, Sicherheit und ökologische Effizienz zu achten. So können wir Synergien nutzen und langfristig Kosten sparen. So wird Nachhaltigkeit zum Wettbewerbsvorteil, der auch unsere Kund:innen überzeugen kann.</p>
         </article>
 
@@ -79,7 +79,7 @@ permalink: "leistungen/optimierung.html"
           </div>
         </article>
         <div class="cta-container">
-          <a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a>
+          <a href="../#kontakt" class="buttonlike">Beratungstermin jetzt vereinbaren!</a>
         </div>
       </section>
 

diff --git a/src/leistungen/webentwicklung.liquid b/src/leistungen/webentwicklung.liquid
@@ -79,7 +79,7 @@ permalink: "leistungen/webentwicklung.html"
       </div>
     </article>
     <div class="cta-container">
-      <a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a>
+      <a href="../#kontakt" class="buttonlike">Beratungstermin jetzt vereinbaren!</a>
     </div>
   </section>
 

diff --git a/src/leistungen/website-check.liquid b/src/leistungen/website-check.liquid
@@ -79,7 +79,7 @@ permalink: "leistungen/website-check.html"
       </div>
     </article>
     <div class="cta-container">
-      <a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a>
+      <a href="../#kontakt" class="buttonlike">Beratungstermin jetzt vereinbaren!</a>
     </div>
   </section>
 

diff --git a/src/services/optimization.liquid b/src/services/optimization.liquid
@@ -35,7 +35,7 @@ permalink: "services/optimization.html"
         </article>
 
         <div class="cta-container">
-          <a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a>
+          <a href="../#kontakt" class="buttonlike">schedule an appointment</a>
         </div>
       </section>
 
@@ -79,7 +79,7 @@ permalink: "services/optimization.html"
           </div>
         </article>
         <div class="cta-container">
-          <a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a>
+          <a href="../#kontakt" class="buttonlike">Schedule an appointment now!</a>
         </div>
       </section>
 

diff --git a/src/services/web-development.liquid b/src/services/web-development.liquid
@@ -35,7 +35,7 @@ permalink: "services/web-development.html"
         </article>
 
         <div class="cta-container">
-          <a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a>
+          <a href="../#kontakt" class="buttonlike">schedule an appointment</a>
         </div>
       </section>
 
@@ -79,7 +79,7 @@ permalink: "services/web-development.html"
           </div>
         </article>
         <div class="cta-container">
-          <a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a>
+          <a href="../#kontakt" class="buttonlike">Schedule an appointment now!</a>
         </div>
       </section>
 

diff --git a/src/services/website-check.liquid b/src/services/website-check.liquid
@@ -35,7 +35,7 @@ permalink: "services/website-check.html"
         </article>
 
         <div class="cta-container">
-          <a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a>
+          <a href="../#kontakt" class="buttonlike">schedule an appointment</a>
         </div>
       </section>
 
@@ -79,7 +79,7 @@ permalink: "services/website-check.html"
           </div>
         </article>
         <div class="cta-container">
-          <a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a>
+          <a href="../#kontakt" class="buttonlike">Schedule an appointment now!</a>
         </div>
       </section>
 

diff --git a/src/styles.css b/src/styles.css
@@ -378,6 +378,11 @@ a.menu-toggle:hover {
   display: block;
 }
 
+.contactform-title {
+  font-weight: bold;
+  margin: 0.5em 0 1em 0;
+}
+
 .contactform-row {
   display: flex;
   margin: 0.5rem 0 0 0;
@@ -1023,6 +1028,10 @@ a.buttonlike:focus,
   padding-bottom: 1rem;
 }
 
+.text-content-layout-children + .cta-container {
+  margin-bottom: 3rem;
+}
+
 /* stylelint-disable-next-line no-descending-specificity */
 .cta-container a.buttonlike,
 .cta-container a.buttonlike:link,

diff --git a/src/webseiten-klimafreundlich-barrierefrei-optimieren/index.liquid b/src/webseiten-klimafreundlich-barrierefrei-optimieren/index.liquid
@@ -36,10 +36,16 @@ tags: addtositemap
       <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>
+      <h3>Individuelles Beratungsgespräch</h3>
       <p>Ist ein klimafreundlicher Internetauftritt für dich relevant? Hast du noch Fragen zur nachhaltigen Webentwicklung? Melde dich gerne direkt oder buche einen Termin für eine unverbindliche und kostenlose Erstberatung!</p>
     </article>
+    <div class="cta-container">
+      <a href="../#kontakt" class="buttonlike">Beratungsgespräch vereinbaren</a>
+    </div>
   </section>
 
+  {% include '../_includes/section-services-on-subpages.liquid' %}
+
 {% include '../_includes/section-imprint-contact.liquid' %}
 </main>
 {% include '../_includes/page-footer.liquid' %}

diff --git a/src/wordpress-website-nachhaltig-optimieren-lassen/index.liquid b/src/wordpress-website-nachhaltig-optimieren-lassen/index.liquid
@@ -30,10 +30,16 @@ tags: addtositemap
       <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>
       <h3 class="target-offset" id="plugin-programmierung">Open Source / Plugin-Programmierung</h3>
       <p>Aktuell arbeitet Ingo an WordPress-Plugins zur <a href="https://de.wordpress.org/plugins/incompatibility-status/" target="_blank" rel="noopener">vorzeitigen Erkennung von Plugin-Konflikten</a> und <a href="https://github.com/openmindculture/wp-contact-form-inbox-report-mailer-plugin" target="_blank" rel="noopener">zum Spam-Bericht für WordPress-Kontaktformulare</a>. Zudem entwickelte Ingo Erweiterungen und Themes für Shopware, WebStorm und IntelliJ IDEA, unter anderem das kostenlos erhätliche <a href="https://plugins.jetbrains.com/plugin/16721-cute-pink-light-theme" target="_blank" rel="noopener">Cute Pink Light Theme </a>.</p>
+      <h3>Fragen und Antworten</h3>
       <p>Suchst du nach einer nachhaltigen WordPress-Wesbite? Hast du noch Fragen? Melde dich gerne direkt oder buche einen Termin für eine unverbindliche und kostenlose Erstberatung!</p>
     </article>
+    <div class="cta-container">
+      <a href="../#kontakt" class="buttonlike">Kontakt aufnehmen</a>
+    </div>
   </section>
 
+  {% include '../_includes/section-services-on-subpages.liquid' %}
+
   {% include '../_includes/section-imprint-contact.liquid' %}
 </main>
 {% include '../_includes/page-footer.liquid' %}

diff --git a/src/zertifizierter-shopware-6-frontend-webentwickler/index.liquid b/src/zertifizierter-shopware-6-frontend-webentwickler/index.liquid
@@ -26,16 +26,22 @@ Schau dir Ingos <a href="https://www.ingo-steinke.de/#projects">Referenzen</a> u
         <li>Suchst du einen Freelancer zur Ergänzung deines Shopware-Teams?</li>
       </ul>
 
-      <p>Ingo Steinke ist zertifizierter Shopware 6 Developer, Shopware Extension Partner und Mitglied der Shopware United Community.</p>
+      <p>Ingo Steinke ist zertifizierter Shopware 6 Entwickler, <a href="#">Extension Partner</a><!-- TODO link --> und Mitglied der Shopware United Community.</p>
       <h3>Umweltfreundliche und DSGVO-konforme E-Commerce-Lösungen</h3>
       <p>Shopware ist als kostenlose Community-Edition frei verfügbar und baut auf der Open-Source-Software Symfony auf. Als europäische Lösung mit unterschiedlichen Hosting-Optionen ist Shopware eine gute Alternative zu bekannten Cloud-Anbietern, da wir als Shopbetreiber:innen bzw. Webentwickler:innen die volle Kontrolle über unseren Shop behalten, nicht zuletzt auch, um den hohen Ansprüchen unserer Kundschaft bezüglich Datenschutz, Umweltfreundlichkeit und fairem Handel zu genügen.
       </p>
       <h3>Nachhaltige Preistransparenz</h3>
       <p>Zur Nachhaltigkeit gehört im E-Commerce auch Preistransparenz. Die kostenlose <a href="https://github.com/openmindculture/sw-IngoSCostTransparency" hreflang="en" target="_blank" rel="noopener">Shopware-Erweiterung "Cost Transparency"</a> (Kostentransparenz) erweitert die Produktdetails in Shopware 6 um eine interaktive Grafik, die verschiedene Anteile am Gesamtpreis veranschaulicht.</p>
+      <h3>Unverbindliche Erstberatung</h3>
       <p>Hast du noch Fragen? Melde dich gerne direkt oder buche einen Termin für eine unverbindliche und kostenlose Erstberatung!</p>
     </article>
+    <div class="cta-container">
+      <a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a>
+    </div>
   </section>
 
+  {% include '../_includes/section-services-on-subpages.liquid' %}
+
 {% include '../_includes/section-imprint-contact.liquid' %}
 </main>
 {% include '../_includes/page-footer.liquid' %}