add language navigator and fix some styles

This commit is contained in:
Mivinci 2022-11-07 16:57:21 +08:00
parent 10dcb7a324
commit 59ee3f114a
21 changed files with 262 additions and 186 deletions

View file

@ -30,4 +30,4 @@ jobs:
with: with:
github_token: ${{ secrets.GITHUB_TOKEN }} github_token: ${{ secrets.GITHUB_TOKEN }}
publish_dir: ./exampleSite/public publish_dir: ./exampleSite/public
cname: h.xjj.pub # cname: h.xjj.pub

View file

@ -4,7 +4,6 @@ themeDir=../..
.PHONY: dev, build, clean .PHONY: dev, build, clean
dev: dev:
-rm -r exampleSite/resources
hugo server -D -s $(source) --themesDir $(themeDir) --disableFastRender hugo server -D -s $(source) --themesDir $(themeDir) --disableFastRender
build: build:
@ -12,3 +11,4 @@ build:
clean: clean:
rm -r $(source)/public rm -r $(source)/public
rm -r exampleSite/resources

View file

@ -110,13 +110,15 @@ $screens: (
} }
} }
@include style_with_prefix("");
@each $screen, $size in $screens { @each $screen, $size in $screens {
@media (max-width: $size) { @media (max-width: $size) {
@include style_with_prefix($screen); @include style_with_prefix($screen);
} }
} }
@include style_with_prefix("");
// border width // border width
.bw-0 { .bw-0 {
border-width: 0; border-width: 0;
@ -148,3 +150,37 @@ $screens: (
margin-left: 0.75rem; margin-left: 0.75rem;
} }
} }
/* font weight */
.font-thin {
font-weight: 100;
}
.font-extralight {
font-weight: 200;
}
.font-light {
font-weight: 300;
}
.font-normal {
font-weight: 400;
}
.font-medium {
font-weight: 500;
}
.font-semibold {
font-weight: 600;
}
.font-bold {
font-weight: 700;
}
.text-left {
text-align: left;
}

View file

