Add post: 暗黑能天使

layouts/partials/components/masonry.html

@@ -0,0 +1,21 @@
+{{ with . }}
+<div class="mx-4 xl:mx-16">
+    <div class="flex flex-row items-center justify-between">
+        <h2 class=" font-bold text-3xl my-4">{{ i18n "recent" }}</h2>
+    </div>
+    <div class="masonry grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-8">
+        {{ range first 10 . }}
+        <div class="item">
+            <div class="grid-content">
+                {{ partial "components/summary-masonry" . }}
+            </div>
+        </div>
+        {{ end }}
+    </div>
+</div>
+<script>
+    document.addEventListener('DOMContentLoaded', ()=>{
+        enableMasonry()
+    })
+</script>
+{{ end }}