diff options
author | leonhe <lhe868@gmail.com> | 2020-07-10 06:37:03 +0300 |
---|---|---|
committer | Yuanfei He <lhe868@gmail.com> | 2020-07-10 18:13:58 +0300 |
commit | c23fca1f886b616b9dcf1c7ec880cc2f44f8626b (patch) | |
tree | 932fbc2d90239fed8a021eb3ff0eba1771e30245 | |
parent | 17f4f09b988bda6da8116982bffbeec52421a0f1 (diff) |
:lipstick: update home page categories style
-rw-r--r-- | layouts/index.html | 4 | ||||
-rw-r--r-- | static/css/style.css | 19 |
2 files changed, 16 insertions, 7 deletions
diff --git a/layouts/index.html b/layouts/index.html index a26e8dc..dd442f3 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -2,6 +2,7 @@ <!--- icon container ---> <div class="panel panel-default"> <div class="panel-body"> + <p class="pull-left"> <span class="text-primary"><ion-icon name="paw"></ion-icon>{{ .Site.Params.description}}</span> <div class="pull-right"> <a target="_blank" href="https://twitter.com/{{ .Site.Params.twitter }}"><ion-icon name="logo-twitter"></ion-icon></a> @@ -9,9 +10,10 @@ <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> + </p> {{ range $key, $value := .Site.Taxonomies }} {{ if eq $key "categories" }} -<p class="categories"><ion-icon name="folder"></ion-icon> +<p class="home-categories"><ion-icon name="folder"></ion-icon> {{ range first 10 $value.ByCount }}<a class="btn btn-default btn-xs text-capitalize" href="/{{ $key }}/{{ replace .Name "#" "%23" }}/">{{ .Name }}</a> {{ end }} </p> {{ end }} diff --git a/static/css/style.css b/static/css/style.css index 4faf1bf..f5a25d7 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -340,17 +340,24 @@ figure.floatleft { float: left !important; } +p.home-categories { + margin-bottom: 0px; + margin-top: 5px; +clear: both; + +} + .image-container { vertical-align : middle; - overflow: hidden; - width: 100%; - height:260px; - left:50%; - position: relative; +overflow: hidden; +width: 100%; +height:260px; +left:50%; +position: relative; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -} + } #home_post .col-md-3{ padding-left:0px; padding-right:0px; |