Add tags to theme and tags pages

This commit is contained in:
Alexis Tacnet
2017-04-08 18:51:22 +02:00
parent 382b79f31d
commit 408a4f21fb
3 changed files with 53 additions and 3 deletions

View File

@@ -0,0 +1,16 @@
{{ partial "header.html" . }}
<section class="main">
<div class="container">
<div class="content">
<div class="posts">
<div class="page-heading">Posts about {{ .Title }}</div>
<ul>
{{ range .Data.Pages.ByPublishDate }}
{{ partial "li.html" . }}
{{ end }}
</ul>
</div>
</div>
</div>
</section>
{{ partial "footer.html" . }}

View File

@@ -15,6 +15,14 @@
{{end}} {{end}}
{{end}} {{end}}
<div class="reading-time"><div class="middot"></div>{{ if eq 1 .ReadingTime }}{{ .ReadingTime }} minute read{{ else }}{{ .ReadingTime }} minutes read{{ end }}</div> <div class="reading-time"><div class="middot"></div>{{ if eq 1 .ReadingTime }}{{ .ReadingTime }} minute read{{ else }}{{ .ReadingTime }} minutes read{{ end }}</div>
<div class="tags">
<ul>
{{ range .Params.tags }}
<div class="middot"></div>
<li><a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a> </li>
{{ end }}
</ul>
</div>
</div> </div>
</div> </div>
<div class="markdown"> <div class="markdown">

View File

@@ -379,6 +379,7 @@ section.main .content .front-matter .meta {
} }
section.main .content .front-matter .date, section.main .content .front-matter .date,
section.main .content .front-matter .author, section.main .content .front-matter .author,
section.main .content .front-matter .tags,
section.main .content .front-matter .word-count, section.main .content .front-matter .word-count,
section.main .content .front-matter .reading-time .middot { section.main .content .front-matter .reading-time .middot {
display: none; display: none;
@@ -392,16 +393,41 @@ section.main .content .front-matter .middot {
section.main .content .front-matter .middot:before { section.main .content .front-matter .middot:before {
content: "•"; content: "•";
} }
section.main .content .front-matter .tags ul {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
section.main .content .front-matter .tags ul li {
-webkit-transition: opacity 0.1s cubic-bezier(0.47, 0, 0.75, 0.72);
-moz-transition: opacity 0.1s cubic-bezier(0.47, 0, 0.75, 0.72);
-ms-transition: opacity 0.1s cubic-bezier(0.47, 0, 0.75, 0.72);
-o-transition: opacity 0.1s cubic-bezier(0.47, 0, 0.75, 0.72);
}
section.main .content .front-matter .tags ul li:hover {
opacity: 0.7;
}
section.main .content .front-matter .tags ul li a {
color: #666666;
}
@media (min-width: 600px) { @media (min-width: 600px) {
section.main .content .front-matter .date, section.main .content .front-matter .date,
section.main .content .front-matter .author, section.main .content .front-matter .author,
section.main .content .front-matter .tags,
section.main .content .front-matter .word-count, section.main .content .front-matter .word-count,
section.main .content .front-matter .reading-time .middot { section.main .content .front-matter .reading-time .middot {
display: initial; display: initial;
} }
section.main .content .title-container .initials {
display: none;
}
} }
section.main .container.f04 { section.main .container.f04 {
-webkit-justify-content: center; -webkit-justify-content: center;