force portfolio box too show if no image

theme/static/src/scss/homepage.scss

@@ -1,13 +1,3 @@
-.portfolio-box {
-  background-color: $brand-grey-dark;
-  max-width: initial;
-  min-height: 300px;
-
-  .portfolio-box-caption {
-    background-color: transparentize($brand-orange, 0.3);
-  }
-}
-
 header {
   min-height: 100%;
 }

theme/static/src/scss/index.scss

@@ -51,3 +51,17 @@ p a {
   margin: 10px 0;
   width: 100%;
 }
+
+.portfolio-box {
+  background-color: $brand-grey-dark;
+  max-width: initial;
+  min-height: 300px;
+
+  &.show .portfolio-box-caption {
+    opacity: 1;
+  }
+
+  .portfolio-box-caption {
+    background-color: transparentize($brand-orange, 0.2);
+  }
+}

theme/templates/category.html

@@ -34,7 +34,11 @@
         <div class="row no-gutter">
           {% for article in dates %}
             <div class="col-lg-4 col-sm-6">
-              <a href="#" class="portfolio-box">
+              {% if article.image %}
+                <a href="/{{ article.url }}" class="portfolio-box image" data-image="{{ article.image }}">
+              {% else %}
+                <a href="/{{ article.url }}" class="portfolio-box show" >
+              {% endif %}
                 <div class="portfolio-box-caption">
                   <div class="portfolio-box-caption-content">
                     <div class="project-category">