cdn0x12/hugo-theme-minima
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

refactor style using scss

Browse source
This commit is contained in:
mivinci 2021-08-29 23:55:45 +08:00
parent 31ec816be5
commit 6b55bdedc6
17 changed files with 222 additions and 588 deletions
Download patch file Download diff file Expand all files Collapse all files

2
layouts/_default/baseof.html
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
{{ partial "head.html" . }}
<body>
<body class=" sm:mx-5 sm:my-0">
{{ partial "header.html" . }}
{{ block "main" . }} {{ end }}

4
layouts/_default/list.html
View file

@ -7,8 +7,8 @@
{{ end }}
<div>
{{ range .Data.Pages }}
<div class="row row-mob mb-1 mb-1_5-mob gap-3">
<div class="sm-2-mob mb-0_5-mob">{{ dateFormat "Jan 2, 2006" .Date }}</div>
<div class="flex sm:flex-col my-5 sm:mb-6 sm:mt-3">
<div class="min-w-32 sm:mb-2">{{ dateFormat .Site.Params.timeformat .Date }}</div>
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
</div>
{{ end }}

12
layouts/_default/single.html
View file

@ -1,18 +1,18 @@
{{ define "main" }}
{{ if .Params.toc }}
{{ partial "toc.html" . }}
{{ end }}
<main>
<h1>{{ .Title }}</h1>
<div class="sm-1 mtb-1">
<h1 class="my-6">{{ .Title }}</h1>
<div class="mb-3 text-xs">
Posted at &mdash; {{ dateFormat .Site.Params.timeformat .Date }}
{{ if .Draft }}
<span class="tag ml-1">
<span class="ml-1">
DRAFT
</span>
{{ end }}
</div>
<p>{{ .Description | markdownify | safeHTML }}</p>
{{ if .Params.toc }}
{{ partial "toc.html" . }}
{{ end }}
<article class="md">
{{ .Content }}
</article>

6
layouts/_default/terms.html
View file

@ -1,12 +1,12 @@
{{ define "main" }}
<main>
<h2>{{ .Title }}</h2>
<nav class="col">
<nav class="flex flex-col">
{{ $data := .Data }}
{{ range $key, $value := .Data.Terms.ByCount }}
<a class="row as-s mb-1" href="/{{ $data.Plural }}/{{ $value.Name }}">
<a class="mb-5 self-start" href="/{{ $data.Plural }}/{{ $value.Name }}">
{{ $value.Name }}
<span class="tag-pm ml-1">{{ $value.Count }}</span>
<span class="">{{ $value.Count }}</span>
</a>
{{ end }}
</nav>

16
layouts/index.html
View file

@ -1,19 +1,19 @@
{{ define "main" }}
<main>
<h2 class="mb-0">{{ .Site.Params.iam }} {{ .Site.Author.name }}</h2>
<p>{{ .Site.Author.slogon }}</p>
<p>{{ .Site.Author.description | markdownify | safeHTML }}</p>
<h2 class="mt-5 mb-1">{{ .Site.Params.iam }} {{ .Site.Author.name }}</h2>
<p class="my-0">{{ .Site.Author.slogon }}</p>
<p class="my-3">{{ .Site.Author.description | markdownify | safeHTML }}</p>
{{ if eq .Paginator.PageNumber 1 }}
<h3>Recent Posts</h3>
<h3 class="my-5">Recent Posts</h3>
{{ else }}
<h3>All Posts</h3>
<h3 class="my-5">Older Posts</h3>
{{ end }}
<div>
{{ $paginator := .Paginate (where .Site.RegularPages "Kind" "page") }}
{{ range $paginator.Pages }}
<div class="row row-mob mb-1 mb-1_5-mob gap-3">
<div class="sm-2-mob mb-0_5-mob mw-6">{{ dateFormat .Site.Params.timeformat .Date }}</div>
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
<div class="flex sm:flex-col my-5 sm:mb-6 sm:mt-3">
<div class="min-w-32 sm:mb-2">{{ dateFormat .Site.Params.timeformat .Date }}</div>
<a class="self-start" href="{{ .RelPermalink }}">{{ .Title }}</a>
</div>
{{ end }}
{{ partial "paginator.html" . }}

12
layouts/partials/footer.html
View file

@ -1,12 +1,12 @@
<footer class="row row-mob al-c-mob col-rev-mob sm-2-mob jc-bt mtb-2">
<p class="c-tag">
<footer class="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="row">
<p class="flex items-center mt-0">
{{ range $_, $key := .Site.Params.Social }}
<a class="icon mx-0_4" href="{{ $key.url }}" title="{{ $key.name }}">
<a class="icon mx-2" href="{{ $key.url }}" title="{{ $key.name }}">
{{ if $key.svg }}
{{ $key.svg | safeHTML }}
{{ else }}

20
layouts/partials/header.html
View file

@ -1,12 +1,16 @@
<header>
<h1 class="row gap-1 nowrap">
<div id="theme-switcher" class="btn lg-1"></div>
{{ .Site.Title }}
</h1>
<nav class="row">
{{ range .Site.Menus.main }}
<a class="mr-1" href="{{ .URL }}">{{ .Name }}</a>
{{ end }}
<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>
</div>
<nav class="mb-5 flex items-center
whitespace-nowrap overflow-x-auto overflow-y-hidden">
{{ range .Site.Menus.main }}
<a class="mr-3" href="{{ .URL }}">{{ .Name }}</a>
{{ end }}
</nav>
<hr>
</header>

4
layouts/partials/ovo.html
View file

@ -1,5 +1,5 @@
<div id="ovo_thread" class="mt-2">
<div class="col ai-c">评论插件加载中 OvO</div>
<div id="ovo_thread" class="my-6">
<div class="flex flex-col items-center">评论插件加载中 OvO</div>
</div>
<link rel="stylesheet" href="//unpkg.com/@ovojs/ovo/dist/style.css">
<script type="text/javascript">

6
layouts/partials/paginator.html
View file

@ -1,12 +1,12 @@
{{ $page := $.Paginator }}
{{ if gt $page.TotalPages 1 }}
<div class="mt-2">
<div class="my-5 flex justify-between">
{{ if $page.HasPrev }}
<a href="{{ $page.Prev.URL }}" class="mr-2">← Newer</a>
<a href="{{ $page.Prev.URL }}">← Newer</a>
{{ end }}
{{ if $page.HasNext }}
<a href="{{ $page.Next.URL }}" class="ml-2">Older →</a>
<a href="{{ $page.Next.URL }}">Older →</a>
{{ end }}
</div>
{{ end }}

4
layouts/partials/toc.html
View file

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