update 10.07.2020 v1.2.1

views/home.pug

@@ -12,35 +12,43 @@ block content
         a Zusätzlich besteht für Einsatzkräfte die Möglichkeit zur einfachen Rückmeldung.
     .container
       .row
-        .col-12.border-top.m-3
-        .col-12.col-md-6.d-flex.align-self-stretch.p-3
+        .col-12
+          .border-top.mx-3.mb-3
+        .col-12.col-md-4.d-flex.align-self-stretch.p-3
           .card.w-100.h-100
             .card-header.text-center
-              .display-1.ion-md-desktop.text-light
-              h2.text-danger Alarmmonitor
+              .display-2.ion-md-desktop
+              h4.text-danger Alarmmonitor
             .card-body
               p Zeigt Wachalarme inkl. eingehender Rückmeldungen im Vollbild an. Es können verschiedene Monitore ausgewählt werden.
-            .card-footer.text-right
-              .dropdown
-                a.btn.btn-success.ion-md-arrow-round-forward(href='/waip/', role='button')  Alarmmonitor aufrufen                
-        .col-12.col-md-6.d-flex.align-self-stretch.p-3
-          .card.w-100.h-100
+            .card-footer.text-center
+              a.btn.btn-outline-info.ion-md-arrow-round-forward(href='/waip/', role='button')  Alarmmonitor aufrufen                
+        .col-12.col-md-4.d-flex.align-self-stretch.p-3
+          .card.w-100.h-100.bg-dark
             .card-header.text-center
-              .display-1.ion-md-clipboard.text-light
-              h2.text-danger Dashboard
+              .display-2.ion-md-clipboard
+              h4.text-danger Dashboard
             .card-body
               p Zeigt eine Gesamtübersicht pro Einsatz an und bietet detailierte Informationen über die alarmierten Kräfte inkl. deren Rückmeldungen.
-            .card-footer.text-right
-              .dropdown
-                a.btn.btn-success.ion-md-arrow-round-forward(href='/dbrd/', role='button')  Dashboard aufrufen
+            .card-footer.text-center
+              a.btn.btn-outline-info.ion-md-arrow-round-forward(href='/dbrd/', role='button')  Dashboard aufrufen
+        .col-12.col-md-4.d-flex.align-self-stretch.p-3
+          .card.w-100.h-100
+            .card-header.text-center
+              .display-2.ion-md-paper-plane
+              h4.text-warning Rückmeldung
+            .card-body
+              p Mithilfe der Rückmeldefunktion können Einsatzkräfte mitteilen ob und in welcher Funktion Sie am Einsatz teilnehmen.
+              p.text-muted Details zur Funktion erhalten Sie auf Anfrage bei der #{public.company}.  
+        .col-12
+          .border-top.m-3
         .col-12.p-3
           if !user
-            .card.bg-light.border-warning
+            .card.border-warning
               .card-header
                 h4.card-title.text-warning Sie sind nicht angemeldet 
               .card-body
-                p Auch ohne Anmeldung haben Sie Zugriff auf alle Alarmmonitore, jedoch werden datenschutzrelevante Inhalte ausgeblendet.
-              .card-footer 
+                p Auch ohne Anmeldung haben Sie Zugriff auf alle Funktionen, jedoch werden datenschutzrelevante Inhalte ausgeblendet.
                 p.text-muted Um mehr Funktionen nutzen zu können, melden Sie sich bitte #[a(href="/login") hier] an, sofern Sie über Zugangsdaten verfügen.
           else
             .card.bg-primary