👷 Finish the left header brand coding.

This commit is contained in:
凡梦星尘
2022-05-24 23:14:02 +08:00
parent 8de51043c3
commit 65c3289491
8 changed files with 53 additions and 8 deletions

View File

@@ -25,7 +25,7 @@
<main class="main">
<header class="header" itemscope itemtype="http://schema.org/WPHeader">
<div class="header-inner">
{{- partial "header" . }}
{{- partial "header" (dict "P" $P "Page" .Page) }}
</div>
<!-- Sidebar -->
{{- if ne $P.sidebar.display "remove" }}

View File

@@ -27,7 +27,7 @@
<meta property="og:image:width" content="TODO" />
<meta property="og:image:height" content="TODO" />
<meta property="og:image:type" content="TODO" />
<meta property="og:image" content="{{ $P.customLogo.url }}">
<meta property="og:image" content="{{ $P.customLogo }}">
<meta property="og:url" content="{{ $Page.Permalink }}">
<meta property="og:site_name" content="{{ default $Page.Title $Page.Site.Title }}">
<meta property="og:locale" content="{{ $lang }}">

View File

@@ -0,0 +1 @@
{{ partial "header/brand" . }}

View File

@@ -0,0 +1,36 @@
{{ $title := .Page.Site.Title }}
<div class="site-brand-container">
<div class="site-nav-toggle">
<div class="toggle" aria-label="{{ T "NavToggleLabel" }}" role="button">
<span class="toggle-line"></span>
<span class="toggle-line"></span>
<span class="toggle-line"></span>
</div>
</div>
<div class="site-meta">
{{- if and .P.customLogo (eq .P.scheme "Muse") }}
<img class="custom-logo-image" src="{{ .P.customLogo }}" alt="{{ $title }}">
{{- end }}
<a href="{{ .Page.Site.BaseURL }}" class="brand" rel="start">
<i class="logo-line"></i>
<h1 class="site-title">{{ $title }}</h1>
<i class="logo-line"></i>
</a>
{{ if isset .P "subtitle" }}
<p class="site-subtitle" itemprop="description">{{ .P.subtitle }}</p>
{{- end }}
{{- if and .P.customLogo (or (eq .P.scheme "Gemini") (eq .P.scheme "Pisces"))}}
<img class="custom-logo-image" src="{{ .P.customLogo }}" alt="{{ $title }}">
{{- end }}
</div>
<div class="site-nav-right">
<div class="toggle popup-trigger">
{{ if or .P.algoliaSearch.enable .P.localSearch.enable }}
<i class="fa fa-search fa-fw fa-lg"></i>
{{- end }}
</div>
</div>
</div>