Adjusted blog headers

_includes/post_display.html

@@ -1,7 +1,17 @@
 <article class="blog-post" itemprop="blogPosts" itemscope itemtype="http://schema.org/BlogPosting">
-    <h2 class="display-5 link-body-emphasis mb-1"><a href="{{ include.url }}">{{ include.title }}</a></h2>
+    <h2 class="display-5 link-body-emphasis mb-1">
+        {%- if include.url -%}
+        <a href="{{ include.url }}" class="title-link">{{ include.title }}</a>
+        {%- else -%}
+        {{ include.title }}
+        {%- endif -%}
+    </h2>
     <p class="blog-post-meta">
-        <i class="me-3">{{ include.date | date: "%m/%d/%Y" }}</i>        
+        <i class="me-3 bi bi-calendar"> {{ include.date | date: "%m/%d/%Y" }}</i>
+        {%- if include.url -%}
+        <i class="me-3 bi bi-chat-right-dots"> <a href="{{ include.url }}">Comment</a></i>
+        {%- endif -%}
+
         {% for tag in include.tags %}
             <a href="/tags/{{ tag }}" class="tag-link">
                 <span class="badge text-bg-primary">{{ tag }}</span>

_layouts/post.html

@@ -2,7 +2,8 @@
 layout: blog  
 ---
 
-{% include post_display.html url=page.url title=page.title date=page.date tags=page.tags content=page.content %}
+{% include post_display.html title=page.title date=page.date tags=page.tags content=page.content %}
+
 <div id="disqus_thread"></div>
 <script type="text/javascript">
     (function() { // DON'T EDIT BELOW THIS LINE

assets/css/style.scss

@@ -43,6 +43,9 @@ h1, h2, h3, h4, h5, h6 {
 .tag-link {
   text-decoration: none;
 }
+.title-link {
+  text-decoration: none;
+}
 
 /*
   * Dark mode