@ -4,38 +4,36 @@
@import "toc.scss"; @import "toc.scss";
:root { :root {
--pm: #0fa0ce; --prime: #0fa0ce;
--bd: #e1e1e1; --grid: #e1e1e1;
--bg: #fff; --back: #fff;
--ft: #222; --text: #222;
--tag: #333; --tag: #333;
--w-mobile: 640px; --mobile-w: 640px;
--global-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; --global-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
} }
html.dark { html.dark {
--bg: #181818; --back: #181818;
--ft: silver; --text: silver;
--bd: #555; --grid: #555;
--tag: #999; --tag: #999;
--ovo-ft: var(--ft); --ovo-ft: var(--text);
--ovo-bdr: var(--bd); --ovo-bdr: var(--grid);
--ovo-bg: var(--bg); --ovo-bg: var(--back);
--ovo-bg-hvr: #555; --ovo-bg-hvr: #555;
--ovo-tag: #30363d; --ovo-tag: #30363d;
} }
body { body {
max-width: var(--w-mobile);
margin: 3rem auto 0;
font-family: var(--global-font-family); font-family: var(--global-font-family);
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
color: var(--ft); color: var(--text);
background-color: var(--bg); background-color: var(--back);
transition-property: background-color, border-color, color; transition-property: background-color, border-color, color;
transition-duration: 0.5s; transition-duration: 0.5s;
} }
@ -45,8 +43,6 @@ h2,
h3, h3,
h4, h4,
h5 { h5 {
font-family: "Noto Serif SC", 'Times New Roman', Times, sans-serif;
font-weight: 700;
line-height: 1.5; line-height: 1.5;
} }
@ -57,7 +53,40 @@ p {
hr { hr {
border-width: 0; border-width: 0;
border-top: 1px solid var(--bd); border-top: 1px solid var(--grid);
}
a {
line-height: 1.5;
text-decoration: none;
color: inherit;
}
a:hover {
color: var(--prime);
}
main {
animation: showup 0.7s;
}
p a {
// font-style: italic;
text-decoration: underline;
}
footer a {
font-style: unset;
text-decoration: none;
}
header nav {
color: var(--tag);
}
header ul {
padding: 0;
list-style: none;
} }
pre, pre,
@ -70,39 +99,11 @@ code {
.minima-tag, .minima-tag,
p code { p code {
background-color: var(--bd); background-color: var(--grid);
padding: 0.2em 0.4em; padding: 0.2em 0.4em;
border-radius: 1px; border-radius: 1px;
} }
a {
line-height: 1.5;
text-decoration: none;
color: inherit;
}
a:hover {
color: var(--pm);
}
main {
animation: showup 0.7s;
}
p a {
font-style: italic;
text-decoration: underline;
}
footer a {
font-style: unset;
text-decoration: none;
}
header nav {
color: var(--tag);
}
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 4px; width: 4px;
height: 4px; height: 4px;
@ -140,3 +141,8 @@ nav::-webkit-scrollbar {
.home-intro { .home-intro {
line-height: 1.65; line-height: 1.65;
} }
.container {
max-width: var(--mobile-w);
margin: 0 auto;
}

View file

@ -1,7 +1,7 @@
.md blockquote { .md blockquote {
background-color: rgba(148, 148, 149, 0.08) ; background-color: rgba(148, 148, 149, 0.08) ;
padding: 1px 1rem; padding: 1px 1rem;
border-left: 4px solid var(--pm); border-left: 4px solid var(--prime);
font-style: italic; font-style: italic;
} }
@ -16,12 +16,12 @@
} }
.md table thead { .md table thead {
border-top: 2px solid var(--ft); border-top: 2px solid var(--text);
border-bottom: 1px solid var(--ft); border-bottom: 1px solid var(--text);
} }
.md table tbody { .md table tbody {
border-bottom: 2px solid var(--ft); border-bottom: 2px solid var(--text);
} }
.md table th, .md table th,

View file

@ -1,7 +1,7 @@
details.toc { details.toc {
position: sticky; position: sticky;
top: 0; top: 0;
background-color: var(--bg); background-color: var(--back);
transition: .5s all; transition: .5s all;
} }
@ -9,12 +9,12 @@ details.toc summary {
position: relative; position: relative;
width: fit-content; width: fit-content;
cursor: pointer; cursor: pointer;
background-color: var(--bg); background-color: var(--back);
transition: .5s all; transition: .5s all;
} }
details.toc div { details.toc div {
background-color: var(--bg); background-color: var(--back);
transition: .5s all; transition: .5s all;
} }
@ -49,7 +49,7 @@ details.toc-bar {
& div { & div {
top: -1em; top: -1em;
padding-top: 2em; padding-top: 2em;
background-color: var(--bg); background-color: var(--back);
} }
& summary { & summary {
@ -59,8 +59,8 @@ details.toc-bar {
height: var(--toc-bar-ht); height: var(--toc-bar-ht);
margin-left: calc(50% - var(--toc-bar-wd) / 2); margin-left: calc(50% - var(--toc-bar-wd) / 2);
border-radius: calc(var(--toc-bar-ht) / 2); border-radius: calc(var(--toc-bar-ht) / 2);
background-color: var(--ft); background-color: var(--text);
box-shadow: var(--bg) 0 0 8px 8px; box-shadow: var(--back) 0 0 8px 8px;
} }
} }

View file

