Files
cocoa-eh-hugo-theme/layouts/blog/single.html
Michael Noronha 969bd5ca4e Fix validation HTML validation errors (#62)
* Make the theme compliant with W3C standards (#55)

* Dropped the line because chrome tab is deprecated.

* On header, "li" elements are meant to surround the "a" elements and not the other way around.

* Dropped all section tags I could find at first glance, as they had no semantic meaning and were firing warnings at the W3C validator.

* Change "middot" from a helper div to a helper class since putting div's inside ul's is not compliant

* Fixed a problem of the previous commit. A middot would not hide if on mobile.

* Fix archetypes bug with Go templates

* Fix additional validation error in 404
2017-11-09 16:22:28 -06:00

78 lines
3.3 KiB
HTML

{{ partial "header.html" . }}
<div class="main post non-narrow zero-top-spacing column">
<div class="container">
<div class="content">
<div class="front-matter">
<div class="title-container">
{{ partial "page-heading" . }}
</div>
<div class="meta">
<div class="date" title="{{ .Date.Format .Site.Params.dateformfull }}">{{ .Date.Format .Site.Params.dateform }}</div>
{{ if not .Params.noauthor }}
{{ if .Params.author }}
<div class="author middot" title="{{ .Params.Author }}">{{ .Params.author }}</div>
{{end}}
{{end}}
<div class="reading-time middot">{{ .ReadingTime }} minute read</div>
<div class="tags">
<ul>
{{ range .Params.tags }}
<li class="middot"><a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a> </li>
{{ end }}
</ul>
</div>
<div class="tags">
<ul>
{{ if isset .Params "hacker_news_id" }}
<li class="middot"><a href="https://news.ycombinator.com/item?id={{ .Params.hacker_news_id }}">Hacker News</a> </li>
{{ end }}
{{ if isset .Params "lobsters_id" }}
<li class="middot"><a href="https://lobste.rs/s/{{ .Params.lobsters_id }}">Lobsters</a> </li>
{{ end }}
</ul>
</div>
</div>
</div>
<div class="markdown">
{{ partial "content" . }}
<br>
</div>
{{ if .Site.Params.share }}
<div class="share">
<a href="" class="ssk ssk-facebook"></a>
<a href="" class="ssk ssk-twitter"></a>
<a href="" class="ssk ssk-google-plus"></a>
<a href="" class="ssk ssk-linkedin"></a>
</div>
{{ end }}
{{ if .Site.Params.posts_navigation }}
<div class="navigation">
{{ if .PrevInSection }}
<div>
<img class="icon" src="/img/back.svg" alt="back" />
<a href="{{ .PrevInSection.Permalink }}">{{ .PrevInSection.Title }}</a>
</div>
{{ end }}
<div style="width: 100%;"></div>
{{ if .NextInSection }}
<div>
<a href="{{ .NextInSection.Permalink }}">{{ .NextInSection.Title }}</a>
<img class="icon" src="/img/next.svg" alt="next" />
</div>
{{ end }}
</div>
{{ end }}
<br>
<div class="disqus">
{{ template "_internal/disqus.html" . }}
</div>
{{ if .Site.Params.issoHost }}
<div class="isso" id="isso-thread"></div>
{{ end }}
</div>
</div>
</div>
{{ partial "footer.html" . }}