blog page layout change

Gemfile.lock

@@ -30,7 +30,7 @@ GEM
     commonmarker (0.23.10)
     concurrent-ruby (1.3.3)
     connection_pool (2.4.1)
-    dnsruby (1.72.1)
+    dnsruby (1.72.2)
       simpleidn (~> 0.2.1)
     drb (2.2.1)
     em-websocket (0.5.3)

README.md

@@ -8,5 +8,8 @@ https://jekyllrb.com/docs/home/
 
 I am using the http://www.csrhymes.com/bulma-clean-theme/  
 
+## GitHub Pages Quickstart
+https://docs.github.com/en/pages/quickstart
+
 ## License
 Open sourced under the [MIT license](LICENSE.md).

UpdateGems.cmd

@@ -1,2 +1 @@
 bundle update
-

_config.yml

@@ -2,7 +2,7 @@ lang:                en
 title:               Midhun Harikumar
 tagline:             Random Thoughts!
 url:                 https://midhunhk.com
-paginate:            6
+paginate:            10
 paginate_path:       "/blog/page:num/"
 permalink:           pretty
 
@@ -25,7 +25,7 @@ author:
   email:             midhunhk at gmail.com
 
 # Custom vars
-version:             2.1.5
+version:             2.4.0
 github:
   repo:              https://github.com/midhunhk/midhunhk.github.io
 

_includes/post_read_more.html

@@ -1,4 +1,4 @@
-<div class="has-text-right mt-2 mb-2">
+<div class="mt-4 mb-2">
     <a class="button is-success is-rounded" href="{{ post.url }}">
         <span>Read More</span>
         <span class="icon">

_posts/2017-07-17-fig-and-camelot.md

@@ -4,16 +4,14 @@ title: Fig and Camelot
 category: Dev
 tags: [app, android]
 ---
-<div class="custom-post-header midnight-blue">
-<div class="custom-post-title">Fig & Camelot</div>
-</div>
 Fig and Camelot are release code names for below Projects. This is the first time, we are having multiple releases in the same month.
 Detailed change logs and release information are available in the respective GitHub repos.
 <ul>
   <li> <a href="https://github.com/midhunhk/ae-apps-library/">Fig - AeAppsLib</a> </li>
   <li> <a href="https://github.com/midhunhk/trip-o-meter">Camelot - Trip O Meter</a> </li>
 </ul>
 <!-- more -->
+
 # AeAppsLib (Fig Release)
 Another fruity flavored release for AeAppsLib which doesn't include any new features but includes the below updates
 

blog/index.html

@@ -1,37 +1,40 @@
 ---
 layout: default
-title: Blog
-featured: /public/images/site/bg/banner_2.jpg
-featured_hero: true
-subtitle: Random Thoughts!
+title: Blog - Random Thoughts
+hero_height: is-small
 ---
 
 <!-- This loops through the paginated posts -->
 {% for post in paginator.posts %}
-  <div class="content box is-shadowless">
-
-    {% if post.featured %}
-      <a href="{{ post.url }}">
-        <figure class="image">
-          <img src="{{ post.featured }}" alt="{{ post.featured_alt_text | featured}}"/>
-        </figure>
-      </a>
-    {% endif %}
+  <div class="content is-shadowless">
 
     <div class="columns m-0 p-0">
-      <div class="column is-4 p-5">
-        <h1 class="post-title is-family-secondary">
+      <!-- left column with banner image -->
+      <div class="column is-5">
+        <a href="{{ post.url }}">
+          <figure class="image">
+          {% if post.featured %}
+            <img src="{{ post.featured }}" alt="{{ post.featured_alt_text | featured}}"/>
+            {% else %}
+            <img src="/public/images/site/bg/default_banner.png" alt="default banner">
+            {% endif %}
+          </figure>
+        </a>
+      </div>
+
+      <!-- Right column with title, date and excerpt -->
+      <div class="column is-7">
+        <h1 class="post-title is-family-secondary pt-4 mb-0">
           <a href="{{ post.url }}">{{ post.title }}</a>
         </h1>
-        <p class="author">
+        <p class="author p-0">
           <span class="icon">
-            <i class="fa fa-calendar"></i>
+            <i class="fa fa-calendar is-size-6"></i>
           </span>
-          <time datetime="{{ post.date | date_to_xmlschema }}" class="post-date">{{ post.date | date_to_string }}</time>
+          <time datetime="{{ post.date | date_to_xmlschema }}" class="post-date is-size-6">{{ post.date | date_to_string }}</time>
         </p>
-      </div>
-      <div class="column is-8">
-        <article>
+
+        <article style="line-height:1.5em;">
           {% if post.summary %}
             <!-- Use the summary if it exists -->
             {{ post.summary }}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "midhunhk.github.io",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "description": "Personal Portfolio and Blog",
   "dependencies": {
     "bulma": "^0.9.4",