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
This commit is contained in:
Michael Noronha
2017-11-09 16:22:28 -06:00
committed by GitHub
parent b1fa4bb421
commit 969bd5ca4e
14 changed files with 217 additions and 199 deletions

View File

@@ -1,6 +1,6 @@
{{ partial "header.html" . }}
<section class="main post non-narrow zero-top-spacing">
<div class="main post non-narrow zero-top-spacing column">
<div class="container">
<div class="content">
<div class="front-matter">
@@ -11,27 +11,24 @@
<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" title="{{ .Params.Author }}"><div class="middot"></div>{{ .Params.author }}</div>
<div class="author middot" title="{{ .Params.Author }}">{{ .Params.author }}</div>
{{end}}
{{end}}
<div class="reading-time"><div class="middot"></div>{{ .ReadingTime }} minute read</div>
<div class="reading-time middot">{{ .ReadingTime }} minute read</div>
<div class="tags">
<ul>
{{ range .Params.tags }}
<div class="middot"></div>
<li><a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a> </li>
<li class="middot"><a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a> </li>
{{ end }}
</ul>
</div>
<div class="tags">
<ul>
{{ if isset .Params "hacker_news_id" }}
<div class="middot"></div>
<li><a href="https://news.ycombinator.com/item?id={{ .Params.hacker_news_id }}">Hacker News</a> </li>
<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" }}
<div class="middot"></div>
<li><a href="https://lobste.rs/s/{{ .Params.lobsters_id }}">Lobsters</a> </li>
<li class="middot"><a href="https://lobste.rs/s/{{ .Params.lobsters_id }}">Lobsters</a> </li>
{{ end }}
</ul>
</div>
@@ -75,6 +72,6 @@
{{ end }}
</div>
</div>
</section>
</div>
{{ partial "footer.html" . }}