refactor header

This commit is contained in:
mivinci 2021-09-09 15:56:22 +08:00
parent 6b55bdedc6
commit a3cb5a359b
10 changed files with 79 additions and 47 deletions

View file

@ -1,8 +1,8 @@
<footer class="flex sm:flex-col-reverse justify-between items-center">
<footer class="mt-8 flex sm:flex-col-reverse justify-between items-center">
<p class="mt-0 text-sm">
{{ .Site.Copyright }} |
<a href="https://github.com/mivinci/hugo-theme-minima" target="_blank" rel="noopener noreferrer">MINIMA</a> ON
<a href="https://gohugo.io" target="_blank" rel="noopener noreferrer">HUGO</a>
<a href="https://github.com/mivinci/hugo-theme-minima" target="_blank" rel="noopener noreferrer">Minima</a> on
<a href="https://gohugo.io" target="_blank" rel="noopener noreferrer">Hugo</a>
</p>
<p class="flex items-center mt-0">
{{ range $_, $key := .Site.Params.Social }}

View file

@ -1,16 +1,14 @@
<header>
<div class="flex justify-between items-center">
<h1 class="mb-5 flex items-center
whitespace-nowrap overflow-x-auto overflow-y-hidden">
{{ .Site.Title }}
</h1>
<div id="theme-switcher" class="text-4xl ml-4 cursor-pointer">{{ index .Site.Params.switch 1 }}</div>
<header class="flex justify-between items-center sm:my-3">
<div class="flex items-center">
{{ if .Site.Params.brand }}
<div class="mr-3 text-3xl"><a href="/">{{ .Site.Params.brand }}</a></div>
{{ end }}
<div id="theme-switcher" class="text-4xl cursor-pointer">{{ index .Site.Params.switch 1 }}</div>
</div>
<nav class="mb-5 flex items-center
<nav class="flex items-center
whitespace-nowrap overflow-x-auto overflow-y-hidden">
{{ range .Site.Menus.main }}
<a class="mr-3" href="{{ .URL }}">{{ .Name }}</a>
<a class="ml-3" href="{{ .URL }}">{{ .Name }}</a>
{{ end }}
</nav>
<hr>
</header>

View file

@ -0,0 +1,4 @@
<div class="flex sm:flex-col my-5 sm:mb-6 sm:mt-3">
<div class="min-w-32 sm:mb-2 sm:text-sm">{{ dateFormat .Site.Params.timeformat .Date }}</div>
<a class="self-start" href="{{ .RelPermalink }}">{{ .Title }}</a>
</div>

View file

@ -1,6 +1,6 @@
{{ $page := $.Paginator }}
{{ if gt $page.TotalPages 1 }}
<div class="my-5 flex justify-between">
<div class="my-6 flex justify-between">
{{ if $page.HasPrev }}
<a href="{{ $page.Prev.URL }}">← Newer</a>
{{ end }}

View file

@ -1,4 +1,4 @@
<details class="toc mt-5 mb-4">
<details class="toc mt-8">
<summary>Table of Contents</summary>
<div>
{{ .TableOfContents }}