Improve page title handling and side menu templates
This commit is contained in:
parent
0dec1cd3a8
commit
561659ed53
6 changed files with 50 additions and 40 deletions
|
@ -101,8 +101,8 @@ There are few empty partials you can override in `layouts/partials/`
|
||||||
| -- | -- |
|
| -- | -- |
|
||||||
| `layouts/partials/docs/inject/head.html` | Before closing `<head>` tag |
|
| `layouts/partials/docs/inject/head.html` | Before closing `<head>` tag |
|
||||||
| `layouts/partials/docs/inject/body.html` | Before closing `<body>` tag |
|
| `layouts/partials/docs/inject/body.html` | Before closing `<body>` tag |
|
||||||
| `layouts/partials/docs/inject/nav-before.html` | Before `<nav>` menu block |
|
| `layouts/partials/docs/inject/nav-before.html` | At the beginning of `<nav>` menu block |
|
||||||
| `layouts/partials/docs/inject/nav-after.html` | After `<nav>` menu block |
|
| `layouts/partials/docs/inject/nav-after.html` | At the end of `<nav>` menu block |
|
||||||
|
|
||||||
|
|
||||||
## Contributing
|
## Contributing
|
||||||
|
|
|
@ -28,7 +28,6 @@ a {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
padding: 0 $padding-16;
|
|
||||||
color: $body-font-color;
|
color: $body-font-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -52,12 +51,16 @@ a {
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
padding-left: $padding-16;
|
padding-left: $padding-16;
|
||||||
|
|
||||||
|
li {
|
||||||
|
line-height: $padding-16 * 2;
|
||||||
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
display: block;
|
display: block;
|
||||||
color: $nav-link-color;
|
color: $nav-link-color;
|
||||||
padding: $padding-4 $padding-16;
|
|
||||||
text-transform: capitalize;
|
text-transform: capitalize;
|
||||||
|
|
||||||
&[href]:hover {
|
&[href]:hover {
|
||||||
|
|
|
@ -1,9 +1,9 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
|
<!-- {{ partial "docs/shared" }} -->
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
{{ partial "docs/html-head" . }}
|
{{ partial "docs/html-head" . }}
|
||||||
{{ partial "docs/inject/head" . }}
|
{{ partial "docs/inject/head" . }}
|
||||||
<title>{{ block "title" . }} {{- .Site.Title -}} {{ end }}</title>
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -27,7 +27,7 @@
|
||||||
<div class="pure-g">
|
<div class="pure-g">
|
||||||
|
|
||||||
<div class="pure-u book-page markdown">
|
<div class="pure-u book-page markdown">
|
||||||
{{ block "main" . }} {{- .Content -}} {{ end }}
|
{{- .Content -}}
|
||||||
</div>
|
</div>
|
||||||
{{ $showToC := default (default true .Site.Params.BookShowToC) .Params.bookshowtoc }}
|
{{ $showToC := default (default true .Site.Params.BookShowToC) .Params.bookshowtoc }}
|
||||||
{{ if and ($showToC) (.Page.TableOfContents) }}
|
{{ if and ($showToC) (.Page.TableOfContents) }}
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>{{- template "title" . }} | {{ .Site.Title -}}</title>
|
||||||
|
|
||||||
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto:300,400,700" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto:300,400,700" rel="stylesheet">
|
||||||
<link href="/css/pure-min.css" rel="stylesheet">
|
<link href="/css/pure-min.css" rel="stylesheet">
|
||||||
|
|
|
@ -1,3 +1,41 @@
|
||||||
|
<!-- Put configured sections list to .Scratch -->
|
||||||
|
{{ template "book-get-root-section" . }}
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
{{ range .Scratch.Get "BookSections" }}
|
||||||
|
{{ template "book-section" (dict "Section" . "CurrentPage" $.Permalink) }}
|
||||||
|
{{ end }}
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<!-- Single section of menu (recursive) -->
|
||||||
|
{{ define "book-section" }}
|
||||||
|
<li {{ if .Section.Params.booktopsection }}class="book-nav-section"{{ end }}>
|
||||||
|
|
||||||
|
{{ with .Section}}
|
||||||
|
{{- if .Content -}}
|
||||||
|
<a href="{{ .RelPermalink }}">{{- template "title" . -}}</a>
|
||||||
|
{{- else -}}
|
||||||
|
{{- template "title" . -}}
|
||||||
|
{{- end -}}
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
{{ range .Section.Sections }}
|
||||||
|
{{ template "book-section" (dict "Section" . "CurrentPage" $.CurrentPage) }}
|
||||||
|
{{ end }}
|
||||||
|
{{ range .Section.Pages }}
|
||||||
|
<li>
|
||||||
|
<a href="{{ .RelPermalink }}" class="{{ if eq $.CurrentPage .Permalink }}active{{ end }}">
|
||||||
|
{{- template "title" . -}}
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
{{ end }}
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
{{ define "book-get-root-section" }}
|
||||||
|
<!-- Complex logic to guess page title without .Title specified -->
|
||||||
{{ $bookSection := default "docs" .Site.Params.BookSection }}
|
{{ $bookSection := default "docs" .Site.Params.BookSection }}
|
||||||
{{ if eq $bookSection "*" }}
|
{{ if eq $bookSection "*" }}
|
||||||
{{ .Scratch.Set "BookSections" .Site.Sections }}
|
{{ .Scratch.Set "BookSections" .Site.Sections }}
|
||||||
|
@ -10,47 +48,4 @@
|
||||||
{{ .Scratch.Set "BookSections" $singleSection.Sections }}
|
{{ .Scratch.Set "BookSections" $singleSection.Sections }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
<ul>
|
|
||||||
{{ range .Scratch.Get "BookSections" }}
|
|
||||||
{{ template "book-section" (dict "Section" . "CurrentPage" $.Permalink) }}
|
|
||||||
{{ end }}
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<!-- Single section of menu (recursive) -->
|
|
||||||
{{ define "book-section" }}
|
|
||||||
<li {{ if .Section.Params.booktopsection }}class="book-nav-section"{{ end }}>
|
|
||||||
{{ template "book-heading" .Section }}
|
|
||||||
<ul>
|
|
||||||
{{ range .Section.Sections }}
|
|
||||||
{{ template "book-section" (dict "Section" . "CurrentPage" $.CurrentPage) }}
|
|
||||||
{{ end }}
|
|
||||||
{{ range .Section.Pages }}
|
|
||||||
<li>
|
|
||||||
<a href="{{ .RelPermalink }}" class="{{ if eq $.CurrentPage .Permalink }}active{{ end }}">
|
|
||||||
{{ default .Title (.File | humanize | title) }}
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{{ end }}
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
{{ end }}
|
|
||||||
|
|
||||||
<!-- Menu Heading -->
|
|
||||||
{{ define "book-heading" }}
|
|
||||||
|
|
||||||
{{ $sections := split (trim .Dir "/") "/" }}
|
|
||||||
{{ $title := index ($sections | last 1) 0 | humanize | title }}
|
|
||||||
{{ $title := default .Title $title }}
|
|
||||||
|
|
||||||
{{ if .Content }}
|
|
||||||
<a href="{{ .RelPermalink }}">
|
|
||||||
{{- $title -}}
|
|
||||||
</a>
|
|
||||||
{{ else }}
|
|
||||||
<a>
|
|
||||||
{{- $title -}}
|
|
||||||
</a>
|
|
||||||
{{ end }}
|
|
||||||
|
|
||||||
{{ end }}
|
{{ end }}
|
11
layouts/partials/docs/shared.html
Normal file
11
layouts/partials/docs/shared.html
Normal file
|
@ -0,0 +1,11 @@
|
||||||
|
<!-- These templates contains some more complex logic and shared between partials-->
|
||||||
|
{{ define "title" }}
|
||||||
|
{{- if .Pages -}}
|
||||||
|
{{ $sections := split (trim .Dir "/") "/" }}
|
||||||
|
{{ $title := index ($sections | last 1) 0 | humanize | title }}
|
||||||
|
{{- default .Title $title -}}
|
||||||
|
{{- else -}}
|
||||||
|
{{ $title := .File | humanize | title }}
|
||||||
|
{{- default .Title $title -}}
|
||||||
|
{{- end -}}
|
||||||
|
{{ end }}
|
Loading…
Reference in a new issue