diff --git a/layouts/index.html b/layouts/index.html
index 69e5529..35ba8fe 100755
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -16,7 +16,7 @@
       <section class="w-100 mw8">
         {{ range (first 3 $section) }}
           <div class="relative w-100 mb4">
-            {{ .Render "summary-with-image" }}
+            {{ partial "summary-with-image.html" }}
           </div>
         {{ end }}
       </section>
diff --git a/layouts/partials/summary-with-image.html b/layouts/partials/summary-with-image.html
new file mode 100644
index 0000000..2831ae1
--- /dev/null
+++ b/layouts/partials/summary-with-image.html
@@ -0,0 +1,19 @@
+<article class="bb b--black-10">
+  <a class="db pv4 ph3 ph0-l no-underline dark-gray dim" href="{{ .URL }}">
+    <div class="flex flex-column flex-row-ns">
+      {{ if .Params.featured_image }}
+        <div class="pr3-ns mb4 mb0-ns w-100 w-40-ns">
+          <img src="{{ .Params.featured_image }}" class="db" alt="image from {{ .Title }}">
+        </div>
+      {{ end }}
+      <div class="w-100{{ if .Params.featured_image }} w-60-ns pl3-ns{{ end }}">
+        <h1 class="f3 fw1 athelas mt0 lh-title">{{ .Title }}</h1>
+        <p class="f6 f5-l lh-copy">
+          {{ .Summary }}
+        </p>
+        {{/* TODO: add author
+        <p class="f6 lh-copy mv0">By {{ .Author }}</p> */}}
+      </div>
+    </div>
+  </a>
+</article>