Skip to content

Commit

Permalink
Update whitespace of download-section-feature
Browse files Browse the repository at this point in the history
  • Loading branch information
@nanoparsec
nanoparsec committed Jan 25, 2023
1 parent dc540e1 commit fac89a3
Show file tree
Hide file tree
Showing 4 changed files with 232 additions and 9 deletions.
118 changes: 118 additions & 0 deletions components/01-pages/topic-page/topic-page.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,124 @@ <h3 class="download-section-feature__title">Titel des Talks</h3>
<p class="download-section-feature__caption">Dies ist eine lustige Beschreibung des Talks</p>
<a href="#" class="btn btn--small btn--cta download-section-feature__link" data-label="Download">Download</a>
</div>

<div class="download-section-feature">
<img class="download-section-feature__image" itemprop="photo"
src="{{ path '/assets/example-content/beispiel-talk.jpg'}}" alt="Eine Vortragsfolie" />
<h3 class="download-section-feature__title">Titel des Talks</h3>
<p class="download-section-feature__caption">Dies ist eine lustige Beschreibung des Talks</p>
<a href="#" class="btn btn--small btn--cta download-section-feature__link" data-label="Download">Download</a>
<p>Data Mesh ist aktuell ein Hypethema, das wir mit <a
href="https://www.datamesh-architecture.com/">www.datamesh-architecture.com</a> aus unserer Perspektive
aufbereitet haben.</p>

<p>Data Mesh ist ein sozio-technischer dezentraler Ansatz, der es Domänen-Teams ermöglicht, bereichsübergreifende
Datenanalysen eigenständig durchzuführen. Es führt die Ideen aus Domain-driven Design, Product Thinking,
Self-contained Systems und Team Topologies fort, und erweitert diese auf analytische Daten. Entwicklungsteams
können
damit selbstständig datengetrieben arbeiten und bessere Entscheidungen treffen. Sie bekommen aber auch mehr
Verantwortung, da zusätzlich zu den Anwendungen und APIs nun auch Datenprodukte betrieben werden müssen. Diese
Datenprodukte ermöglichen stabile domänenübergreifende Analysen und Reports.</p>

<p>Für Unternehmen, die ihre Software-Entwicklung nach Domain-driven Design und mit Microservices bzw.
Self-contained
Systems ausrichten, könnte Data Mesh eine passende Datenstrategie sein.</p>

<figure>
<img src="https://www.datamesh-architecture.com/images/datamesharchitecture.png.webp" alt="" loading="lazy">

</figure>

<p>Wir bieten einen 1-Tages-Workshop an, der für dein Unternehmen die zentralen Fragen klärt:</p>

<check-list>

<ul class="checklist">
<li>Was ist Data Mesh wirklich?</li>
<li>Ist Data Mesh sinnvoll für uns? Sind wir bereit?</li>
<li>Wie führe ich Data Mesh ein?</li>
</ul>

</check-list>

<p>Die Einführung von Data Mesh ist eine strategische Entscheidung und mit einer Reihe von organisatorischen und
technischen Voraussetzungen und Konsequenzen sowie entsprechender Chancen verbunden, die im Workshop behandelt
werden.</p>

<p>Der Workshop richtet sich an Entscheider:innen und sollte optimalerweise aus 5 bis 8 Teilnehmer:innen aus
folgenden
Bereichen bestehen:</p>

<ul>
<li>Head of Data</li>
<li>Head of Software-Engineering</li>
<li>Head of Product</li>
<li>Head of Operations/Cloud</li>
<li>Software Architect</li>
<li>ggf. CIO/CTO</li>
</ul>

<p>Der Workshop wird von zwei erfahrenen INNOQ Berater:innen durchgeführt.</p>

<long-quote person="Jan Schwake" role="Senior Product Owner Data &amp; Analytics, Interhyp Gruppe"
avatar="https://res.cloudinary.com/innoq/image/upload/c_thumb,dpr_2.0,e_grayscale,f_auto,h_85,q_auto,w_85/e_sharpen:100/v1/uploads-production/8o9psa73tat5mxz2pr5bp51qrrwt">

