feat(style): adjust style of header, tags and dynamic-to-top button

This commit is contained in:
Dillon
2020-03-14 14:42:12 +08:00
parent d8bfd23ace
commit 3d9aad3205
23 changed files with 146 additions and 130 deletions

View File

@@ -56,7 +56,7 @@
{{- /* Dynamic to top button */ -}}
<a href="#" class="dynamic-to-top animated faster" id="dynamic-to-top">
<span>&nbsp;</span>
<i class="fas fa-chevron-up fa-fw"></i>
</a>
{{- /* Load JavaScript scripts and CSS */ -}}

View File

@@ -29,15 +29,14 @@
</span>
{{- with .Params.categories -}}
&nbsp;<span class="post-category">
&nbsp;
<span class="post-category">
{{- T "included" -}}
{{- range . -}}
&nbsp;
<span>
<a href="{{ `/categories/` | relLangURL }}{{ urlize .}}">
<i class="far fa-folder fa-fw"></i>{{ . | humanize }}
</a>
</span>
{{- range $index, $value := . -}}
{{- if gt $index 0 }}&nbsp;{{ end -}}
<a href="{{ `/categories/` | relLangURL }}{{ urlize $value }}">
<i class="far fa-folder fa-fw"></i>{{ $value | humanize }}
</a>
{{- end -}}
</span>
{{- end -}}
@@ -57,12 +56,10 @@
<a href="{{ .RelPermalink }}">{{ T "readMore" }}</a>
{{- with .Params.tags -}}
<div class="post-tags">
{{- range . -}}
&nbsp;<span>
<a href="{{ `/tags/` | relLangURL }}{{ urlize .}}">
<i class="fas fa-tag fa-fw"></i>{{ . }}
</a>
</span>
<i class="fas fa-tags fa-fw"></i>&nbsp;
{{- range $index, $value := . -}}
{{- if gt $index 0 }},&nbsp;{{ end -}}
<a href="{{ `/tags/` | relLangURL }}{{ urlize $value }}">{{ $value }}</a>
{{- end -}}
</div>
{{- end -}}

View File

@@ -2,7 +2,7 @@
<div class="copyright">
{{- /* Hugo and LoveIt */ -}}
<div class="copyright-line">
{{- printf (T "poweredBySome") `<a href="https://gohugo.io/" target="_blank" rel="external nofollow noopener noreffer">Hugo</a>` | safeHTML }} | {{ T "theme" }} - <a href="https://github.com/dillonzq/LoveIt" target="_blank" rel="external nofollow noopener noreffer">LoveIt<i class="far fa-heart fa-fw"></i></a>
{{- printf (T "poweredBySome") `<a href="https://gohugo.io/" target="_blank" rel="external nofollow noopener noreffer">Hugo</a>` | safeHTML }} | {{ T "theme" }} - <a href="https://github.com/dillonzq/LoveIt" target="_blank" rel="external nofollow noopener noreffer"><i class="far fa-heart fa-fw"></i> LoveIt</a>
</div>
<div class="copyright-line">

View File

