From 381295acf54717d5912da3ab6957b72d8cf7087e Mon Sep 17 00:00:00 2001
From: Yuanfei He <lhe868@gmail.com>
Date: Fri, 27 Mar 2020 21:52:26 +0800
Subject: update home style

---
 layouts/index.html   | 37 +++++++++++++++++++------------------
 static/css/style.css | 21 +++++++++++++++------
 2 files changed, 34 insertions(+), 24 deletions(-)

diff --git a/layouts/index.html b/layouts/index.html
index 90652f3..dfd3ae0 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -7,9 +7,7 @@
 	 <div class="pull-right">
 	    <a target="_blank"   href="https://twitter.com/{{ .Site.Params.twitter }}"><ion-icon name="logo-twitter"></ion-icon></a>
 	    <a target="_blank"   href="mailto:{{ .Site.Params.email }}"><ion-icon name="ios-mail"></ion-icon></a>
-
 	   <a target="_blank"   href="https://github.com/{{ .Site.Params.github }}"><ion-icon name="logo-github"></ion-icon></a>
-
 	   <a target="_blank" class="rss"  href="{{ with .OutputFormats.Get "RSS" }}{{ .RelPermalink }}{{ end }}"><ion-icon name="logo-rss"></ion-icon></a>
 	 </div>
 	</div>
@@ -27,39 +25,42 @@
     <div class="panel-heading">
       <span class="glyphicon glyphicon-list-alt"></span>&nbsp;<b>Posts</b>
     </div>
-    <div class="panel-body" itemtype="http://schema.org/ItemList" itemListElement>
-      <div class="list-group">
+    <div class="panel-body">
 	{{ $paginator := .Paginate (where .Site.RegularPages "Section" "post") }}
+	
 	{{ range $paginator.Pages }}
-<div class="media">
   {{ $url :=.Permalink }}
-{{ with .Param "header_images" }}
-    <div class="media-left">
+	<div id="home_post" class="row">
+	    {{ with .Param "header_images" }}
+	  <div class="col-md-3">
       <a href='{{$url}}'>
-        <img class="media-object" style="width:200px;height:260px;overflow: hidden" src="{{.}}" alt=".">
+        <img style="width:100%;height:260px;overflow: hidden" src="{{.}}" alt=".">
       </a>
-    </div>
+	   </div>
+
+	  <div class="col-md-9">
+    {{ else }}
+	  <div class="col-md-12">
     {{ end }}
- 
-   <div class="media-body">
-      <h3 class="media-heading"><a class="title_a" href="{{$url}}">{{ .Title }}</a></h3>
+
+      <h3 ><a class="title_a" href="{{$url}}">{{ .Title }}</a></h3>
       <p>  <span class="badge"  content="{{.Date.Format "Jan 02, 2006"}}" > {{.Date.Format "Jan 02, 2006"}}</span></p>
       <p><span><ion-icon name="ios-podium"></ion-icon>Word Count: {{ .WordCount }}&nbsp;&nbsp; | 
 	  <ion-icon name="ios-time"></ion-icon> Reading Time: {{ .ReadingTime }} Minute&nbsp;&nbsp;</span></p>
       <p><a href="{{$url}}" class="title_a">  {{ .Summary | markdownify }}....</a></p>
    {{ partial "post/tag/list" . }}
-    </div>
-
-  </div>
+	    
+	  </div>
+	  </div>
 <!-- 	<a href="{{.Permalink}}" class="list-group-item">
  !-- 	  
  !-- 	  <span class="badge"  content="{{.Date.Format "Jan 02, 2006"}}" > {{.Date.Format "Jan 02, 2006"}}</span><span itemprop="name">{{.Title}}</span>
  !-- 	  <meta itemprop="url" content="{{.Permalink}}"/>
  !-- </a> -->
  {{ end }} 
-      </div>
+
       {{ template "_internal/pagination.html" . }}
-    </div>
-    </div>
+      </div>
+	</div>
     <!--- end post --->
 {{ end }}
diff --git a/static/css/style.css b/static/css/style.css
index 6ff171c..59eb338 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -369,13 +369,22 @@ figure.floatleft {
 	float: left !important;
 }
 
-.media {
-    padding: 0px 0px 0px 0px;
+#home_post .col-md-3{
+    padding-left:0px;
+    text-align:center;
+    padding-right:0px;
+}
+#home_post {
+     padding: 0px 0px 0px 0px;
     border: 1px solid #e8e8e8;
+    margin: 10px;
+    display: block;
+}
+#home_post p{
+    line-height: 22px;
+    color: #888;
 }
 
-.media-body {
-    padding-top: 20px;
-    padding-left: 20px;
-    padding-right: 10px;
+#home_post span{
+    font-size: 12px;
 }
-- 
cgit v1.2.3