33---
44
55< div class ="home ">
6- < div class ="home-header ">
6+ < header class ="home-header ">
77 < h1 class ="home-title "> {{ site.title | escape }}</ h1 >
88 < p class ="home-description "> {{ site.description | escape }}</ p >
9- </ div >
9+ </ header >
1010
1111 {%- if site.posts.size > 0 -%}
1212 < div class ="post-grid ">
1313 {%- for post in site.posts -%}
1414 < article class ="post-card ">
1515 < a href ="{{ post.url | relative_url }} " class ="post-card-link ">
16- {%- if post.image -%}
17- < div class ="post-card-image ">
18- < img src ="{{ post.image | relative_url }} " alt ="{{ post.title | escape }} " loading ="lazy ">
19- </ div >
20- {%- else -%}
21- < div class ="post-card-image post-card-image-placeholder ">
16+ < div class ="post-card-image{% unless post.image %} post-card-image-placeholder{% endunless %} ">
17+ {%- if post.image -%}
18+ < img src ="{{ post.image | relative_url }} " alt ="" loading ="lazy ">
19+ {%- else -%}
2220 < svg viewBox ="0 0 100 80 " xmlns ="http://www.w3.org/2000/svg ">
23- < polygon points ="15,70 35,20 50,45 " fill ="#E5A733 " opacity =" 0.9 "/>
24- < polygon points ="50,45 65,10 85,70 " fill ="#6FA8DC " opacity =" 0.9 "/>
21+ < polygon points ="15,70 35,15 50,50 " fill ="#E5A733 "/>
22+ < polygon points ="50,50 65,8 85,70 " fill ="#6FA8DC "/>
2523 </ svg >
24+ {%- endif -%}
2625 </ div >
27- {%- endif -%}
2826 < div class ="post-card-content ">
2927 < h2 class ="post-card-title "> {{ post.title | escape }}</ h2 >
3028 < div class ="post-card-meta ">
@@ -36,7 +34,7 @@ <h2 class="post-card-title">{{ post.title | escape }}</h2>
3634 </ time >
3735 </ div >
3836 {%- if post.excerpt -%}
39- < p class ="post-card-excerpt "> {{ post.excerpt | strip_html | truncate: 120 }}</ p >
37+ < p class ="post-card-excerpt "> {{ post.excerpt | strip_html | truncatewords: 25 }}</ p >
4038 {%- endif -%}
4139 </ div >
4240 </ a >
0 commit comments