@ -2,4 +2,4 @@ github = '<svg fill="#63636f" width="18" role="img" viewBox="0 0 24 24" xmlns="h
linkedin = '<svg fill="#0073b1" width="18" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>LinkedIn</title><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>' linkedin = '<svg fill="#0073b1" width="18" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>LinkedIn</title><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>'
twitter = '<svg fill="#1da1f2" width="18" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Twitter</title><path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z"/></svg>' twitter = '<svg fill="#1da1f2" width="18" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Twitter</title><path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z"/></svg>'
rss = '<svg fill="#63636f" t="1626591563876" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1984" width="18" height="16"><path d="M128 768a128 128 0 1 0 0 256 128 128 0 0 0 0-256zM0 368v176c265.104 0 480 214.912 480 480h176c0-362.32-293.696-656-656-656zM0 0v176c468.336 0 848 379.664 848 848h176C1024 458.464 565.536 0 0 0z" p-id="1985"></path></svg>' rss = '<svg fill="#63636f" t="1626591563876" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1984" width="18" height="16"><path d="M128 768a128 128 0 1 0 0 256 128 128 0 0 0 0-256zM0 368v176c265.104 0 480 214.912 480 480h176c0-362.32-293.696-656-656-656zM0 0v176c468.336 0 848 379.664 848 848h176C1024 458.464 565.536 0 0 0z" p-id="1985"></path></svg>'
toc = '<svg fill="var(--ft)" width="22" height="22" t="1628036980313" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1020"><path d="M811.6 264.1H378.2c-19.8 0-36-16.2-36-36s16.2-36 36-36h433.5c19.8 0 36 16.2 36 36-0.1 19.8-16.3 36-36.1 36zM811.6 522.1H378.2c-19.8 0-36-16.2-36-36s16.2-36 36-36h433.5c19.8 0 36 16.2 36 36-0.1 19.8-16.3 36-36.1 36zM811.6 780.1H378.2c-19.8 0-36-16.2-36-36s16.2-36 36-36h433.5c19.8 0 36 16.2 36 36-0.1 19.8-16.3 36-36.1 36z" p-id="1021"></path><path d="M210.2 229m-37.9 0a37.9 37.9 0 1 0 75.8 0 37.9 37.9 0 1 0-75.8 0Z" p-id="1022"></path><path d="M210.2 487m-37.9 0a37.9 37.9 0 1 0 75.8 0 37.9 37.9 0 1 0-75.8 0Z" p-id="1023"></path><path d="M210.2 745m-37.9 0a37.9 37.9 0 1 0 75.8 0 37.9 37.9 0 1 0-75.8 0Z" p-id="1024"></path></svg>' toc = '<svg fill="var(--text)" width="22" height="22" t="1628036980313" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1020"><path d="M811.6 264.1H378.2c-19.8 0-36-16.2-36-36s16.2-36 36-36h433.5c19.8 0 36 16.2 36 36-0.1 19.8-16.3 36-36.1 36zM811.6 522.1H378.2c-19.8 0-36-16.2-36-36s16.2-36 36-36h433.5c19.8 0 36 16.2 36 36-0.1 19.8-16.3 36-36.1 36zM811.6 780.1H378.2c-19.8 0-36-16.2-36-36s16.2-36 36-36h433.5c19.8 0 36 16.2 36 36-0.1 19.8-16.3 36-36.1 36z" p-id="1021"></path><path d="M210.2 229m-37.9 0a37.9 37.9 0 1 0 75.8 0 37.9 37.9 0 1 0-75.8 0Z" p-id="1022"></path><path d="M210.2 487m-37.9 0a37.9 37.9 0 1 0 75.8 0 37.9 37.9 0 1 0-75.8 0Z" p-id="1023"></path><path d="M210.2 745m-37.9 0a37.9 37.9 0 1 0 75.8 0 37.9 37.9 0 1 0-75.8 0Z" p-id="1024"></path></svg>'

View file

