[fix] Fix front page button alignment on mobile

1 files changed, 5 insertions, 1 deletions

diff --git a/posts/index.njk b/posts/index.njk
index 1e3d11f..3503bf6 100644
--- a/posts/index.njk
+++ b/posts/index.njk
@@ -8,7 +8,7 @@
   "previousPage": d => Math.ceil((d.collections.all.length-1)/5) }}
 ---
       <img id="logo" src="/favicon.png" alt="Blog Logo">
-      <h1>{{ pageTitle }}<a id="feed" title="RSS Feed" aria-label="RSS Feed" href="/feed.xml"></a><a id="message-me" title="Message Me" aria-label="Message Me" href="https://alexishovorka.com/TODO" target="_blank"></a></h1>
+      <h1>{{ pageTitle }}<span id="title-btns"><a id="feed" title="RSS Feed" aria-label="RSS Feed" href="/feed.xml"></a><a id="message-me" title="Message Me" aria-label="Message Me" href="https://alexishovorka.com/TODO" target="_blank"></a></span></h1>
       <hr>
 
       {% set post = collections.all.slice(-1)[0] -%}
@@ -16,6 +16,10 @@
       {%- set postDate = post.date.toISOString().slice(0,10) %}
       <p class="post-date"><time datetime="{{ postDate }}">{{ postDate }}</time></p>
 
+      {%- if post.data.heroImg %}
+      <img class="hero" src="{{ post.data.heroImg }}" alt="{{ post.data.heroImgAlt }}">
+      {%- endif %}
+
       {{ post.templateContent | fixAnchors(post.url) | safe }}
 
 {%- if post.data.tags %}