2 files changed, 67 insertions, 0 deletions

diff --git a/templates/partials/grid_card.html b/templates/partials/grid_card.html
new file mode 100644
index 0000000..25c2271
--- /dev/null
+++ b/templates/partials/grid_card.html
@@ -0,0 +1,33 @@
+<a href="$it.url.rel$" class="c-card-list__card c-card">
+    $if(it.indicator)$
+        <div class="c-card__block c-card__block--indicator"></div>
+    $endif$
+    $if(it.icon)$
+        <svg class="c-card__block o-icon" width="1em" height="1em">
+            <use href="/symbols.svg#icon-$it.icon$"></use>
+        </svg>
+    $endif$
+    <div class="c-card__block c-card__block--main">
+        $if(it.subtitle)$
+            <small class="u-db">$it.subtitle$</small>
+            <strong class="u-db">$it.title$</strong>
+        $elseif(it.date)$
+            <time datetime="$it.date.yyyy_mm_dd$">
+                <small class="u-dn@sm-hi">
+                    $it.date.short$
+                </small>
+                <small class="u-dn@sm-lo">
+                    $it.date.long$
+                </small>
+            </time>
+            <strong class="u-db">$it.title$</strong>
+        $else$
+            $it.title$
+        $endif$
+    </div>
+    $if(it.post_icon)$
+        <svg class="c-card__block o-icon" width="1em" height="1em">
+            <use href="/symbols.svg#$it.post_icon$"></use>
+        </svg>
+    $endif$
+</a>
diff --git a/templates/partials/list_card.html b/templates/partials/list_card.html
new file mode 100644
index 0000000..644e0d3
--- /dev/null
+++ b/templates/partials/list_card.html
@@ -0,0 +1,34 @@
+<a href="$it.url.rel$" class="c-card-list__card c-card">
+    $if(it.indicator)$
+        <div class="c-card__block c-card__block--indicator"></div>
+    $endif$
+    $if(it.icon)$
+        <svg class="c-card__block o-icon" width="1em" height="1em">
+            <use href="/symbols.svg#icon-$it.icon$"></use>
+        </svg>
+    $endif$
+    <div class="c-card__block c-card__block--main">
+        $it.title$
+    </div>
+    $if(it.subtitle)$
+        <div class="c-card__block u-fs0">
+            <small>
+                $it.subtitle$
+            </small>
+        </div>
+    $elseif(it.date)$
+        <time datetime="$it.date.yyyy_mm_dd$" class="c-card__block u-fs0">
+            <small class="u-dn@sm-hi">
+                $it.date.short$
+            </small>
+            <small class="u-dn@sm-lo">
+                $it.date.long$
+            </small>
+        </time>
+    $endif$
+    $if(it.post_icon)$
+        <svg class="c-card__block o-icon" width="1em" height="1em">
+            <use href="/symbols.svg#$it.post_icon$"></use>
+        </svg>
+    $endif$
+</a>