diff --git a/index.html b/index.html index 8869c04..f380de3 100644 --- a/index.html +++ b/index.html @@ -22,6 +22,20 @@
+ +
+ + + + +
+
+

Single Sign-On

+

Zentrales Login fuer alle Dienste

+
+ auth.mischlabs.de +
+
diff --git a/style.css b/style.css index ad60028..2a7133d 100644 --- a/style.css +++ b/style.css @@ -126,6 +126,27 @@ main { gap: 1.25rem; } +/* ===== Banner Card (Auth) ===== */ +.card-banner { + flex-direction: row; + align-items: center; + gap: 1rem; + padding: 1rem 1.5rem; + margin-bottom: 1.25rem; + animation: fadeInUp 0.5s ease backwards; +} + +.card-banner .card-content { + flex: 1; +} + +.card-banner .card-domain { + border-top: none; + padding-top: 0; + border-left: 1px solid var(--border); + padding-left: 1rem; +} + /* ===== Card ===== */ .card { display: flex; @@ -265,9 +286,24 @@ footer p { width: 20px; height: 20px; } + + .card-banner { + margin-bottom: 0.75rem; + } } @media (max-width: 480px) { + .card-banner { + flex-direction: column; + align-items: flex-start; + } + + .card-banner .card-domain { + border-left: none; + padding-left: 0; + border-top: 1px solid var(--border); + padding-top: 0.5rem; + } .grid { grid-template-columns: 1fr; }