@ -1,7 +1,7 @@
baseURL = "http://h.xjj.pub" baseURL = "https://mivinci.github.io/hugo-theme-minima"
languageCode = "en-us" languageCode = "en-us"
title = "Hi Folks" title = "Hi Folks"
copyright = XJJ 2022" copyright = 2022 Mivinci"
googleAnalytics = "" googleAnalytics = ""
# paginate decides the number of the newest posts # paginate decides the number of the newest posts
@ -15,7 +15,7 @@ theme = "hugo-theme-minima"
# Author has some of your information to be shown on the home page. # Author has some of your information to be shown on the home page.
[author] [author]
name = "XJJ" name = "Mivinci"
slogon = "A tech lover from Earth 🌍" slogon = "A tech lover from Earth 🌍"
description = "This is Minima, a clean and minimal Hugo theme porting from the [Hexo Minima](https://github.com/adisaktijrs/hexo-theme-minima). Except for everything from Hexo Minima like dark/light mode, Hugo Minima supports KaTeX, Mermaid, comments and some taxonomies like categories, series and tags. I created this using SASS, VanillaJS and the most importantly, Hugo. 😁" description = "This is Minima, a clean and minimal Hugo theme porting from the [Hexo Minima](https://github.com/adisaktijrs/hexo-theme-minima). Except for everything from Hexo Minima like dark/light mode, Hugo Minima supports KaTeX, Mermaid, comments and some taxonomies like categories, series and tags. I created this using SASS, VanillaJS and the most importantly, Hugo. 😁"
@ -43,7 +43,7 @@ selectable = true
# on texts in some special positions like on titles # on texts in some special positions like on titles
globalFontFamily = "" globalFontFamily = ""
# If set true, all your posts will use the chosen comment plugin # If set true, all your posts will use the chosen comment plugin
# except those with a `comment: false` in their front-matter # except those with a `comment: false` specified in their front-matter
commentOnAllPosts = true commentOnAllPosts = true
# toc decides the shape of the toc button. e.g. default, lines, bar # toc decides the shape of the toc button. e.g. default, lines, bar
toc = "lines" toc = "lines"
@ -94,7 +94,7 @@ url = "https://linkedin/in/leonard-mivinci-63895317a"
svg = "" svg = ""
[[params.social]] [[params.social]]
name = "twitter" name = "twitter"
url = "https://twitter.com/Leonard14733745" url = "https://twitter.com/realmivinci"
svg = "" svg = ""
[[params.social]] [[params.social]]
name = "rss" name = "rss"
@ -106,7 +106,7 @@ svg = ""
# providers have to make their 'Access-Control-Allow-Origin' contain # providers have to make their 'Access-Control-Allow-Origin' contain
# your domain, otherwise the feeds cannot be fetched. # your domain, otherwise the feeds cannot be fetched.
[params.friends] [params.friends]
feeds = ["https://h.xjj.pub/index.xml"] feeds = []
topk = 3 topk = 3
title = "Friends' Posts" title = "Friends' Posts"
proxy = "" # reserved proxy = "" # reserved
@ -119,8 +119,8 @@ name = "Home"
url = "/" url = "/"
weight = 1 weight = 1
[[menu.main]] [[menu.main]]
name = "Categories" name = "Tags"
url = "/categories" url = "/tags"
weight = 2 weight = 2
[[menu.main]] [[menu.main]]
name = "Series" name = "Series"
@ -149,3 +149,12 @@ series = "series"
[markup.highlight] [markup.highlight]
lineNos = true lineNos = true
noClasses = false noClasses = false
defaultContentLanguage = "en"
[languages.en]
languageName = "EN"
weight = 1
[languages.zh]
languageName = "ZH"
weight = 2

View file

