From 180c9c61d675fb73d9933e91c27f2a60584c8a2b Mon Sep 17 00:00:00 2001 From: nodejh Date: Wed, 24 Feb 2021 00:25:46 +0800 Subject: [PATCH] feat: update index page styles --- layouts/_default/baseof.html | 8 ++--- layouts/index.html | 59 ++++++++++++++++------------------- layouts/partials/profile.html | 17 +++++----- static/css/style.css | 57 +++++++++++++++++++++++++++++---- 4 files changed, 90 insertions(+), 51 deletions(-) diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 5f65de7..dd7cccf 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -10,10 +10,10 @@ {{ partial "navigation.html" . }} -
- {{ block "header" . }}{{ end }} +
{{ block "main" . }}{{ end }} - {{ block "footer" . }}{{ end }} -
+ + + {{ block "footer" . }}{{ end }} diff --git a/layouts/index.html b/layouts/index.html index b117184..aa4d823 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,46 +1,41 @@ {{ define "main" }} {{ partial "profile.html" . }} -
- - -

old

- -
+ + + {{ end }} + + {{ end }} diff --git a/layouts/partials/profile.html b/layouts/partials/profile.html index 6634aa7..49ea1db 100644 --- a/layouts/partials/profile.html +++ b/layouts/partials/profile.html @@ -1,16 +1,15 @@
-
- {{ if .Site.Params.avatarLink }} + {{ if .Site.Params.avatarLink }} avatar - {{ else }} + {{ else }} avatar - {{ end }} + {{ end }} -

{{ .Site.Title }}

- {{ with .Site.Params.Bio }} -

{{ . | markdownify }}

- {{ end }} -
+

{{ .Site.Title }}

+ + {{ with .Site.Params.Bio }} +

{{ . | markdownify }}

+ {{ end }}
\ No newline at end of file diff --git a/static/css/style.css b/static/css/style.css index 55a5f6d..475d53f 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -120,11 +120,11 @@ table { a { text-decoration: none; - color: #5694f1; + color: #5badf0; } a:hover { - color: #5badf0; + color: #0366d6; } @@ -148,6 +148,9 @@ nav.navigation a { line-height: 1.35; border-radius: 3px; } +nav.navigation a:hover { + color: #0366d6; +} nav.navigation a.button { background: #5badf0; @@ -191,7 +194,7 @@ nav.navigation a.button { /* profile */ -.profile .wrapper { +.profile { margin: 60px auto 0 auto; text-align: center; } @@ -202,7 +205,6 @@ nav.navigation a.button { width: 80px; height: 80px; border-radius: 50%; - margin-bottom: 20px; } .profile h1 { @@ -210,6 +212,7 @@ nav.navigation a.button { letter-spacing: 0px; font-size: 20px; color: #222; + margin-top: 12px; } .profile h2 { @@ -217,7 +220,49 @@ nav.navigation a.button { font-weight: 300; color: #aaa; margin-top: 10px; - font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; - font-style: normal; } + +/* index post list */ +#list-page .item { + margin: 48px 0 0 0; +} + +#list-page .title { + display: inline-block; + color: #333; + font-size: 20px; + font-weight: 400; +} + +#list-page .title a { + color: #333; + display: block; +} + +#list-page .title a:hover { + color: #0366d6; +} + +#list-page .date { + float: right; + position: relative; + top: 1px; + color: #bbb; +} + +#list-page .summary { + color: #6a737d; + margin-top: 12px; +} + +#list-page .cover { + width: 100px; + height: 100px; + background: #fff; +} + +#list-page .cover img { + width: 100%; + text-align: center; +} \ No newline at end of file