Beautify

Signed-off-by: mgoin <[email protected]>

Author: mgoin

_config.yml

@@ -61,6 +61,8 @@ minima:
 header_pages:
   - index.md
 
-# Set to `true` to show excerpts on the homepage.
-#
-# show_excerpts: false
+# Show excerpts on the homepage
+show_excerpts: true
+
+# Excerpt settings
+excerpt_separator: <!--more-->

_layouts/home.html

@@ -0,0 +1,47 @@
+---
+layout: default
+---
+
+<div class="home">
+  <div class="home-header">
+    <h1 class="home-title">{{ site.title | escape }}</h1>
+    <p class="home-description">{{ site.description | escape }}</p>
+  </div>
+
+  {%- if site.posts.size > 0 -%}
+  <div class="post-grid">
+    {%- for post in site.posts -%}
+    <article class="post-card">
+      <a href="{{ post.url | relative_url }}" class="post-card-link">
+        {%- if post.image -%}
+        <div class="post-card-image">
+          <img src="{{ post.image | relative_url }}" alt="{{ post.title | escape }}" loading="lazy">
+        </div>
+        {%- else -%}
+        <div class="post-card-image post-card-image-placeholder">
+          <svg viewBox="0 0 100 80" xmlns="http://www.w3.org/2000/svg">
+            <polygon points="15,70 35,20 50,45" fill="#E5A733" opacity="0.9"/>
+            <polygon points="50,45 65,10 85,70" fill="#6FA8DC" opacity="0.9"/>
+          </svg>
+        </div>
+        {%- endif -%}
+        <div class="post-card-content">
+          <h2 class="post-card-title">{{ post.title | escape }}</h2>
+          <div class="post-card-meta">
+            {%- if post.author -%}
+            <span class="post-card-author">{{ post.author }}</span>
+            {%- endif -%}
+            <time class="post-card-date" datetime="{{ post.date | date_to_xmlschema }}">
+              {{ post.date | date: "%b %-d, %Y" }}
+            </time>
+          </div>
+          {%- if post.excerpt -%}
+          <p class="post-card-excerpt">{{ post.excerpt | strip_html | truncate: 120 }}</p>
+          {%- endif -%}
+        </div>
+      </a>
+    </article>
+    {%- endfor -%}
+  </div>
+  {%- endif -%}
+</div>

_layouts/post.html

@@ -0,0 +1,37 @@
+---
+layout: default
+---
+
+<article class="post h-entry" itemscope itemtype="http://schema.org/BlogPosting">
+  <header class="post-header">
+    <div class="post-header-accent"></div>
+    <h1 class="post-title p-name" itemprop="name headline">{{ page.title | escape }}</h1>
+    <div class="post-meta">
+      {%- if page.author -%}
+      <span class="post-author" itemprop="author" itemscope itemtype="http://schema.org/Person">
+        <span itemprop="name">{{ page.author }}</span>
+      </span>
+      <span class="post-meta-sep">&middot;</span>
+      {%- endif -%}
+      <time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
+        {{ page.date | date: "%B %-d, %Y" }}
+      </time>
+      {%- if page.modified_date -%}
+      <span class="post-meta-sep">&middot;</span>
+      <span class="post-updated">
+        Updated: <time class="dt-modified" datetime="{{ page.modified_date | date_to_xmlschema }}" itemprop="dateModified">
+          {{ page.modified_date | date: "%B %-d, %Y" }}
+        </time>
+      </span>
+      {%- endif -%}
+    </div>
+  </header>
+
+  <div class="post-content e-content" itemprop="articleBody">
+    {{ content }}
+  </div>
+
+  <footer class="post-footer">
+    <a class="u-url" href="{{ page.url | relative_url }}" hidden></a>
+  </footer>
+</article>