<blockquote class="longquote">
<span class="longquote__zigzag"></span>
<p>Es war ein super Workshop dank eurer kompetenten und flexiblen Moderation! Besonders gut hat mir
gefallen,
wie wir ganz konkret am Beispiel unserer Produktteams die (technischen und organisatorischen)
Veränderungen
durch (die Einführung von) Data Mesh durchgespielt haben.</p>
<div class="longquote__avatar avatar avatar--sm"><img class="avatar__image"
src="https://res.cloudinary.com/innoq/image/upload/c_thumb,dpr_2.0,e_grayscale,f_auto,h_85,q_auto,w_85/e_sharpen:100/v1/uploads-production/8o9psa73tat5mxz2pr5bp51qrrwt"
alt=""></div>
<cite class="longquote__author" itemprop="name">Jan Schwake</cite><span class="longquote__role"
itemprop="jobTitle">Senior Product Owner Data &amp; Analytics, Interhyp Gruppe</span>
</blockquote>

</long-quote>

<h3><a id="wieläuftdertagab" href="#wiel%C3%A4uftdertagab">Wie läuft der Tag ab?</a></h3>

<ul>
<li>
<strong>10:00</strong> Vorstellung und Erwartungen (30min)
</li>
<li>
<strong>10:30</strong> Was ist Data Mesh wirklich? (90min)
</li>
<li>
<strong>12:00</strong> Mittagspause (60 min)
</li>
<li>
<strong>13:00</strong> Ist Data Mesh sinnvoll für uns? Sind wir bereit? (90min)
</li>
<li>
<strong>14:30</strong> Kaffeepause (30min)
</li>
<li>
<strong>15:00</strong> Wie führe ich Data Mesh ein? (90min)
</li>
<li>
<strong>16:30</strong> Offene Fragen und Feedback (30min)
</li>
</ul>

<p>Die Agenda kann individuell angepasst werden.</p>

<h2 id="interessebekommenjetztanfragen.">Interesse bekommen? Jetzt anfragen.</h2>

<div class="text-center">
<a class="btn btn--cta btn--small" data-label="Jetzt Termin anfragen"
href="/cdn-cgi/l/email-protection#fc8f95919392d2949d8e8e998ebc959292938dd29f9391c38f899e96999f88c1b89d889dd9ceccb1998f94d9ceccab938e978f94938c">Jetzt
Termin anfragen</a>
</div>

</p>
</div>
</div>

</section>

<section class="stripe stripe--gray">
Expand Down
4 changes: 4 additions & 0 deletions components/04-molecules/article&blog-post-elements/quotes/long-quote/_long-quote.scss
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,7 @@
long-quote {
display: block;
}

