make boxes better, again

content/robotics/_index.md

@@ -3,6 +3,7 @@ title: Student Robotics
 linktitle: Robotics
 image: https://farm4.staticflickr.com/3849/33683313131_6ba584094a_k_d.jpg
 hide_pages: false
+show_images: true
 ---
 
 Student Robotics is the the place where my development knowledge really started to grow. Thanks to the other people in my team teaching me. I had never done anything robotics related, and so when my computing teacher initially told us about it, I wasn't really interested. After I found out that my friend was also doing it, I signed up, and went along to the kickstart. From then on I was hooked, getting involved with all aspects of the development and design, as well as helping out other teams on the IRC room.

layouts/partials/box.html

@@ -3,7 +3,7 @@
     <a href="{{ .Permalink }}">
       <h3>{{ title .LinkTitle }}</h3>
     </a>
-    <p>{{ .Summary | truncate .Site.Params.summary_length "..." }}</p>
+    <p>{{ .Params.summary | default .Summary | truncate .Site.Params.summary_length "..." }}</p>
     <ul class="actions">
       <li><a href="{{ .Permalink }}" class="button alt">Read More</a></li>
     </ul>

layouts/partials/box_image.html

@@ -1,12 +1,12 @@
 <div class="col-sm-6">
   <section class="box special image">
     {{ if .Params.image }}
-      <span class="image featured"><img src="{{ .Params.image }}" alt="{{ .Title }} featured image" /></span>
+      <span class="image featured" data-image="{{ .Params.image }}"></span>
     {{ end }}
     <a href="{{ .Permalink }}">
       <h3>{{ title .LinkTitle }}</h3>
     </a>
-    <p>{{ .Summary | truncate .Site.Params.summary_length "..." }}</p>
+    <p>{{ .Params.summary | default .Summary | truncate .Site.Params.summary_length "..." }}</p>
     <ul class="actions">
       <li><a href="{{ .Permalink }}" class="button alt">Read More</a></li>
     </ul>

static/src/scss/style.scss

@@ -37,7 +37,12 @@ pre code {
   background-position: center;
   background-size: cover;
 
-  &.featured.main {
+  &.featured {
+    margin-bottom: 2em !important;
+    height: 13em;
+
+    &.main {
       height: 40vh;
     }
   }
+}