@@ -8,15 +8,19 @@
</div>
<div class="menu">
{{- range .Site.Menus.main -}}
<a class="menu-item{{ if $.IsMenuCurrent "main" . | or ($.HasMenuCurrent "main" .) | or (.URL | relLangURL | string | eq $.RelPermalink ) }} active{{ end }}" href="{{ .URL | relLangURL }}"{{ with .Title }} title="{{ . }}"{{ end }}>
<a class="menu-item{{ if $.IsMenuCurrent "main" . | or ($.HasMenuCurrent "main" .) | or (.URL | relLangURL | string | eq $.RelPermalink ) }} active{{ end }}" href="{{ .URL | relLangURL }}"{{ with .Title }} title="{{ . }}"{{ end }} rel="noopener noreffer"{{ if strings.HasPrefix .URL "http" }} target="_blank"{{ end }}>
{{- .Pre | safeHTML }}{{ .Name -}}
</a>
{{- end -}}
<span class="menu-item">|</span>
<a href="javascript:void(0);" class="menu-item theme-switch" title="{{ T "switchTheme" }}">
<i class="fas fa-adjust fa-fw"></i>
</a>
{{- if .Site.IsMultiLingual -}}
&nbsp;|&nbsp;
<a href="javascript:void(0);" class="menu-item" title="{{ T "selectLanguage" }}">
<i class="fas fa-language fa-fw"></i>&nbsp;
<select class="language-select" onchange="location = this.value;">
{{- .Language.LanguageName -}}
<i class="fas fa-chevron-right fa-fw"></i>
<select class="language-select" id="language-select-desktop" onchange="location = this.value;">
{{- range .Page.AllTranslations -}}
{{- $translation := . -}}
{{- range $.Site.Languages -}}
@@ -32,9 +36,6 @@
</select>
</a>
{{- end -}}
<a href="javascript:void(0);" class="theme-switch" title="{{ T "switchTheme" }}">
<i class="fas fa-adjust fa-fw "></i>
</a>
</div>
</div>
</header>
@@ -55,13 +56,17 @@
<div class="menu" id="menu-mobile">
{{- $currentPage := . -}}
{{- range .Site.Menus.main -}}
<a class="menu-item" href="{{ .URL | relLangURL }}" title="{{ .Title }}">
<a class="menu-item" href="{{ .URL | relLangURL }}" title="{{ .Title }}" rel="noopener noreffer"{{ if strings.HasPrefix .URL "http" }} target="_blank"{{ end }}>
{{- .Pre | safeHTML }}{{ .Name -}}
</a>
{{- end -}}
<a href="javascript:void(0);" class="menu-item theme-switch" title="{{ T "switchTheme" }}">
<i class="fas fa-adjust fa-fw"></i>
</a>
{{- if .Site.IsMultiLingual -}}
<a href="javascript:void(0);" class="menu-item" title="{{ T "selectLanguage" }}">
<i class="fas fa-language fa-fw"></i>&nbsp;
{{- .Language.LanguageName -}}
<i class="fas fa-chevron-right fa-fw"></i>
<select class="language-select" onchange="location = this.value;">
{{- range .Page.AllTranslations -}}
{{- $translation := . -}}
@@ -78,9 +83,6 @@
</select>
</a>
{{- end -}}
<a href="javascript:void(0);" class="theme-switch" title="{{ T "switchTheme" }}">
<i class="fas fa-adjust fa-fw"></i>
</a>
</div>
</div>
</header>

View File

@@ -44,12 +44,10 @@
<div class="post-info-more">
<section>
{{- with .Params.tags -}}
{{- range . -}}
<span>
<a href="{{ `/tags/` | relLangURL }}{{ urlize .}}">
<i class="fas fa-tag fa-fw"></i>{{ . }}
</a>
</span>&nbsp;
<i class="fas fa-tags fa-fw"></i>&nbsp;
{{- range $index, $value := . -}}
{{- if gt $index 0 }},&nbsp;{{ end -}}
<a href="{{ `/tags/` | relLangURL }}{{ urlize $value }}">{{ $value }}</a>
{{- end -}}
{{- end -}}
</section>

View File

@@ -17,15 +17,14 @@
</span>
{{- with .Params.categories -}}
&nbsp;<span class="post-category">
&nbsp;
<span class="post-category">
{{- T "included" -}}
{{- range . -}}
&nbsp;
<span>
<a href="{{ `/categories/` | relLangURL }}{{ urlize .}}">
<i class="far fa-folder fa-fw"></i>{{ . | humanize }}
</a>
</span>
{{- range $index, $value := . -}}
{{- if gt $index 0 }}&nbsp;{{ end -}}
<a href="{{ `/categories/` | relLangURL }}{{ urlize $value }}">
<i class="far fa-folder fa-fw"></i>{{ $value | humanize }}
</a>
{{- end -}}
</span>
{{- end -}}

View File

@@ -1,5 +1,5 @@
{{- define "title" -}}
{{- .Title | humanize }} | {{ T .Data.Singular | default (humanize .Data.Singular) }} | {{ .Site.Title -}}
{{- .Title }} | {{ T .Data.Singular | default (humanize .Data.Singular) }} | {{ .Site.Title -}}
{{- end -}}
{{- define "content" -}}

View File

@@ -1,5 +1,5 @@
{{- define "title" -}}
{{- T "all" }}{{ T .Data.Plural | default (humanize .Data.Plural) }} | {{ .Site.Title -}}
{{- .Title | default (T .Data.Plural) | default (humanize .Data.Plural) }} | {{ .Site.Title -}}
{{- end -}}
{{- define "content" -}}