Skip to content

Commit

Permalink
add and cross-link sub-pages #225
Browse files Browse the repository at this point in the history
  • Loading branch information
@openmindculture
openmindculture committed Apr 10, 2024
1 parent f0c6f9a commit e6a364b
Show file tree
Hide file tree
Showing 14 changed files with 536 additions and 6 deletions.
11 changes: 11 additions & 0 deletions dist/leistungen/optimierung.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<!doctype html><html lang="de"><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><title>Wir bauen deine Website! schnell, erfolgreich, nachhaltig, barrierefrei</title><meta name="language" content="de"><meta name="viewport" content="width=device-width,initial-scale=1"><style>@font-face{font-family:'Bitter';font-style:normal;font-weight:700;font-display:swap;src:local(''),
url('../fonts/bitter-v16-latin-700.woff2') format('woff2'),url('../fonts/bitter-v16-latin-700.woff') format('woff');
}
@font-face {font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:local(''),
url('../fonts/montserrat-v15-latin-ext_latin-regular.woff2') format('woff2'),
url('../fonts/montserrat-v15-latin-ext_latin-regular.woff') format('woff');
}html{box-sizing:border-box;font-size:100%}*,:after,:before{box-sizing:inherit}body{background-color:#1d4950;color:#ebeff2;font-family:Montserrat,Helvetica,sans-serif;font-weight:400;line-height:1.75;margin:0;max-width:100%;overflow-x:hidden;padding:0}@media screen and (min-width:950px){body,html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}}#sticky-headline,#sticky-headline a,.aside-heading,h1,h2,h3,h4{color:#ebeff2;font-family:Bitter,serif;font-weight:700;letter-spacing:.0125rem}.aside-heading,h2,h3,h4{font-size:1.5rem;line-height:1.5;margin-bottom:1.5rem;margin-top:1.5rem}.aside-heading,.hashtags,.tagline,.tile,h1,h2,h3,h4{max-width:99%}del{text-decoration:line-through}small{font-size:.75rem}@media screen and (max-width:768px) and (-webkit-min-device-pixel-ratio:0){small{font-size:16px}}.nav-wrapper{display:inline}@media only screen{.only-print{display:none}.page-container{display:flex;flex-direction:row;width:100%}.jumbotronHeader{justify-content:center;align-items:center;text-align:center;background-color:rgba(29,73,80,.75);display:flex;flex-direction:column;height:auto;width:100%}.jumbotronHeader.has-text-paragraphs{padding-top:1rem;}.jumbotronHeader h1{font-size:2.5rem;letter-spacing:.125rem;line-height:1.25;margin:1rem 1rem 2rem 1rem;padding:0}.jumbotronHeader p{margin:1rem 2rem 2rem 1rem;padding:0;text-align:left;max-width:80%;color:#ebeff2;font-family:Montserrat,Helvetica,sans-serif;font-size:1.5rem;font-weight:400;}}@media only screen and (min-width:950px){.jumbotronHeader:not(.has-text-paragraphs) h1{font-size:3rem;margin-top:2rem;}.jumbotronHeader:not(.has-text-paragraphs) p{font-size:2rem}}@media only screen{img.avatar{border-radius:50%}.sticky-header{background-color:#1d4950;height:2.25em;position:sticky;text-align:center;top:-1px;width:100%;z-index:10}.sticky-header>.wrapper{box-shadow:0 7px 14px 0 rgba(29,73,80,.75);display:flex;flex-direction:row;justify-content:space-between;margin:0 auto;max-width:1500px}.sticky-header>.wrapper img.avatar{margin:6px 6px -6px}.sticky-header .temporary-nav-wrapper{margin:6px 1em -6px 6px}.sticky-header.is-unstuck .unsticky-hidden{display:none}.raised-layer{z-index:2000}.target-offset:before{content:" ";display:block;height:45px;margin-top:-45px;pointer-events:none;visibility:hidden}main{margin:0 auto;max-width:1500px}.page-content{align-items:flex-start;display:flex;flex-direction:column;width:100%;z-index:2}.decoration{animation:fadeIn 5s linear 10s 1 both;height:100vh;max-width:100%;opacity:0;overflow:hidden;position:fixed;width:100vw;z-index:1}}@media only screen and (prefers-reduced-transparency){box-shadow:0 7px 14px 0 #1d4950}@media only screen{@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.text-content-layout-children{padding:0}.privacy,.text-content-layout,.text-content-layout-children>*{line-height:1.75;margin:0 0 2em;padding:.5em 0 1em 1em;text-align:left}.privacy{display:block}.privacy,.text-content-color{background-color:#d1d4d6;color:#000}.privacy .aside-heading,.privacy h3,.privacy h4,.text-content-color .aside-heading,.text-content-color h2,.text-content-color h3,.text-content-color h4{color:#053245}.capitalized:first-letter{float:left;font-size:3.25rem;line-height:1;margin:0;padding:0}.tiled-content{margin:0 1em 2em 0}.clear,section{clear:both}.grid-container{grid-column-gap:3em;grid-row-gap:2em;clear:both;display:flex;display:grid;flex-wrap:wrap;grid-template-columns:repeat(auto-fit,minmax(440px,1fr));justify-content:space-between}.grid-container>*{flex-basis:49%;margin-bottom:2em}@supports (display:grid){.grid-container>*{margin-bottom:0}}ul.grid-container{grid-column-gap:1em;grid-template-columns:repeat(auto-fit,minmax(410px,1fr));list-style-type:none;margin:0;padding:0;text-indent:0}.text-width,.text-width-children>*{max-width:1300px;width:90%}.text-center{margin-left:auto;margin-right:auto}.semitransparent .text-width{width:70%}.tile img.project-thumb{float:right;height:4em;margin:1em 0 1em 1em;width:4em}.tile img.project-thumb--shrink{height:3.5em;width:3.5em}.tile img.project-thumb--grow{height:4.625em;margin-left:.5em;width:4.625em}.tile img.project-thumb--kleiderordnung{margin:3em .5em 1em 1em}.tile img.project-thumb--atomic-design-system{margin:2em 0 1em 1em}.tile img.project-thumb--wordpress-woo{margin:0 0 1em 1em}.tile img.project-thumb--daskannstdutun{height:5em;margin:1.5em 0 .5em 1em;width:5em}.tile img.project-thumb--planted,.tile img.project-thumb--shopware-plugin{margin-right:.5em}.row{display:block;display:flex;flex-direction:row}.row>*{float:left}.page-navigation{display:none;position:relative}.credits{font-size:.75rem}.initially-hidden,.visually-hidden{display:none}.initially-hidden:target{display:block}.mb0{margin-bottom:0}a.tw-btn,a.tw-btn:active,a.tw-btn:hover,a.tw-btn:link,a.tw-btn:visited{background-color:#0c7abf;border-radius:.25em;color:#fff;display:inline-block;margin:.0325em .25em .25em 0;padding:.2em .5em .2em .25em;text-decoration:none}a.gh-btn,a.gh-btn:active,a.gh-btn:hover,a.gh-btn:link,a.gh-btn:visited{background-color:#24292e;border-radius:.25em;color:#fff;display:inline-block;margin:.0325em .25em .25em 0;padding:.15em .5em .25em .2em;text-decoration:none}.social-btn svg{margin:0 .25em}.page-navigation a:active,.page-navigation a:link,.page-navigation a:visited,.sticky-header a:active,.sticky-header a:link,.sticky-header a:visited{color:#fff;text-decoration:none}}@media only screen and (max-width:768px){.semitransparent .text-width,.text-width{width:90%}.jumbotronHeader{height:auto;}@media only screen and (max-width:440px){.jumbotronHeader h1{font-size:3em}h2,h3,h4{font-size:1.3125rem}.pl1{padding-left:.5em}.text-content-layout{margin-bottom:1em;padding-left:.5em}.semitransparent .text-width,.text-width{width:95%}ul.social-links{max-width:99%;padding-left:0;padding-right:0}ul.social-links li{padding:0;min-height:70px;}ul.social-links a{padding:.5em}.skills-wrapper{padding-left:0}.skills-wrapper h3,.skills-wrapper h4{padding-left:.5em}ul.skills>.tile{padding-left:0}ul.skills>.tile li,ul.skills>.tile ul{padding-right:0}.tile h3{margin-top:1em}.hashtags{overflow-x:hidden}}@media only screen and (max-width:375px){.jumbotronHeader h1{font-size:2rem;margin-bottom:.5em}.jumbotronHeader p{font-size:1.25rem;line-height:1.5}footer.page-footer{padding-left:0;}}}
.jumbotronHeader p a:active, .jumbotronHeader p a:focus, .jumbotronHeader p a:hover {color:#000;}
.imprint-contact {margin-top:2rem;}
.imprint-contact .aside-heading {font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:normal;}
ul.aside-heading {text-align:left;}</style><link rel="stylesheet" media="screen" href="../styles.css?v=4.0.0"><link rel="stylesheet" media="print" href="./print.css?v=4.0.0"><script src="../js/scripts.js?v=4.0.0"></script><meta name="author" content="Ingo Steinke"><meta name="p:domain_verify" content="4c4296e5835f4a47eb2c2e5488a99d71"><meta name="google-site-verification" content="Qs1p7JgqPLOGD3BYCMGe9EbyNJJEswyala44hnkO6d4"><meta name="robots" content="index,follow"><meta property="og:image" content="https://www.ingo-steinke.de/img/Ingo-Steinke-portrait-2020.jpg"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="manifest" href="/site.webmanifest"><meta name="msapplication-TileColor" content="#da532c"><meta name="theme-color" content="#ffffff"><link rel="alternate" hreflang="en" href="https://www.ingo-steinke.com/services/optimization.html"></head><body><div class="page-container" id="top"><div class="page-content"><header class="jumbotronHeader has-text-paragraphs" id="jumbotronHeader"><picture><source type="image/webp" sizes="100vw" srcset="../img/Ingo-Steinke-flower-shirt.webp, ../img/Ingo-Steinke-flower-shirt-496.webp 2x, ../img/Ingo-Steinke-flower-shirt-large.webp 4x"><img src="../img/Ingo-Steinke-flower-shirt.jpg" srcset="../img/Ingo-Steinke-flower-shirt-496.jpg 2x, ../img/Ingo-Steinke-flower-shirt-large.jpg 4x" width="248" height="248" alt="Portrait von Ingo Steinke" class="avatar"></picture><h1>Wir optimieren deine Website!</h1><ul class="aside-heading"><li>deine Kund:innen werden sie lieben</li><li>perfekt für Computer und Smartphone</li><li>einfach bei Ecosia und Google zu finden</li><li>ökologisch effizient und zertifiziert</li></ul></header><main id="content-top" class="target-offset"><section class="text-content-layout text-content-color"><article class="text-width"><h2>Building a website: what to consider?</h2><p>Zusammen bauen wir deine Website! Welche Fragen und Aspekte wir dabei beachten können, verrate ich dir auf dieser Seite. Hast du konkretes Interesse? Dann <a href="../#kontakt">melde dich gerne</a> und buche ein kostenloses Erstgespräch!</p><h2>Bestehende Website überprüfen, optimieren und zertifizieren</h2><p>Du hast schon eine Website? Mit dem unverbindlichen <a href="../leistungen/website-check.html">Web-Check</a> erfährst du, wie schnell, nachhaltig und barrierefrei deine Website erscheint und an welchen Stellen wir sie noch <a href="../leistungen/optimierung.html">optimieren</a> könnten.</p></article><div class="cta-container"><a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a></div></section><section class="text-content-color"><article class="text-content-layout text-width mb0"><h2>Erstellung und Pflege einer Website: 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><article class="alternating-div-color text-content-layout-children"><div class="text-width-children mb0"><h3>Wie präsentiere ich mein Angebot nachhaltig und glaubwürdig im Internet?</h3><p>Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.</p></div><div class="text-width-children mb0"><h2>Wie lassen sich Umweltschutz, Wirtschaftlichkeit und soziale Nachhaltigkeit vereinbaren?</h2><p>Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.</p></div><div class="text-width-children mb0"><h2>Welche Vorgaben gelten für Datenschutz, Barrierefreiheit und Umweltfreundlichkeit?</h2><p>Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.</p></div><div class="text-width-children mb0"><h2>Wie kann ein langlebiges Konzept meine laufenden Kosten verringern?</h2><p>Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.</p></div><div class="text-width-children mb0"><h2>Welche:r Webentwickler:in versteht, was für mich wichtig ist?</h2><p>Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.</p></div><div class="text-width-children mb0"><h3>Noch eine Überschrift?</h3><p>Eine digitale Nachhaltigkeitsstrategie usw. = TODO: aus den anderen Seiten und Notizen Textteile ergänzen!</p></div><div class="text-width-children mb0"><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></div><div class="text-width-children mb0 no-alternating-color">P.S. der letzte Abschnitt sollte möglichst immer auf einer nicht-alternativen Farbe auskommen, was wir aber auch forcieren könnten durch last-child oder Klassennamen?</div></article><div class="cta-container"><a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a></div></section></main><footer class="page-footer"><p class="legal legal--links no-print"><a href="https://www.ingo-steinke.de/#contact">Kontakt</a> <a href="https://www.ingo-steinke.de/#imprint">Impressum</a> <a href="https://www.ingo-steinke.de/#privacy">Datenschutz</a></p><p class="landingpage--links no-print"><a href="https://www.ingo-steinke.de/wordpress-website-nachhaltig-optimieren-lassen/" title="Wordpress-Website nachhaltig optimieren lassen">WordPress</a> <a href="https://www.ingo-steinke.de/zertifizierter-shopware-6-frontend-webentwickler/" title="Zertifizierter Shopware 6 + Frontend Webentwickler">Shopware</a> <a href="https://www.ingo-steinke.de/webseiten-klimafreundlich-barrierefrei-optimieren/" title="Webseiten klimafreundlich und barrierefrei optimieren lassen">Nachhaltigkeit</a></p><div class="center transparent no-print"><p><a href="https://ecograder.com/report/xIVJ8Ub1j74pqr6JQ45iClLA" target="_blank" rel="noopener" title="In October 2023, this page scored better than 89% of all URLs crawled by Ecograder.">Ecograder Score: 97/100 (0.05 g CO₂e)</a></p></div><div class="badges"><div class="badge badge--greenweb transparent no-print"><a href="https://www.thegreenwebfoundation.org/green-web-check/?url=https%3A%2F%2Fwww.ingo-steinke.de%2F" target="_blank" rel="noopener"><picture><source srcset="https://www.ingo-steinke.de/img/badge-greencheckimage-www.ingo-steinke.de-2023.webp" type="image/webp"><source srcset="https://www.ingo-steinke.de/img/badge-greencheckimage-www.ingo-steinke.de-2023.png" type="image/png"><img src="https://www.ingo-steinke.de/img/badge-greencheckimage-www.ingo-steinke.de-2023.png" data-original-src="https://api.thegreenwebfoundation.org/greencheckimage/www.ingo-steinke.de?nocache=true" alt="This website is hosted Green by goneo Internet GmbH - checked by thegreenwebfoundation.org"></picture></a></div></div><div class="only-print"><br></div><div class="legal legal--copyright">© 2024 Ingo Steinke</div></footer></div></div></body></html>
Loading

0 comments on commit e6a364b

Please sign in to comment.