diff options
author | Yuanfei He <lhe868@gmail.com> | 2020-03-27 16:52:26 +0300 |
---|---|---|
committer | Yuanfei He <lhe868@gmail.com> | 2020-07-10 18:13:16 +0300 |
commit | 381295acf54717d5912da3ab6957b72d8cf7087e (patch) | |
tree | 5ce7e0072a5cf65304b37f44e6a7685898238420 | |
parent | 4ec5b68c7d969d0690f5c46e13acd8094e10e7ba (diff) |
update home style
-rw-r--r-- | layouts/index.html | 37 | ||||
-rw-r--r-- | 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> <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 }} | <ion-icon name="ios-time"></ion-icon> Reading Time: {{ .ReadingTime }} Minute </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; } |