Updated Readme and design components

3 files changed, 26 insertions, 22 deletions

diff --git a/README.md b/README.md
index 6b25d0d..c6f7ccc 100644
--- a/README.md
+++ b/README.md
@@ -33,4 +33,5 @@ $ git submodule add https://github.com/aanupam23/hugo-sugoi.git themes/hugo-sugo
 

 ### Acknowledgements

 - [Skeleton](https://github.com/dhg/Skeleton/)

-- [Hugo Templates](https://gohugo.io/templates)
\ No newline at end of file
+- [Hugo Templates](https://gohugo.io/templates)

+- [Lorem Markdownum](https://jaspervdj.be/lorem-markdownum/)
\ No newline at end of file
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index e719a28..797f54e 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -13,13 +13,14 @@
     <div class="row">

       {{ $paginator := .Paginate (where .Site.RegularPages "Type" "post") }}

       {{ range $paginator.Pages }}

+      <div class="row">

+        <div class="nine columns"> <i class="far fa-calendar"></i> {{.Date.Format "2006-01-02"}}</div>

+        <div class="three columns"> <i class="far fa-clock"></i> Reading Time: {{ .ReadingTime }}

+          {{ .Scratch.Get "readingTime" }}</div>

+      </div>

       <h4>

         <a href="{{ .Permalink }}" class="h5 d-block my-3">{{ .Title | markdownify }}</a>

       </h4>

-      <div class="mb-3 post-meta">

-        <span>By {{ .Site.Params.Author }} on

-          {{ if not .Params.HideDate }}{{ .PublishDate.Format "02 January 2006" }}{{ end }}</span>

-      </div>

       <p class="card-text">{{ .Summary }}</p>

       <div class="row">

         <div class="nine columns"> <i class="{{.Params.Icon}}"></i>

diff --git a/layouts/index.html b/layouts/index.html
index edd414c..f43d5dc 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -6,32 +6,34 @@
   <div class="row content">
     <article>
       {{ range first 6 (where .Site.RegularPages "Type" "post" )}}
-      <i class="{{.Params.Icon}}"></i>
-      <span class="category">
-        {{ range .Params.Categories }}
-        <a href="{{ "/categories/" | relLangURL}}{{ . | urlize }}">
-          {{.}}
-        </a>
-      </span>
-      {{ end }}
       {{ if gt .ReadingTime 1 }}
       {{ .Scratch.Set "readingTime" "minutes" }}
       {{ else }}
       {{ .Scratch.Set "readingTime" "minute" }}
       {{ end }}
-
-      <i class="far fa-clock"></i> {{ .ReadingTime }} {{ .Scratch.Get "readingTime" }} <i class="fas fa-share-alt"></i>
-      </h6>
+      <div class="row">
+        <div class="nine columns"> <i class="far fa-calendar"></i> {{.Date.Format "2006-01-02"}}</div>
+        <div class="three columns"> <i class="far fa-clock"></i> Reading Time: {{ .ReadingTime }}
+          {{ .Scratch.Get "readingTime" }}</div>
+      </div>
       <h5>
         <a href="{{.RelPermalink}}" class="category" alt="{{.Title}}" title="{{.Title}}">{{.Title}}</a>
       </h5>
-      <i class="far fa-calendar"></i> {{.Date.Format "2006-01-02"}}
-    </article>
+      <p class="card-text">{{ .Summary }}</p>
+      <div class="row">
+        <div class="nine columns"> <i class="{{.Params.Icon}}"></i>
+          <span class="category">
+            {{ range .Params.Categories }}
+            <a href="{{ "/categories/" | relLangURL}}{{ . | urlize }}">
+              {{.}}
+            </a>
+          </span>
+          {{ end }}
+        </div>
+        <div class="three columns"><a class="button u-pull-right" href="{{ .Permalink }}">Read More</a></div>
+      </div>
     {{ end }}
-    <div class="row">
-      <div class="six columns">Six</div>
-      <div class="six columns">Six</div>
-    </div>
+  </article>
   </div>
   <hr>
 </div>