diff options
| author | queensferry <queensferry.me@gmail.com> | 2020-02-26 14:05:57 +0300 |
|---|---|---|
| committer | queensferry <queensferry.me@gmail.com> | 2020-02-26 14:05:57 +0300 |
| commit | efaaf86c6bf55a642e4f10aa20dc302c3182d03b (patch) | |
| tree | 5d1ac04c56ab7f8833dec1c2e510f9c198cdaf01 /layouts | |
| parent | f265896db27d247741c07d2a12e5573269a4cd29 (diff) | |
feat: better index page design
Diffstat (limited to 'layouts')
| -rw-r--r-- | layouts/index.html | 29 | ||||
| -rw-r--r-- | layouts/partials/footer.html | 12 | ||||
| -rw-r--r-- | layouts/partials/head.html | 2 | ||||
| -rw-r--r-- | layouts/partials/header.html | 4 |
4 files changed, 14 insertions, 33 deletions
diff --git a/layouts/index.html b/layouts/index.html index bd35ce9..7943b2d 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,37 +1,20 @@ <!DOCTYPE html> <html lang="zh-cn"> {{ partial "head.html" . }} -<style> - .index { - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; - } - - .avatar img { - width: 20rem; - height: auto; - } - - .icon { - height: 32px; - width: 32px; - } -</style> +<link rel="stylesheet" href='{{ "css/index.css" | absURL }}'> <body> <div id="wrapper"> {{ partial "header.html" . }} <div id="main" class="index"> - {{ .Site.Params.index_slogan | safeHTML }} <div class="avatar"> - <img src="{{ .Site.Params.avatar_url }}" alt="avatar"> + <img class='{{ cond .Site.Params.avatar_round "round" ""}}' src="{{ .Site.Params.avatar_url }}" alt="avatar"> </div> - <div class="social_link"> + <div class="slogan">{{ .Site.Params.slogan | safeHTML }}</div> + <div class="social-links"> {{ range .Site.Params.social_link }} - <a href={{ .url }}> - <img class="icon" src={{ .icon }} alt={{ .name }}> + <a href="{{ .url }}" alt="{{ .name }}" + style="mask-image: url({{ .icon }}); -webkit-mask-image: url({{ .icon }})"> </a> {{ end }} </div> diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 21dded0..79d7431 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -1,16 +1,16 @@ <footer id="footer"> <div class="copyright"> - <span>© 2019</span> - <span>{{ now.Format "2006"}} 🍦</span> + <span>© 2019</span> - <span>{{ now.Format "2006"}}</span> </div> - <div class="foot_slogan"> - <span>{{ .Site.Params.footer_slogan | safeHTML }}</span> + <div class="footnote"> + <span>{{ .Site.Params.footnote | safeHTML }}</span> </div> <div class="theme_info"> <span>Powered by </span> - <a href="https://gohugo.io/">Hugo</a> - <span> 🍧 Theme </span> - <a href="https://github.com/queensferryme/hugo-theme-verse">Verse</a> + <a class="link" href="https://gohugo.io/">Hugo</a> + <span> 🍦 Theme </span> + <a class="link" href="https://github.com/queensferryme/hugo-theme-verse">Verse</a> </div> </footer> diff --git a/layouts/partials/head.html b/layouts/partials/head.html index beec8e3..565afb4 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -28,7 +28,7 @@ <link rel="canonical" href="{{ .Permalink }}"> <!-- static files --> - <link rel="stylesheet" href='{{ "css/main.css" | absURL }}'> + <link rel="stylesheet" href='{{ "css/common.css" | absURL }}'> <!-- site title --> {{ if .IsHome }} diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 584b5cc..f09958f 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -1,8 +1,6 @@ <header id="header"> <h1 class="title"> - <a href="{{ .Site.BaseURL }}"> - <span>{{ .Site.Title }}</span> - </a> + <a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a> </h1> <div class="nav-bar"> |