long-quote > blockquote,
%longquote,
.longquote {
Expand Down
15 changes: 6 additions & 9 deletions ...ents/04-molecules/visual-elements/download-section-feature/_download-section-feature.scss
View file
Original file line number Diff line number Diff line change
@@ -1,12 +1,9 @@
.download-section-feature__image {
width: 100%;
margin-bottom: $spacer-md;
}

.download-section-feature__title {
margin-bottom: $spacer-sm;
.download-section-feature {
> * + * {
margin-top: $spacer-md;
}
}

.download-section-feature__caption {
margin-bottom: $spacer-sm;
.download-section-feature__image {
width: 100%;
}
104 changes: 104 additions & 0 deletions ...nents/04-molecules/visual-elements/download-section-feature/download-section-feature.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,4 +3,108 @@
<h3 class="download-section-feature__title">Titel des Talks</h3>
<p class="download-section-feature__caption">Dies ist eine lustige Beschreibung des Talks</p>
<a href="#" class="btn btn--small btn--cta download-section-feature__link" data-label="Download">Download</a>
<p>Data Mesh ist aktuell ein Hypethema, das wir mit <a
href="https://www.datamesh-architecture.com/">www.datamesh-architecture.com</a> aus unserer Perspektive
aufbereitet haben.</p>

<p>Data Mesh ist ein sozio-technischer dezentraler Ansatz, der es Domänen-Teams ermöglicht, bereichsübergreifende
Datenanalysen eigenständig durchzuführen. Es führt die Ideen aus Domain-driven Design, Product Thinking,
Self-contained Systems und Team Topologies fort, und erweitert diese auf analytische Daten. Entwicklungsteams können
damit selbstständig datengetrieben arbeiten und bessere Entscheidungen treffen. Sie bekommen aber auch mehr
Verantwortung, da zusätzlich zu den Anwendungen und APIs nun auch Datenprodukte betrieben werden müssen. Diese
Datenprodukte ermöglichen stabile domänenübergreifende Analysen und Reports.</p>

<p>Für Unternehmen, die ihre Software-Entwicklung nach Domain-driven Design und mit Microservices bzw. Self-contained
Systems ausrichten, könnte Data Mesh eine passende Datenstrategie sein.</p>

<figure>
<img src="https://www.datamesh-architecture.com/images/datamesharchitecture.png.webp" alt="" loading="lazy">

</figure>

<p>Wir bieten einen 1-Tages-Workshop an, der für dein Unternehmen die zentralen Fragen klärt:</p>

<check-list>

<ul class="checklist">
<li>Was ist Data Mesh wirklich?</li>
<li>Ist Data Mesh sinnvoll für uns? Sind wir bereit?</li>
<li>Wie führe ich Data Mesh ein?</li>
</ul>

</check-list>

<p>Die Einführung von Data Mesh ist eine strategische Entscheidung und mit einer Reihe von organisatorischen und
technischen Voraussetzungen und Konsequenzen sowie entsprechender Chancen verbunden, die im Workshop behandelt
werden.</p>

<p>Der Workshop richtet sich an Entscheider:innen und sollte optimalerweise aus 5 bis 8 Teilnehmer:innen aus folgenden
Bereichen bestehen:</p>

<ul>
<li>Head of Data</li>
<li>Head of Software-Engineering</li>
<li>Head of Product</li>
<li>Head of Operations/Cloud</li>
<li>Software Architect</li>
<li>ggf. CIO/CTO</li>
</ul>

<p>Der Workshop wird von zwei erfahrenen INNOQ Berater:innen durchgeführt.</p>

<long-quote person="Jan Schwake" role="Senior Product Owner Data &amp; Analytics, Interhyp Gruppe"
avatar="https://res.cloudinary.com/innoq/image/upload/c_thumb,dpr_2.0,e_grayscale,f_auto,h_85,q_auto,w_85/e_sharpen:100/v1/uploads-production/8o9psa73tat5mxz2pr5bp51qrrwt">

<blockquote class="longquote">
<span class="longquote__zigzag"></span>
<p>Es war ein super Workshop dank eurer kompetenten und flexiblen Moderation! Besonders gut hat mir gefallen,
wie wir ganz konkret am Beispiel unserer Produktteams die (technischen und organisatorischen) Veränderungen
durch (die Einführung von) Data Mesh durchgespielt haben.</p>
<div class="longquote__avatar avatar avatar--sm"><img class="avatar__image"
src="https://res.cloudinary.com/innoq/image/upload/c_thumb,dpr_2.0,e_grayscale,f_auto,h_85,q_auto,w_85/e_sharpen:100/v1/uploads-production/8o9psa73tat5mxz2pr5bp51qrrwt"
alt=""></div>
<cite class="longquote__author" itemprop="name">Jan Schwake</cite><span class="longquote__role"
itemprop="jobTitle">Senior Product Owner Data &amp; Analytics, Interhyp Gruppe</span>
</blockquote>

</long-quote>

<h3><a id="wieläuftdertagab" href="#wiel%C3%A4uftdertagab">Wie läuft der Tag ab?</a></h3>

<ul>
<li>
<strong>10:00</strong> Vorstellung und Erwartungen (30min)
</li>
<li>
<strong>10:30</strong> Was ist Data Mesh wirklich? (90min)
</li>
<li>
<strong>12:00</strong> Mittagspause (60 min)
</li>
<li>
<strong>13:00</strong> Ist Data Mesh sinnvoll für uns? Sind wir bereit? (90min)
</li>
<li>
<strong>14:30</strong> Kaffeepause (30min)
</li>
<li>
<strong>15:00</strong> Wie führe ich Data Mesh ein? (90min)
</li>
<li>
<strong>16:30</strong> Offene Fragen und Feedback (30min)
</li>
</ul>

<p>Die Agenda kann individuell angepasst werden.</p>

<h2 id="interessebekommenjetztanfragen.">Interesse bekommen? Jetzt anfragen.</h2>

<div class="text-center">
<a class="btn btn--cta btn--small" data-label="Jetzt Termin anfragen"
href="/cdn-cgi/l/email-protection#fc8f95919392d2949d8e8e998ebc959292938dd29f9391c38f899e96999f88c1b89d889dd9ceccb1998f94d9ceccab938e978f94938c">Jetzt
Termin anfragen</a>
</div>

</p>
</div>
</div>

0 comments on commit fac89a3

Please sign in to comment.