added optional showcase section to home page

2021-07-06 20:19:13 +02:00 · 2021-07-06 20:19:13 +02:00 · 3176229a6b
commit 3176229a6b
parent 38a8b48e8c
4 changed files with 44 additions and 0 deletions
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@ -868,3 +868,28 @@ header.jumbotronContainer {
    }
 }
 {{ end }}
+
+.showcaseCard {
+    @extend article;
+    @extend .card;
+    margin-bottom: 24px;
+    display: flex;
+    flex-direction: row-reverse;
+    flex-wrap: wrap;
+    justify-content: center;
+    padding: 12px !important;
+
+    > img {
+        flex-basis: 30%;
+        width: 300px;
+        height: 250px;
+        object-fit: cover;
+        margin: 12px;
+        {{ if eq .Site.Params.navtype "circles" }}
+            border-radius: $border_radius;
+        {{ end }}
+    }
+    > div {
+        flex-basis: 60%;
+    }
+}