Move the heading generating to a partial that iteratively wraps each character of the heading in a <span>. The CSS for the site heading uses :nth-child to color each span a different color.
18 lines
504 B
HTML
18 lines
504 B
HTML
{{ define "body" }}
|
|
<main>
|
|
<div class="platter grid">
|
|
<h1 class="site">{{ partial "site_name.html" .Title }}</h1>
|
|
<div id="content">
|
|
{{ .Content }}
|
|
</div>
|
|
{{- with site.Menus.main -}}
|
|
{{- $url := $.RelPermalink -}}
|
|
<nav class="site bulleted">
|
|
{{- range . -}}
|
|
<li><a class="{{ if eq .URL $url }}active{{ end }}" href="{{ .URL }}"><span>{{ i18n .Identifier | default .Name }}</span></a></li>
|
|
{{- end -}}
|
|
</nav>
|
|
{{ end }}
|
|
</div>
|
|
</main>
|
|
{{ end }}
|