From 32c05c239d46a030bef4e279c2e719a1cf697097 Mon Sep 17 00:00:00 2001 From: Ute Mayer-Dohmen Date: Thu, 4 Apr 2024 15:34:37 +0200 Subject: [PATCH] Add event stripes component --- aiur.config.js | 1 + .../images/illustrations/avatar-dummy.svg | 1 + lib/assets/stylesheets/application.scss | 3 +- .../container/_container.scss | 23 +- lib/components/buttons/_buttons.scss | 2 +- lib/components/cards/_cards.scss | 25 +- .../event-stripe/_event-stripe.scss | 110 ++++ lib/components/header/_header.scss | 9 - lib/components/header/header.md | 6 +- lib/fundamentals/_helpers.scss | 13 + lib/views/about/about.md | 2 +- lib/views/contact/contact.md | 2 +- .../customer-profile-edit-page.md | 2 +- .../customer-profile-page.md | 4 +- .../customer-trainings-page.md | 2 +- lib/views/home/home.md | 87 ++- lib/views/isaqb/isaqb.md | 2 +- lib/views/login_page/login_page.md | 2 +- .../login_page_success/login_page_success.md | 2 +- lib/views/module_kit/module_kit.md | 2 +- lib/views/news/news.md | 2 +- lib/views/news/news_detail.md | 2 +- lib/views/prices/prices.md | 2 +- lib/views/privacy/privacy.md | 2 +- lib/views/site_notice/site_notice.md | 2 +- lib/views/trainer/trainer_detail.md | 12 +- lib/views/trainer/trainer_overview.md | 14 +- .../trainer_trainings_detail_page.md | 56 +- .../trainer_trainings_overview_page.md | 5 +- lib/views/trainings_dates/trainings_dates.md | 136 +++++ .../trainings_detail/trainings_detail.md | 570 +++++++++++------- .../trainings_detail_isaqb.md | 328 ++++++---- .../trainings_detail_power.md | 7 +- .../trainings_overview/trainings_overview.md | 12 +- 34 files changed, 992 insertions(+), 458 deletions(-) create mode 100644 lib/assets/images/illustrations/avatar-dummy.svg create mode 100644 lib/components/event-stripe/_event-stripe.scss create mode 100644 lib/views/trainings_dates/trainings_dates.md diff --git a/aiur.config.js b/aiur.config.js index 20eec57..8acae5d 100644 --- a/aiur.config.js +++ b/aiur.config.js @@ -35,6 +35,7 @@ module.exports = { privacy: "./lib/views/privacy/privacy.md", site_notice: "./lib/views/site_notice/site_notice.md", trainings_overview: "./lib/views/trainings_overview/trainings_overview.md", + trainings_dates: "./lib/views/trainings_dates/trainings_dates.md", trainings_detail: "./lib/views/trainings_detail/trainings_detail.md", trainings_detail_isaqb: "./lib/views/trainings_detail/trainings_detail_isaqb.md", trainings_detail_power: "./lib/views/trainings_detail/trainings_detail_power.md", diff --git a/lib/assets/images/illustrations/avatar-dummy.svg b/lib/assets/images/illustrations/avatar-dummy.svg new file mode 100644 index 0000000..2d76a85 --- /dev/null +++ b/lib/assets/images/illustrations/avatar-dummy.svg @@ -0,0 +1 @@ +Wall E Streamline Icon: https://streamlinehq.com \ No newline at end of file diff --git a/lib/assets/stylesheets/application.scss b/lib/assets/stylesheets/application.scss index 73c2aea..ae36a55 100644 --- a/lib/assets/stylesheets/application.scss +++ b/lib/assets/stylesheets/application.scss @@ -2,6 +2,7 @@ Fundamental Stylings */ +@import "../../fundamentals/spacers"; @import "../../fundamentals/helpers"; @import "../../fundamentals/colors"; @import "../../fundamentals/typography"; @@ -9,7 +10,6 @@ Fundamental Stylings @import "../../fundamentals/animations"; @import "../../fundamentals/breakpoints"; @import "../../fundamentals/shadows"; -@import "../../fundamentals/spacers"; @import "https://pretix.eu/socreatory/widget/v1.css"; /* @@ -26,6 +26,7 @@ Application specific code @import "../../components/buttons/buttons"; @import "../../components/cards/cards"; @import "../../components/customer_logo/customer_logo"; +@import "../../components/event-stripe/event-stripe"; @import "../../components/feature/feature"; @import "../../components/filter/filter"; @import "../../components/footer/footer"; diff --git a/lib/blueprints/container-layouts/container/_container.scss b/lib/blueprints/container-layouts/container/_container.scss index e8b8560..12cd1a9 100644 --- a/lib/blueprints/container-layouts/container/_container.scss +++ b/lib/blueprints/container-layouts/container/_container.scss @@ -13,7 +13,7 @@ padding: 0 $spacer-xs; > * + * { - margin-top: $spacer-base; + margin-top: $spacer-md; } > * { @@ -69,6 +69,27 @@ padding-bottom: $spacer-base; } +.container--2-col, +%container--2-col { + @include for-tablet-landscape-up { + display: grid; + grid-template-areas: "left right"; + grid-template-columns: 1fr 1fr; + grid-template-rows: auto; + gap: $spacer-base; + + > div { + margin-top: 0; + } + } + + width: 100%; + + > * + * { + margin-top: $spacer-base; + } +} + // Deprecated Class TODO Replace everywhere .container__fullwidth { @include for-tablet-landscape-up { diff --git a/lib/components/buttons/_buttons.scss b/lib/components/buttons/_buttons.scss index 482be12..c4017bb 100644 --- a/lib/components/buttons/_buttons.scss +++ b/lib/components/buttons/_buttons.scss @@ -27,7 +27,7 @@ @extend %base-button; width: auto; - padding: $spacer-sm $spacer-md; + padding: $spacer-xs $spacer-sm; font-size: $font-size-sm; color: $brand-text; diff --git a/lib/components/cards/_cards.scss b/lib/components/cards/_cards.scss index 8969377..5c1df7c 100644 --- a/lib/components/cards/_cards.scss +++ b/lib/components/cards/_cards.scss @@ -1,7 +1,7 @@ .cards { @include for-tablet-landscape-up { grid-template-columns: 1fr 1fr; - gap: 1.5rem; + gap: $spacer-md; } @include for-desktop-xl-up { @@ -11,7 +11,7 @@ display: grid; grid-auto-rows: auto; grid-template-columns: 1fr; - gap: $spacer-md; + gap: $spacer-xs; align-content: stretch; width: 100%; @@ -29,19 +29,18 @@ .card { position: relative; - - display: grid; - grid-row: span 3; - gap: 0; - background-color: $brand-white-1; - transition: all 250ms ease; } -.card__link { +.card__title { + margin-bottom: $spacer-2xs; font-size: $font-size-lg; + line-height: $heading-line-height-sm; hyphens: auto; +} + +.card__link { color: $brand-text; text-decoration: none; } @@ -91,15 +90,9 @@ border-left: 10px solid $brand-tertiary; } -.card__title { - margin-bottom: $spacer-2xs; - font-size: $font-size-xl; - line-height: $heading-line-height-sm; - hyphens: auto; -} - .card__text { font-size: $font-size-md; + line-height: $heading-line-height-sm; } .card__label { diff --git a/lib/components/event-stripe/_event-stripe.scss b/lib/components/event-stripe/_event-stripe.scss new file mode 100644 index 0000000..9df209e --- /dev/null +++ b/lib/components/event-stripe/_event-stripe.scss @@ -0,0 +1,110 @@ +.trainings-section { + @extend %container; + @extend %container--xl; + @extend %container-vertical-spacing-xl; +} + +.event-stripe__list { + display: grid; + grid-template-columns: 1fr; + grid-template-rows: auto; + gap: $spacer-xs; + + width: 100%; + margin-bottom: $spacer-md; + padding-left: 0; + + list-style-type: none; +} + +.event-stripe { + position: relative; + + display: grid; + grid-column-gap: $spacer-xs; + grid-template-columns: $spacer-lg auto; + grid-template-rows: auto; + + width: 100%; + padding: $spacer-xs $spacer-sm; + + background-color: $brand-white-1; + border-left: 5px solid $brand-secondary; + + transition: all 250ms ease; + + > * { + margin-bottom: 0; + } + + .avatar { + grid-column: 1; + grid-row: 2/4; + align-self: center; + + width: $spacer-lg; + height: $spacer-lg; + } +} + +.event-stripe--isaqb { + border-left: 5px solid $brand-primary; +} + +.event-stripe--power { + border-left: 5px solid $brand-tertiary; +} + +.event-stripe__title { + display: block; + grid-column: 1/3; + grid-row: 1; + + margin-bottom: $spacer-2xs; + + font-size: $font-size-base; + line-height: $heading-line-height-sm; + hyphens: auto; + + a { + color: $brand-text; + text-decoration: none; + + &::after { + content: ""; + + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + } + + &:hover { + text-decoration: underline; + text-decoration-thickness: $spacer-3xs; + text-underline-offset: $spacer-3xs; + } + } +} + +.event-stripe__location { + display: block; + grid-column: 2; + grid-row: 2; + + font-size: $font-size-md; + line-height: $heading-line-height-sm; +} + +.event-stripe__date { + @extend %heading-font-bold; + + grid-column: 2; + grid-row: 2; + + margin-top: $spacer-2xs; + + font-size: $font-size-md; + line-height: $heading-line-height-sm; +} diff --git a/lib/components/header/_header.scss b/lib/components/header/_header.scss index 3b1ee8d..1f4533f 100644 --- a/lib/components/header/_header.scss +++ b/lib/components/header/_header.scss @@ -1,10 +1,5 @@ //TODO: Refactor .header { - @include for-tablet-landscape-up { - margin-bottom: $spacer-xl; - } - - margin-bottom: $spacer-sm; padding: $spacer-lg 0 $spacer-lg 0; > * + * { @@ -81,10 +76,6 @@ margin-right: $spacer-base * 0.7; } -.header-color--normal { - background-color: $brand-background; -} - .header-color--highlighted-1 { background-color: $brand-primary-light; } diff --git a/lib/components/header/header.md b/lib/components/header/header.md index d70b730..6efcd9c 100644 --- a/lib/components/header/header.md +++ b/lib/components/header/header.md @@ -66,7 +66,7 @@ ISAQB Training Header ## Header mit Image ```html -
+
    @@ -85,7 +85,7 @@ ISAQB Training Header ## Header Simpel ```html -
    +
      @@ -103,7 +103,7 @@ ISAQB Training Header ## Breadcrumb Header ```html -
      +
        diff --git a/lib/fundamentals/_helpers.scss b/lib/fundamentals/_helpers.scss index aea944e..977e30d 100644 --- a/lib/fundamentals/_helpers.scss +++ b/lib/fundamentals/_helpers.scss @@ -16,3 +16,16 @@ clip-path: inset(50%); border: 0; } + +/* stylelint-disable declaration-no-important */ +.m-t-lg { + margin-top: $spacer-lg !important; +} + +.m-t-xl { + margin-top: $spacer-xl !important; +} + +.m-t-2xl { + margin-top: $spacer-2xl !important; +} diff --git a/lib/views/about/about.md b/lib/views/about/about.md index 4ab9172..81d9824 100644 --- a/lib/views/about/about.md +++ b/lib/views/about/about.md @@ -31,7 +31,7 @@ description: Description -
        +
          diff --git a/lib/views/contact/contact.md b/lib/views/contact/contact.md index 68e8551..7f05cdd 100644 --- a/lib/views/contact/contact.md +++ b/lib/views/contact/contact.md @@ -31,7 +31,7 @@ description: Description -
          +
            diff --git a/lib/views/customer-pages/customer-profile-edit-page/customer-profile-edit-page.md b/lib/views/customer-pages/customer-profile-edit-page/customer-profile-edit-page.md index 46c01fd..05332f5 100644 --- a/lib/views/customer-pages/customer-profile-edit-page/customer-profile-edit-page.md +++ b/lib/views/customer-pages/customer-profile-edit-page/customer-profile-edit-page.md @@ -39,7 +39,7 @@ See [All available alert styles](https://styleguide.socreatory.com/molecules/ale -
            +
              diff --git a/lib/views/customer-pages/customer-profile-page/customer-profile-page.md b/lib/views/customer-pages/customer-profile-page/customer-profile-page.md index ae20f60..af0ca24 100644 --- a/lib/views/customer-pages/customer-profile-page/customer-profile-page.md +++ b/lib/views/customer-pages/customer-profile-page/customer-profile-page.md @@ -34,7 +34,7 @@ See [All available alert styles](https://styleguide.socreatory.com/molecules/ale -
              +
                @@ -46,7 +46,7 @@ See [All available alert styles](https://styleguide.socreatory.com/molecules/ale
              -
              +

              Erfolg! Vielen Dank.

              - -
              -
              + Alle Schulungen +
              +
              +

              Early Birds

              + + Alle Early Birds +
              +
              +

              Nächste Termine

              +
                +
              • +

                Ein tolles Training

                +
                + - + +
                + + Wursthotel Wurststr.100 40000 Wursthausen +
                • +
              • +

                Ein tolles Training

                +
                + - + +
                + + Wursthotel Wurststr.100 40000 Wursthausen +
                • +
              • +

                Ein tolles Training

                +
                + - + +
                + + Wursthotel Wurststr.100 40000 Wursthausen +
                • +
              + Alle Early Birds +
              +
              +

              Deine Trainer:innen

              @@ -313,7 +378,6 @@ description: Homepage

            -
            @@ -351,6 +415,7 @@ description: Homepage
            +
          @@ -362,4 +427,4 @@ description: Homepage
        -``` \ No newline at end of file +``` diff --git a/lib/views/isaqb/isaqb.md b/lib/views/isaqb/isaqb.md index 5c1d870..93a564a 100644 --- a/lib/views/isaqb/isaqb.md +++ b/lib/views/isaqb/isaqb.md @@ -31,7 +31,7 @@ description: Description -
        +
          diff --git a/lib/views/login_page/login_page.md b/lib/views/login_page/login_page.md index f96dcfe..efeefa3 100644 --- a/lib/views/login_page/login_page.md +++ b/lib/views/login_page/login_page.md @@ -31,7 +31,7 @@ description: This view shows how the login page should look like -
          +
            diff --git a/lib/views/login_page_success/login_page_success.md b/lib/views/login_page_success/login_page_success.md index c936df9..0f6dbfb 100644 --- a/lib/views/login_page_success/login_page_success.md +++ b/lib/views/login_page_success/login_page_success.md @@ -31,7 +31,7 @@ description: This view shows how the login page should look like after sending t -
            +
              diff --git a/lib/views/module_kit/module_kit.md b/lib/views/module_kit/module_kit.md index 7307f92..4a0f5c0 100644 --- a/lib/views/module_kit/module_kit.md +++ b/lib/views/module_kit/module_kit.md @@ -36,7 +36,7 @@ description: Description -
              +
                diff --git a/lib/views/news/news.md b/lib/views/news/news.md index 840ea33..00d5e4b 100644 --- a/lib/views/news/news.md +++ b/lib/views/news/news.md @@ -31,7 +31,7 @@ description: Description -
                +
                  diff --git a/lib/views/news/news_detail.md b/lib/views/news/news_detail.md index bb05df0..077a922 100644 --- a/lib/views/news/news_detail.md +++ b/lib/views/news/news_detail.md @@ -31,7 +31,7 @@ description: Description -
                  +
                    diff --git a/lib/views/prices/prices.md b/lib/views/prices/prices.md index 8c98f0d..c05a20b 100644 --- a/lib/views/prices/prices.md +++ b/lib/views/prices/prices.md @@ -31,7 +31,7 @@ description: Description -
                    +
                      diff --git a/lib/views/privacy/privacy.md b/lib/views/privacy/privacy.md index b0f8fa7..f347828 100644 --- a/lib/views/privacy/privacy.md +++ b/lib/views/privacy/privacy.md @@ -31,7 +31,7 @@ description: Description -
                      +
                        diff --git a/lib/views/site_notice/site_notice.md b/lib/views/site_notice/site_notice.md index 0700ab9..23f92b9 100644 --- a/lib/views/site_notice/site_notice.md +++ b/lib/views/site_notice/site_notice.md @@ -31,7 +31,7 @@ description: Description -
                        +
                          diff --git a/lib/views/trainer/trainer_detail.md b/lib/views/trainer/trainer_detail.md index c615e36..98d1f40 100644 --- a/lib/views/trainer/trainer_detail.md +++ b/lib/views/trainer/trainer_detail.md @@ -36,7 +36,7 @@ description: Description -
                          +
                            @@ -223,7 +223,8 @@ description: Description
                            - +
                            • Trainings
                              • @@ -241,16 +242,19 @@ description: Description

                            Newsletter

                            -

                            Frische Architektur direkt in deinem Postfach. Melde dich jetzt an und erfahre alle zwei Monate als erste(r) von neuen Angeboten und Themen

                            +

                            Frische Architektur direkt in deinem Postfach. Melde dich jetzt an und erfahre alle zwei Monate als + erste(r) von neuen Angeboten und Themen

                            - +
                            +
                            diff --git a/lib/views/trainer/trainer_overview.md b/lib/views/trainer/trainer_overview.md index b31abe6..01fc285 100644 --- a/lib/views/trainer/trainer_overview.md +++ b/lib/views/trainer/trainer_overview.md @@ -36,7 +36,7 @@ description: Description -
                            +
                              @@ -279,13 +279,14 @@ description: Description

                              Fokus

                            - ] +
                            - +
                            • Trainings
                              • @@ -303,16 +304,19 @@ description: Description

                            Newsletter

                            -

                            Frische Architektur direkt in deinem Postfach. Melde dich jetzt an und erfahre alle zwei Monate als erste(r) von neuen Angeboten und Themen

                            +

                            Frische Architektur direkt in deinem Postfach. Melde dich jetzt an und erfahre alle zwei Monate als + erste(r) von neuen Angeboten und Themen

                            - +
                            +
                            diff --git a/lib/views/trainer_pages/trainer_trainings_detail_page/trainer_trainings_detail_page.md b/lib/views/trainer_pages/trainer_trainings_detail_page/trainer_trainings_detail_page.md index eddcab6..abb9fa4 100644 --- a/lib/views/trainer_pages/trainer_trainings_detail_page/trainer_trainings_detail_page.md +++ b/lib/views/trainer_pages/trainer_trainings_detail_page/trainer_trainings_detail_page.md @@ -33,7 +33,7 @@ description: Backend-View for Trainers shows details of a specific training -
                            +
                              @@ -86,31 +86,37 @@ description: Backend-View for Trainers shows details of a specific training
                              - -

                              Frische Architektur direkt in deinem Postfach. Melde dich jetzt an und erfahre alle zwei Monate als erste(r) von neuen Angeboten und Themen.

                              -
                              -
                              - - +
                              + +
                              + +
                              -
                              - - -
                              - -
                              - - +
                              +
                              +

                              Newsletter

                              +

                              Frische Architektur direkt in deinem Postfach. Melde dich jetzt an und erfahre alle zwei Monate als erste(r) von neuen Angeboten und Themen

                              +
                              +
                              + + +
                              +
                              + + +
                              + +
                              diff --git a/lib/views/trainer_pages/trainer_trainings_overview_page/trainer_trainings_overview_page.md b/lib/views/trainer_pages/trainer_trainings_overview_page/trainer_trainings_overview_page.md index 46a7e43..9e6421b 100644 --- a/lib/views/trainer_pages/trainer_trainings_overview_page/trainer_trainings_overview_page.md +++ b/lib/views/trainer_pages/trainer_trainings_overview_page/trainer_trainings_overview_page.md @@ -38,7 +38,7 @@ description: Backend-View for Trainers shows a list of all training a trainer is -
                              +
                                @@ -127,6 +127,7 @@ description: Backend-View for Trainers shows a list of all training a trainer is
                              +
                              @@ -138,4 +139,4 @@ description: Backend-View for Trainers shows a list of all training a trainer is
                            -``` \ No newline at end of file +``` diff --git a/lib/views/trainings_dates/trainings_dates.md b/lib/views/trainings_dates/trainings_dates.md new file mode 100644 index 0000000..fba5533 --- /dev/null +++ b/lib/views/trainings_dates/trainings_dates.md @@ -0,0 +1,136 @@ +title: Training Dates Overview +description: Description + +```html + + + + + +
                            +
                            +
                            +
                              +
                            • Home
                              • +
                            • › + Early Bird Angebote
                              • +
                            +
                            +
                            +
                            + +

                            Unsere Early Bird Angebote

                            +
                            +
                            + +
                            +
                            + +
                            +
                            + +
                            +
                            +
                            +
                            + +
                            + + +
                            +
                            +
                            +

                            Newsletter

                            +

                            Frische Architektur direkt in deinem Postfach. Melde dich jetzt an und erfahre alle zwei Monate als + erste(r) von neuen Angeboten und Themen

                            +
                            +
                            + + +
                            +
                            + + +
                            +
                            +
                            +
                            +
                            +
                            +
                            + socreatory — The Software Creators’ Academy + ©2023 +
                            +
                            +
                            + +``` diff --git a/lib/views/trainings_detail/trainings_detail.md b/lib/views/trainings_detail/trainings_detail.md index ce5e031..cb3ca37 100644 --- a/lib/views/trainings_detail/trainings_detail.md +++ b/lib/views/trainings_detail/trainings_detail.md @@ -6,11 +6,13 @@ description: Show Training Detail
                          @@ -36,8 +40,10 @@ description: Show Training Detail

                          JavaScript verstehen und anwenden

                          @@ -45,260 +51,374 @@ description: Show Training Detail
                          -
                          -
                          -
                          -
                          - Termine und Buchung -
                          -

                          -- Beschreibung

                          -

                          Evolution und Verbesserung von Software­architekturen – systematisch und nachhaltig

                          -
                          -

                          - Lorem ipsum dolor, sit amet consectetur adipisicing elit. Numquam doloribus laborum nisi non, lorem ipsum cupiditate quo accusantium doloremque saepe quidem - illum! -

                          - Dr. Lars Hupel im Einsatz -

                          - Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum aliquid, lorem ipsum reiciendis error fugit dicta tempora necessitatibus maiores nesciunt - et, porro ipsa incidunt lorem ipsum asperiores perspiciatis, dolor explicabo quia aliquam eos nam. -

                          -
                          -
                          +
                          +
                          +
                          + Termine und Buchung +
                          +

                          -- Beschreibung

                          +

                          Evolution und Verbesserung von Software­architekturen – systematisch und + nachhaltig

                          +
                          +

                          + Lorem ipsum dolor, sit amet consectetur adipisicing elit. Numquam doloribus laborum nisi + non, lorem ipsum cupiditate quo accusantium doloremque saepe quidem + illum! +

                          + Dr. Lars Hupel im Einsatz +

                          + Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum aliquid, lorem + ipsum reiciendis error fugit dicta tempora necessitatibus maiores nesciunt + et, porro ipsa incidunt lorem ipsum asperiores perspiciatis, dolor explicabo quia + aliquam eos nam. +

                          +
                          +
                          -
                          -

                          -- Agenda

                          -
                          -
                            -
                          • Lorem, ipsum dolor Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium, atque?
                            • -
                          • - Lorem reiciendis error fugit Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et distinctio voluptatem fugit est beatae nisi possimus ratione, obcaecati quod - veniam, numquam architecto voluptate. -
                            • -
                          • Lorem ipsum dolor sit amet consectetur adipisicing elit.
                            • -
                          -
                            -
                          1. Lorem, ipsum dolor
                            2. -
                          2. Lorem reiciendis error fugit
                            3. -
                          3. Lorem ipsum dolor sit amet consectetur adipisicing elit.
                            4. -
                          -
                          -
                          +
                          +

                          -- Agenda

                          +
                          +
                            +
                          • Lorem, ipsum dolor Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium, + atque?
                            • +
                          • + Lorem reiciendis error fugit Lorem ipsum dolor sit amet, consectetur adipisicing elit. + Et distinctio voluptatem fugit est beatae nisi possimus ratione, obcaecati quod + veniam, numquam architecto voluptate. +
                            • +
                          • Lorem ipsum dolor sit amet consectetur adipisicing elit.
                            • +
                          +
                            +
                          1. Lorem, ipsum dolor
                            2. +
                          2. Lorem reiciendis error fugit
                            3. +
                          3. Lorem ipsum dolor sit amet consectetur adipisicing elit.
                            4. +
                          +
                          +
                          -
                          -

                          -- Teilnehmer:innen Bewertung

                          -
                          -

                          (14 Bewertungen)

                          -

                          92% aller Teilnehmer:innen würden dieses Training weiterempfehlen

                          -
                          +
                          +

                          -- Teilnehmer:innen Bewertung

                          +
                          +

                          (14 Bewertungen)

                          +

                          92% aller Teilnehmer:innen würden dieses Training weiterempfehlen

                          +
                          -
                          -

                          -- Ihr Nutzen

                          -
                          -

                          - Die Kenntnis flexibler Architektur­modelle ist essenziell bei Moderni­sierung­svor­haben gewachsener Systeme als auch beim Design neuer Systeme auf der - »grünen Wiese« -

                          -

                          »Full-Stack«-­Architektur­kompetenz: vom iterativen Entwerfen bis zur konti­nuier­lichen Auslieferung

                          -

                          Anwendbar in allen Auf­gabenfeldern der Softwarearchitektur unabhängig von Technologien und Sprachen

                          +
                          +

                          -- Ihr Nutzen

                          +
                          +

                          + Die Kenntnis flexibler Architektur­modelle ist essenziell bei + Moderni­sierung­svor­haben gewachsener Systeme als auch beim Design neuer + Systeme auf der + »grünen Wiese« +

                          +

                          »Full-Stack«-­Architektur­kompetenz: vom iterativen Entwerfen + bis zur konti­nuier­lichen Auslieferung

                          +

                          Anwendbar in allen Auf­gabenfeldern der Softwarearchitektur + unabhängig von Technologien und Sprachen

                          +
                          +
                          +
                          +

                          -- Zielgruppe

                          +
                          +

                          + Lorem ipsum dolor sit amet consectetur, adipisicing elit. Omnis, magnam corrupti, enim, + ratione id quisquam quas explicabo magni maxime commodi facilis? Illum, in ipsa? + Ipsum dolorem dolor pariatur provident esse? +

                          +
                          +
                          +
                          +

                          -- Lernziele

                          +
                          +

                          Motivation: Schnelle IT als Wettbewerbsfaktor

                          +

                          Gesetz von Conway: Software-Architekturen und Organisation

                          +

                          Microservices und Self-contained Systems

                          +

                          Domain-driven Design für Modularisierung: Bounded Context und Context + Maps

                          +

                          Selbstorganisation und Architektur: Mikro- und Makro-Architekturen +

                          +

                          Kommunikation: REST und Messaging

                          +

                          Event-driven Front-End-Integration

                          +

                          Datenreplikation

                          +

                          Verteilte Sicherheitsmechanismen

                          +

                          Moderne Infrastrukturen mit IaaS, PaaS und Container

                          +

                          Continuous Delivery, Delivery Pipelines und Software-Architektur

                          +

                          Metriken und Logging

                          +

                          Ausblick: Konsistenzmodelle und Resilience

                          +
                          +
                          + +
                          +

                          -- Ihre Trainer:innen

                          +
                          +
                          +
                          -
                          -
                          -

                          -- Zielgruppe

                          -
                          +
                          +

                          Kim Nena Duggen

                          +

                          embarc

                          +

                          Rolle

                          +
                          +

                          - Lorem ipsum dolor sit amet consectetur, adipisicing elit. Omnis, magnam corrupti, enim, ratione id quisquam quas explicabo magni maxime commodi facilis? Illum, in ipsa? - Ipsum dolorem dolor pariatur provident esse? + Kim Nena Duggen ist als Organisationsentwicklerin im Bereich New Work, + Selbstorganisation und (IT-)Strategie in ihrem Element. Erfahrungen im Prozessmanagement + und ihr + Einsatz als Trainerin im Bereich EAM, RE, Soft Skills, New Work sind ihr Fundament.

                          -
                          -
                          -

                          -- Lernziele

                          -
                          -

                          Motivation: Schnelle IT als Wettbewerbsfaktor

                          -

                          Gesetz von Conway: Software-Architekturen und Organisation

                          -

                          Microservices und Self-contained Systems

                          -

                          Domain-driven Design für Modularisierung: Bounded Context und Context Maps

                          -

                          Selbstorganisation und Architektur: Mikro- und Makro-Architekturen

                          -

                          Kommunikation: REST und Messaging

                          -

                          Event-driven Front-End-Integration

                          -

                          Datenreplikation

                          -

                          Verteilte Sicherheitsmechanismen

                          -

                          Moderne Infrastrukturen mit IaaS, PaaS und Container

                          -

                          Continuous Delivery, Delivery Pipelines und Software-Architektur

                          -

                          Metriken und Logging

                          -

                          Ausblick: Konsistenzmodelle und Resilience

                          -
                          -
                          +
                          +
                          -
                          -

                          -- Ihre Trainer:innen

                          -
                          -
                          - -
                          -
                          -

                          Kim Nena Duggen

                          -

                          embarc

                          -

                          Rolle

                          -
                          +
                          +

                          -- Unsere Kund:innen sagen

                          +
                          +
                          »Lorem ipsum dolor sit, amet consectetur adipisicing elit. + Nostrum possimus corrupti amet.«
                          +
                          Alexander Trapp
                          +
                          Developer IoT & Cloud bei GIB mbH
                          +
                          +
                          -

                          - Kim Nena Duggen ist als Organisationsentwicklerin im Bereich New Work, Selbstorganisation und (IT-)Strategie in ihrem Element. Erfahrungen im Prozessmanagement und ihr - Einsatz als Trainerin im Bereich EAM, RE, Soft Skills, New Work sind ihr Fundament. -

                          -
                          +
                          +

                          -- Fachinfos und Bücher

                          +
                          +
                          +
                          -
                          - -
                          -

                          -- Unsere Kund:innen sagen

                          -
                          -
                          »Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nostrum possimus corrupti amet.«
                          -
                          Alexander Trapp
                          -
                          Developer IoT & Cloud bei GIB mbH
                          +
                          +

                          Vorgehensmuster für Softwarearchitektur

                          +

                          + Grundlage für das Seminar ist das Buch »Vorgehensmuster für Softwarearchitektur: + Kombinierbare Praktiken in Zeiten von Agile und Lean« (Hanser Verlag, 2019) Ihres + Trainers Stefan Toth. Das Buch ist für jeden Teilnehmer im Seminarpreis enthalten + (Gebundene Ausgabe und eBook). +

                          -
                          - -
                          -

                          -- Fachinfos und Bücher

                          -
                          -
                          - -
                          -
                          -

                          Vorgehensmuster für Softwarearchitektur

                          -

                          - Grundlage für das Seminar ist das Buch »Vorgehensmuster für Softwarearchitektur: Kombinierbare Praktiken in Zeiten von Agile und Lean« (Hanser Verlag, 2019) Ihres - Trainers Stefan Toth. Das Buch ist für jeden Teilnehmer im Seminarpreis enthalten (Gebundene Ausgabe und eBook). -

                          +
                          +
                          +
                          +
                          +
                          +

                          Termine

                          + +
                          +
                          +
                          + -
                          -
                          -
                          -
                          -
                          -

                          Termine

                          - -
                          -
                          -
                          - - - -
                          - - - -
                          ADOC - Stefan Zörner
                          -
                          26.–27. Juli 2021 09:30
                          -
                          Online
                          -
                          Jetzt buchen
                           -
                          ADOC
                          -
                          3.–4. November 2021 09:30
                          -
                          Online
                          -
                          Jetzt buchen
                          -                           -
                          + + +
                          -
                          -
                          Event-Ticketing-Software von pretix
                          + +
                          ADOC - Stefan Zörner
                          +
                          26.–27. Juli 2021 09:30
                          +
                          Online
                          +
                          Jetzt buchen +
                          +                           +
                          ADOC
                          +
                          3.–4. November 2021 09:30
                          +
                          Online
                          +
                          Jetzt buchen +
                          +
                          + + +
                          +
                          Event-Ticketing-Software von pretix
                          -
                          -

                          Inhouse Training

                          -

                          Du kannst diese Training auch als inhouse-Training exklusiv bei Dir buchen. Bitte nutze dafür unser Anfrage-Formular.

                          - Jetzt anfragen -
                          +
                          +
                          +

                          Inhouse Training

                          +

                          Du kannst diese Training auch als inhouse-Training exklusiv bei Dir buchen. Bitte nutze dafür + unser Anfrage-Formular.

                          + Jetzt anfragen
                          - -
                          - -

                          Frische Architektur direkt in deinem Postfach. Melde dich jetzt an und erfahre alle zwei Monate als erste(r) von neuen Angeboten und Themen.

                          -
                          -
                          - - +
                          + +
                          + +
                          -
                          - - -
                          - -
                          - - +
                          +
                          +

                          Newsletter

                          +

                          Frische Architektur direkt in deinem Postfach. Melde dich jetzt an und erfahre alle zwei Monate als + erste(r) von neuen Angeboten und Themen

                          +
                          +
                          + + +
                          +
                          + + +
                          + +
                          diff --git a/lib/views/trainings_detail/trainings_detail_isaqb.md b/lib/views/trainings_detail/trainings_detail_isaqb.md index 78552f8..69ddc26 100644 --- a/lib/views/trainings_detail/trainings_detail_isaqb.md +++ b/lib/views/trainings_detail/trainings_detail_isaqb.md @@ -68,146 +68,209 @@ description: Show Training Detail iSAQB
                          -
                          -
                          -
                          -
                          - Termine und Buchung -
                          -

                          -- Beschreibung

                          -

                          Evolution und Verbesserung von Software­architekturen – systematisch und - nachhaltig

                          -
                          -

                          Lorem ipsum dolor, sit amet consectetur adipisicing elit. Numquam doloribus laborum nisi non, - lorem ipsum cupiditate quo accusantium doloremque saepe quidem illum! -

                          - Dr. Lars Hupel im Einsatz -

                          Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum aliquid, lorem - ipsum reiciendis error fugit dicta tempora necessitatibus maiores nesciunt et, - porro ipsa incidunt lorem ipsum asperiores perspiciatis, dolor explicabo quia - aliquam eos nam.

                          -
                            -
                          • Lorem, ipsum dolor Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium, - atque?
                            • -
                          • Lorem reiciendis error fugit Lorem ipsum dolor sit amet, consectetur adipisicing elit. - Et distinctio voluptatem fugit est beatae nisi possimus ratione, obcaecati quod veniam, - numquam architecto voluptate.
                            • -
                          • Lorem ipsum dolor sit amet consectetur adipisicing elit.
                            • -
                          -
                            -
                          1. Lorem, ipsum dolor
                            2. -
                          2. Lorem reiciendis error fugit
                            3. -
                          3. Lorem ipsum dolor sit amet consectetur adipisicing elit.
                            4. -
                          -
                          -
                          +
                          +
                          +
                          + Termine und Buchung +
                          +

                          -- Beschreibung

                          +

                          Evolution und Verbesserung von Software­architekturen – systematisch und + nachhaltig

                          +
                          +

                          + Lorem ipsum dolor, sit amet consectetur adipisicing elit. Numquam doloribus laborum nisi + non, lorem ipsum cupiditate quo accusantium doloremque saepe quidem + illum! +

                          + Dr. Lars Hupel im Einsatz +

                          + Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum aliquid, lorem + ipsum reiciendis error fugit dicta tempora necessitatibus maiores nesciunt + et, porro ipsa incidunt lorem ipsum asperiores perspiciatis, dolor explicabo quia + aliquam eos nam. +

                          +
                          +
                          -
                          -

                          -- Teilnehmer:innen Bewertung

                          -
                          -

                          (14 Bewertungen)

                          -

                          92% aller Teilnehmer:innen würden dieses Training weiterempfehlen

                          -
                          +
                          +

                          -- Agenda

                          +
                          +
                            +
                          • Lorem, ipsum dolor Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium, + atque?
                            • +
                          • + Lorem reiciendis error fugit Lorem ipsum dolor sit amet, consectetur adipisicing elit. + Et distinctio voluptatem fugit est beatae nisi possimus ratione, obcaecati quod + veniam, numquam architecto voluptate. +
                            • +
                          • Lorem ipsum dolor sit amet consectetur adipisicing elit.
                            • +
                          +
                            +
                          1. Lorem, ipsum dolor
                            2. +
                          2. Lorem reiciendis error fugit
                            3. +
                          3. Lorem ipsum dolor sit amet consectetur adipisicing elit.
                            4. +
                          +
                          +
                          -
                          -

                          -- Ihr Nutzen

                          -
                          -

                          Die Kenntnis flexibler Architektur­modelle ist essenziell bei - Moderni­sierungs­vorhaben gewachsener Systeme als auch beim Design neuer Systeme auf - der »grünen Wiese«

                          -

                          »Full-Stack«-­Architektur­kompetenz: vom iterativen Entwerfen - bis zur kontinuierlichen Auslieferung

                          -

                          Anwendbar in allen Aufgabenfeldern der Softwarearchitektur unabhängig - von Technologien und Sprachen

                          -
                          -
                          -
                          -

                          -- Zielgruppe

                          -
                          -

                          Lorem ipsum dolor sit amet consectetur, adipisicing elit. Omnis, magnam corrupti, enim, - ratione id quisquam quas explicabo magni maxime commodi facilis? Illum, in ipsa? Ipsum - dolorem dolor pariatur provident esse?

                          -
                          -
                          -
                          -

                          -- Lernziele

                          -
                          -

                          Legacy und Technische Schulden

                          -

                          Praxistaugliche Analysemethoden kennen und anwenden können

                          -

                          Szenario- und Metrik-basierte Bewertung

                          -

                          Maßnahmen an Architekturzielen ausrichten

                          -

                          Fitness Functions und evolutionäre Architektur

                          -
                          -
                          +
                          +

                          -- Teilnehmer:innen Bewertung

                          +
                          +

                          (14 Bewertungen)

                          +

                          92% aller Teilnehmer:innen würden dieses Training weiterempfehlen

                          +
                          -
                          -

                          -- Ihre Trainer:innen

                          -
                          -
                          - -
                          -
                          -

                          Kim Nena Duggen

                          -

                          embarc

                          -

                          Rolle

                          -
                          +
                          +

                          -- Ihr Nutzen

                          +
                          +

                          + Die Kenntnis flexibler Architektur­modelle ist essenziell bei + Moderni­sierung­svor­haben gewachsener Systeme als auch beim Design neuer + Systeme auf der + »grünen Wiese« +

                          +

                          »Full-Stack«-­Architektur­kompetenz: vom iterativen Entwerfen + bis zur konti­nuier­lichen Auslieferung

                          +

                          Anwendbar in allen Auf­gabenfeldern der Softwarearchitektur + unabhängig von Technologien und Sprachen

                          +
                          +
                          +
                          +

                          -- Zielgruppe

                          +
                          +

                          + Lorem ipsum dolor sit amet consectetur, adipisicing elit. Omnis, magnam corrupti, enim, + ratione id quisquam quas explicabo magni maxime commodi facilis? Illum, in ipsa? + Ipsum dolorem dolor pariatur provident esse? +

                          +
                          +
                          +
                          +

                          -- Lernziele

                          +
                          +

                          Motivation: Schnelle IT als Wettbewerbsfaktor

                          +

                          Gesetz von Conway: Software-Architekturen und Organisation

                          +

                          Microservices und Self-contained Systems

                          +

                          Domain-driven Design für Modularisierung: Bounded Context und Context + Maps

                          +

                          Selbstorganisation und Architektur: Mikro- und Makro-Architekturen +

                          +

                          Kommunikation: REST und Messaging

                          +

                          Event-driven Front-End-Integration

                          +

                          Datenreplikation

                          +

                          Verteilte Sicherheitsmechanismen

                          +

                          Moderne Infrastrukturen mit IaaS, PaaS und Container

                          +

                          Continuous Delivery, Delivery Pipelines und Software-Architektur

                          +

                          Metriken und Logging

                          +

                          Ausblick: Konsistenzmodelle und Resilience

                          +
                          +
                          -

                          Kim Nena Duggen ist als Organisationsentwicklerin im Bereich New Work, Selbstorganisation - und (IT-)Strategie in ihrem Element. Erfahrungen im Prozessmanagement und ihr Einsatz - als Trainerin im Bereich EAM, RE, Soft Skills, New Work sind ihr Fundament.

                          -
                          +
                          +

                          -- Ihre Trainer:innen

                          +
                          +
                          +
                          -
                          +
                          +

                          Kim Nena Duggen

                          +

                          embarc

                          +

                          Rolle

                          +
                          -
                          -

                          -- Unsere Kund:innen sagen

                          -
                          -
                          »Lorem ipsum dolor sit, amet consectetur adipisicing elit. - Nostrum possimus corrupti amet.«
                          -
                          Alexander Trapp
                          -
                          Developer IoT & Cloud bei GIB mbH
                          +

                          + Kim Nena Duggen ist als Organisationsentwicklerin im Bereich New Work, + Selbstorganisation und (IT-)Strategie in ihrem Element. Erfahrungen im Prozessmanagement + und ihr + Einsatz als Trainerin im Bereich EAM, RE, Soft Skills, New Work sind ihr Fundament. +

                          -
                          +
                          +
                          + +
                          +

                          -- Unsere Kund:innen sagen

                          +
                          +
                          »Lorem ipsum dolor sit, amet consectetur adipisicing elit. + Nostrum possimus corrupti amet.«
                          +
                          Alexander Trapp
                          +
                          Developer IoT & Cloud bei GIB mbH
                          +
                          +
                          -
                          -

                          -- Fachinfos und Bücher

                          -
                          -
                          - +
                          +

                          -- Fachinfos und Bücher

                          +
                          +
                          + +
                          +
                          +

                          Vorgehensmuster für Softwarearchitektur

                          +

                          + Grundlage für das Seminar ist das Buch »Vorgehensmuster für Softwarearchitektur: + Kombinierbare Praktiken in Zeiten von Agile und Lean« (Hanser Verlag, 2019) Ihres + Trainers Stefan Toth. Das Buch ist für jeden Teilnehmer im Seminarpreis enthalten + (Gebundene Ausgabe und eBook). +

                          +
                          +
                          +
                          +
                          +
                          +
                          +

                          Termine

                          + +
                          +
                          +
                          + -
                          -

                          Vorgehensmuster für Softwarearchitektur

                          -

                          Grundlage für das Seminar ist das Buch »Vorgehensmuster für Softwarearchitektur: - Kombinierbare Praktiken in Zeiten von Agile und Lean« (Hanser Verlag, 2019) Ihres - Trainers Stefan Toth. Das Buch ist für jeden Teilnehmer im Seminarpreis enthalten - (Gebundene Ausgabe und eBook).

                          + + +
                          + + + +
                          ADOC - Stefan Zörner
                          +
                          26.–27. Juli 2021 09:30
                          +
                          Online
                          +
                          Jetzt buchen +
                          +                           +
                          ADOC
                          +
                          3.–4. November 2021 09:30
                          +
                          Online
                          +
                          Jetzt buchen +
                          +
                          + + +
                          +
                          Event-Ticketing-Software von pretix
                          -
                          -
                          - -
                          -
                          -

                          Online-Termine

                          - -

                          Vor-Ort-Termine

                          - -

                          Event-Ticketing-Software von pretix

                          -
                          - -
                          -

                          Inhouse Schulung

                          -

                          Du kannst dieses Training auch als inhouse-Training exklusiv bei Dir buchen. Bitte nutze dafür - unser Anfrage-Formular.

                          - Jetzt anfragen
                          +
                          +

                          Inhouse Training

                          +

                          Du kannst diese Training auch als inhouse-Training exklusiv bei Dir buchen. Bitte nutze dafür + unser Anfrage-Formular.

                          + Jetzt anfragen +
                          @@ -218,7 +281,8 @@ description: Show Training Detail iSAQB

                          Architecture Documentation

                          -

                          Card Text Lorem, ipsum dolor Lorem ipsum dolor Lorem ipsum dolor sisit. +

                          Card Text Lorem, ipsum dolor Lorem ipsum dolor Lorem ipsum dolor + sisit.

                          Technik20 @@ -238,7 +302,6 @@ description: Show Training Detail iSAQB
                          -
                        • @@ -278,7 +341,8 @@ description: Show Training Detail iSAQB

                          Architecture Documentation

                          -

                          Card Text Lorem, ipsum dolor Lorem ipsum dolor Lorem ipsum dolor sisit. +

                          Card Text Lorem, ipsum dolor Lorem ipsum dolor Lorem ipsum dolor + sisit.

                          Technik20 @@ -298,7 +362,6 @@ description: Show Training Detail iSAQB
                          -
                        • @@ -371,6 +434,7 @@ description: Show Training Detail iSAQB
                          +
                        @@ -383,4 +447,4 @@ description: Show Training Detail iSAQB
                      -``` \ No newline at end of file +``` diff --git a/lib/views/trainings_detail/trainings_detail_power.md b/lib/views/trainings_detail/trainings_detail_power.md index 9d32dc0..ca8927d 100644 --- a/lib/views/trainings_detail/trainings_detail_power.md +++ b/lib/views/trainings_detail/trainings_detail_power.md @@ -64,8 +64,7 @@ description: Show Training Detail Powerworkshop
                      -
                      -
                      +
                      @@ -213,7 +212,6 @@ description: Show Training Detail Powerworkshop
                      -
                    +
                  @@ -388,4 +387,4 @@ description: Show Training Detail Powerworkshop
                  -``` \ No newline at end of file +``` diff --git a/lib/views/trainings_overview/trainings_overview.md b/lib/views/trainings_overview/trainings_overview.md index 5ba44a1..4633bd6 100644 --- a/lib/views/trainings_overview/trainings_overview.md +++ b/lib/views/trainings_overview/trainings_overview.md @@ -36,7 +36,7 @@ description: Description -
                  +
                    @@ -241,7 +241,8 @@ description: Description
                    - +
                    • Trainings
                      • @@ -259,16 +260,19 @@ description: Description

                    Newsletter

                    -

                    Frische Architektur direkt in deinem Postfach. Melde dich jetzt an und erfahre alle zwei Monate als erste(r) von neuen Angeboten und Themen

                    +

                    Frische Architektur direkt in deinem Postfach. Melde dich jetzt an und erfahre alle zwei Monate als + erste(r) von neuen Angeboten und Themen

                    - +
                    +