@ -1,5 +1,5 @@
--- ---
author: Hugo Authors author: Mivinci
title: Instruction title: Instruction
date: 2021-07-19T10:52:59+08:00 date: 2021-07-19T10:52:59+08:00
description: A Clean and minimal Hugo theme porting from the [Hexo Minima](https://github.com/adisaktijrs/hexo-theme-minima). [Click me](https://h.xjj.pub/) to take a look. description: A Clean and minimal Hugo theme porting from the [Hexo Minima](https://github.com/adisaktijrs/hexo-theme-minima). [Click me](https://h.xjj.pub/) to take a look.

View file

@ -0,0 +1,10 @@
---
author: Hugo Authors
title: 使用说明
date: 2021-07-19T10:52:59+08:00
description:
math: true
comment: true
---
你好

View file

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

View file

@ -1,5 +1,5 @@
{{ define "main" }} {{ define "main" }}
<main> <main class="container">
{{ if isset .Data "Term" }} {{ if isset .Data "Term" }}
<h2 class="my-8">{{ .Data.Singular | title }} - "{{ .Data.Term }}"</h2> <h2 class="my-8">{{ .Data.Singular | title }} - "{{ .Data.Term }}"</h2>
{{ else }} {{ else }}

View file

@ -1,9 +1,10 @@
{{ define "main" }} {{ define "main" }}
{{ if .Params.toc }} <div class="container">
{{ partial "toc.html" . }} {{ if .Params.toc }}
{{ end }} {{ partial "toc.html" . }}
<h1 class="mt-6 mb-6">{{ .Title }}</h1> {{ end }}
<div class="mb-3 text-xs flex justify-between sm:flex-col"> <h1 class="mt-6 mb-6">{{ .Title }}</h1>
<div class="mb-3 text-xs flex justify-between sm:flex-col">
<div> <div>
{{ if .Site.Params.displayDate }} {{ if .Site.Params.displayDate }}
Posted at &mdash; {{ dateFormat .Site.Params.timeformat .Date }} Posted at &mdash; {{ dateFormat .Site.Params.timeformat .Date }}
@ -21,22 +22,22 @@
{{ end }} {{ end }}
</div> </div>
{{ end }} {{ end }}
</div> </div>
<main> <main>
<p>{{ .Description | markdownify | safeHTML }}</p> <p>{{ .Description | markdownify | safeHTML }}</p>
<article class="md"> <article class="md">
{{ .Content }} {{ .Content }}
</article> </article>
</main> </main>
{{ if or .Params.math .Site.Params.math }} {{ if or .Params.math .Site.Params.math }}
{{ partial "math.html" . }} {{ partial "math.html" . }}
{{ end }} {{ end }}
{{ if or .Params.mermaid .Site.Params.mermaid }} {{ if or .Params.mermaid .Site.Params.mermaid }}
{{ partial "mermaid.html" . }} {{ partial "mermaid.html" . }}
{{ end }} {{ end }}
{{ if or .Params.comment (and .Site.Params.commentOnAllPosts (ne .Params.comment false)) }} {{ if or .Params.comment (and .Site.Params.commentOnAllPosts (ne .Params.comment false)) }}
{{ if eq .Site.Params.comment "disqus"}} {{ if eq .Site.Params.comment "disqus"}}
{{ partial "disqus.html" . }} {{ partial "disqus.html" . }}
{{ end }} {{ end }}
@ -48,5 +49,6 @@
{{ if eq .Site.Params.comment "utterances"}} {{ if eq .Site.Params.comment "utterances"}}
{{ partial "utterances.html" . }} {{ partial "utterances.html" . }}
{{ end }} {{ end }}
{{ end }} {{ end }}
</div>
{{ end }} {{ end }}

View file

@ -1,5 +1,5 @@
{{ define "main" }} {{ define "main" }}
<main> <main class="container">
<h2>{{ .Title }}</h2> <h2>{{ .Title }}</h2>
<nav class="flex flex-col"> <nav class="flex flex-col">
{{ $data := .Data }} {{ $data := .Data }}

View file

@ -1,12 +1,12 @@
{{ define "main" }} {{ define "main" }}
<main> <main class="container">
<h2 class="mt-8 mb-1">{{ .Site.Params.iam }} {{ .Site.Author.name }}</h2> <h2 class="mt-8 mb-1">{{ .Site.Params.iam }} {{ .Site.Author.name }}</h2>
<p class="my-0">{{ .Site.Author.slogon }}</p> <p class="my-0">{{ .Site.Author.slogon }}</p>
<p class="my-3 home-intro">{{ .Site.Author.description | markdownify | safeHTML }}</p> <p class="my-3 home-intro">{{ .Site.Author.description | markdownify | safeHTML }}</p>
{{ if eq .Paginator.PageNumber 1 }} {{ if eq .Paginator.PageNumber 1 }}
<h3 class="my-6">{{ .Site.Params.recent }}</h3> <h3 class="mt-6 mb-4">{{ .Site.Params.recent }}</h3>
{{ else }} {{ else }}
<h3 class="my-6">{{ .Site.Params.older }}</h3> <h3 class="mt-6 mb-4">{{ .Site.Params.older }}</h3>
{{ end }} {{ end }}
<div> <div>
{{ $paginator := .Paginate (where .Site.RegularPages "Kind" "page") }} {{ $paginator := .Paginate (where .Site.RegularPages "Kind" "page") }}
@ -19,5 +19,5 @@
<h3 class="my-6">{{ .Site.Params.friends.title }}</h3> <h3 class="my-6">{{ .Site.Params.friends.title }}</h3>
<div id="friends"></div> <div id="friends"></div>
{{ end }} {{ end }}
</main> </main>
{{ end }} {{ end }}

View file

@ -1,4 +1,5 @@
<footer class="mt-8 flex sm:flex-col-reverse justify-between items-center"> <footer class="mt-8">
<div class="container mt-8 flex sm:flex-col-reverse justify-between items-center">
<p class="mt-0 text-sm"> <p class="mt-0 text-sm">
{{ .Site.Copyright }} | {{ .Site.Copyright }} |
<a href="https://gohugo.io" target="_blank" rel="noopener noreferrer">Hugo</a> on <a href="https://gohugo.io" target="_blank" rel="noopener noreferrer">Hugo</a> on
@ -15,4 +16,5 @@
</a> </a>
{{ end }} {{ end }}
</p> </p>
</div>
</footer> </footer>

View file

@ -15,18 +15,18 @@
</title> </title>
{{ $favicon := "favicon.ico" }} {{ $favicon := "favicon.ico" }}
<link rel="shortcut icon" href="{{ $favicon | relURL }}" type="image/x-icon" /> <link rel="shortcut icon" href="{{ $favicon | relURL }}" type="image/x-icon" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&display=swap"
rel="stylesheet">
{{ $hash := now.Unix }} {{ $hash := now.Unix }}
{{ $options := (dict "targetPath" (printf `minima.%d.css` $hash) "outputStyle" "compressed" "enableSourceMap" true) }} {{ $options := (dict "targetPath" (printf `minima.%d.css` $hash) "outputStyle" "compressed" "enableSourceMap" true) }}
{{ $style := resources.Get "sass/main.scss" | resources.ToCSS $options }} {{ $style := resources.Get "sass/main.scss" | resources.ToCSS $options }}
<link rel="stylesheet" href="{{ $style.RelPermalink }}"> <link rel="stylesheet" href="{{ $style.RelPermalink }}">
{{ $options = (dict "targetPath" (printf `minima.%d.js` $hash) "minify" true) }} {{ $options = (dict "targetPath" (printf `minima.%d.js` $hash) "minify" true) }}
{{ $js := resources.Get "js/main.js" | js.Build $options | resources.ExecuteAsTemplate (printf `minima.%d.js` $hash) . }} {{ $js := resources.Get "js/main.js" | js.Build $options | resources.ExecuteAsTemplate (printf `minima.%d.js` $hash) . }}
<script defer type="text/javascript" src="{{ $js.RelPermalink }}"></script> <script defer type="text/javascript" src="{{ $js.RelPermalink }}"></script>
{{ if .IsTranslated }}
{{ range .Translations }}
<link rel="alternate" hreflang="{{ .Language.Lang }}" href="{{ .Permalink }}" title="{{ .Language.LanguageName }}">
{{ end }}
{{ end }}
</head> </head>
<script> <script>
// We will default to system theme color if no choice was made. // We will default to system theme color if no choice was made.

View file

@ -1,14 +1,23 @@
<header class="flex justify-between items-center mb-6 sm:my-3"> <header class="sm:my-3 my-6">
<div class="container">
<nav class="flex justify-between items-center">
<div class="flex items-center"> <div class="flex items-center">
{{ if .Site.Params.brand }} {{ if .Site.Params.brand }}
<div class="mr-3 text-3xl"><a href="/">{{ .Site.Params.brand }}</a></div> <div class="mr-3 text-3xl"><a href="/">{{ .Site.Params.brand }}</a></div>
{{ end }} {{ end }}
<div id="theme-switcher" class="text-4xl cursor-pointer">{{ index .Site.Params.switch 1 }}</div> <div id="theme-switcher" class="text-left text-4xl cursor-pointer">{{ index .Site.Params.switch 1 }}</div>
</div> </div>
<nav class="flex items-center <ul class="flex items-center font-medium
whitespace-nowrap overflow-x-auto overflow-y-hidden"> whitespace-nowrap overflow-x-auto overflow-y-hidden">
{{ range .Site.Menus.main }} {{ range .Site.Menus.main }}
<a class="ml-5" href="{{ .URL | absLangURL }}">{{ .Name }}</a> <li class="mx-2"><a href="{{ .URL | absLangURL }}">{{ .Name }}</a></li>
{{ end }} {{ end }}
</ul>
<ul class="flex item-center text-sm font-bold">
{{ range $.Site.Home.AllTranslations }}
<li class="ml-3"><a href="{{ .Permalink }}">{{ .Language.LanguageName }}</a></li>
{{ end}}
</ul>
</nav> </nav>
</div>
</header> </header>

View file

@ -1,10 +1,10 @@
<div class="flex justify-between sm:flex-col-reverse my-3 sm:mb-6 sm:mt-3"> <div class="flex justify-between sm:flex-col my-3 sm:mb-4 sm:mt-3">
{{ if .Page.Params.link }} {{ if .Page.Params.link }}
<a class="" href="{{ .Page.Params.link }}">{{ .Title }}</a> <a class="" href="{{ .Page.Params.link }}">{{ .Title }}</a>
{{ else }} {{ else }}
<a class="" href="{{ .RelPermalink }}">{{ .Title }}</a> <a class="" href="{{ .RelPermalink }}">{{ .Title }}</a>
{{ end }} {{ end }}
{{ if .Site.Params.displayDate }} {{ if .Site.Params.displayDate }}
<div class="sm:mb-1 sm:text-xs">{{ dateFormat .Site.Params.timeformat .Date }}</div> <div class="sm:mt-1 sm:text-xs">{{ dateFormat .Site.Params.timeformat .Date }}</div>
{{ end }} {{ end }}
</div> </div>

View file

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

View file

@ -11,11 +11,11 @@ features = ["Dark mode", "KaTeX", "Mermaid", "VSCode-style code highlighting", "
min_version = "0.41.0" min_version = "0.41.0"
[author] [author]
name = "XJJ" name = "Mivinci"
homepage = "https://xjj.pub" homepage = "https://mivinci.github.io/hugo-theme-minima"
# If porting an existing theme # If porting an existing theme
[original] [original]
name = "Minima" name = "Minima"
homepage = "https://adisaktijrs.github.io/minima" homepage = "https://adisaktijrs.github.io/minima"
repo = "https://github.com/adisaktijrs/hexo-theme-minima" repo = "https://github.com/adisaktijrs/hexo-theme-minima"