reformatted showcase view as grid postlist

assets/scss/style.scss

@@ -868,28 +868,3 @@ 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%;
-    }
-}

layouts/partials/showcase.html

@@ -1,17 +1,19 @@
 {{ if .Site.Params.showcaseDir }}
 {{ $showcasePosts := where site.RegularPages "Section" "in" .Site.Params.showcaseDir }}
-    {{ range (sort $showcasePosts "File.LogicalName") }}
+    <div class="postlist gridView">
-        {{ if in .Dir .Site.Params.showcaseDir }}
+        {{ range (sort $showcasePosts "File.LogicalName") }}
-            <div class="showcaseCard {{if .Site.Params.discreteCards }}discrete{{ end }}">
+            {{ if in .File.Dir .Site.Params.showcaseDir }}
-                <div>
+                <article class="card postlistitem {{ if .Site.Params.discreteCards }}discrete{{ end }}">
-                    <h1>{{ .Title }}</h1>
+                    <div>
-                    <div>{{ .Content }}</div>
+                        <h2>{{ .Title }}</h2>
-                </div>
+                        {{ if .Params.image }}
-                {{ if .Params.image }}
+                            <img src="{{ .Params.image }}" />
-                    <img src="{{ .Params.image }}" />
+                        {{ end }}
-                {{ end }}
+                        <div>{{ .Content }}</div>
-            </div>
+                    </div>
+                </article>
+            {{ end }}
         {{ end }}
-    {{ end }}
+    </div>
     <hr />
 {{ end }}