Update chroma to 0.10.0

- 0.9.2 added `tabindex="0"` to `pre`:
  https://github.com/alecthomas/chroma/pull/515
- 0.10.0 changed around divs and spans, pre and code
  https://github.com/alecthomas/chroma/pull/571
  https://github.com/alecthomas/chroma/pull/572
This commit is contained in:
Elliott Sales de Andrade 2022-02-28 00:21:06 -05:00
parent 65699c036b
commit 2e821b8b7c
4 changed files with 117 additions and 136 deletions

View file

@ -1,4 +1,4 @@
a23f3b21b036af74ce0dc3b0f6a4d8d7 testdata/public/about.html
2ca8531fdbcfcae02959ba8c810dda76 testdata/public/about.html
b93d8331258932e6bb18d866329b5e4e testdata/public/another-post.html
a4e5753838107f8cf44f8dfabc577c04 testdata/public/index.html
6e770ea67bb154191530585cc60c8c2f testdata/public/some-post.html

View file

@ -29,110 +29,110 @@
This site is generated from <a href="https://github.com/niklasfasching/go-org/tree/master/blorg/testdata/content">go-org/blorg/testdata/content</a> using the configuration in <a href="https://github.com/niklasfasching/go-org/blob/master/blorg/testdata/blorg.org">blorg.org</a></p>
<div class="src src-org">
<div class="highlight">
<pre style="background-color:#fff"><span style="color:#999;font-weight:bold;font-style:italic">#+AUTHOR</span><span style="color:#998;font-style:italic">: testdata</span>
<span style="color:#999;font-weight:bold;font-style:italic">#+TITLE</span><span style="color:#998;font-style:italic">: blorg</span>
<span style="color:#999;font-weight:bold;font-style:italic">#+BASE_URL</span><span style="color:#998;font-style:italic">: /go-org/blorg</span>
<span style="color:#999;font-weight:bold;font-style:italic">#+OPTIONS</span><span style="color:#998;font-style:italic">: toc:nil title:nil</span>
<span style="color:#999;font-weight:bold;font-style:italic">#+CONTENT</span><span style="color:#998;font-style:italic">: ./content</span>
<span style="color:#999;font-weight:bold;font-style:italic">#+PUBLIC</span><span style="color:#998;font-style:italic">: ./public</span>
<span style="color:#999">*</span><span style="font-weight:bold"> templates</span>
<span style="color:#aaa">**</span> head
<span style="color:#999;font-weight:bold;font-style:italic">#+name</span><span style="color:#998;font-style:italic">: head</span>
<span style="color:#998;font-style:italic">#+begin_src </span><span style="color:#999;font-weight:bold;font-style:italic">html</span><span style="color:#998;font-style:italic">
</span><span style="color:#998;font-style:italic"></span>&lt;<span style="color:#000080">head</span>&gt;
&lt;<span style="color:#000080">meta</span> <span style="color:#008080">charset</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;utf-8&#34;</span>&gt;
&lt;<span style="color:#000080">meta</span> <span style="color:#008080">name</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;viewport&#34;</span> <span style="color:#008080">content</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;width=device-width, initial-scale=1&#34;</span> /&gt;
&lt;<span style="color:#000080">link</span> <span style="color:#008080">rel</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;stylesheet&#34;</span> <span style="color:#008080">href</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;/go-org/blorg/style.css&#34;</span> <span style="color:#008080">type</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;text/css&#34;</span> /&gt;
&lt;<span style="color:#000080">title</span>&gt;{{ .Title }}&lt;/<span style="color:#000080">title</span>&gt;
&lt;/<span style="color:#000080">head</span>&gt;
<span style="color:#998;font-style:italic">#+end_src</span>
<span style="color:#aaa">**</span> header
<span style="color:#999;font-weight:bold;font-style:italic">#+name</span><span style="color:#998;font-style:italic">: header</span>
<span style="color:#998;font-style:italic">#+begin_src </span><span style="color:#999;font-weight:bold;font-style:italic">html</span><span style="color:#998;font-style:italic">
</span><span style="color:#998;font-style:italic"></span>&lt;<span style="color:#000080">header</span> <span style="color:#008080">class</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#39;header&#39;</span>&gt;
&lt;<span style="color:#000080">a</span> <span style="color:#008080">class</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;logo&#34;</span> <span style="color:#008080">href</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;/go-org/blorg&#34;</span>&gt;home&lt;/<span style="color:#000080">a</span>&gt;
&lt;<span style="color:#000080">nav</span>&gt;
&lt;<span style="color:#000080">a</span> <span style="color:#008080">href</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;https://www.github.com/niklasfasching/go-org&#34;</span>&gt;github&lt;/<span style="color:#000080">a</span>&gt;
&lt;/<span style="color:#000080">nav</span>&gt;
&lt;/<span style="color:#000080">header</span>&gt;
<span style="color:#998;font-style:italic">#+end_src</span>
<span style="color:#aaa">**</span> item
<span style="color:#999;font-weight:bold;font-style:italic">#+name</span><span style="color:#998;font-style:italic">: item</span>
<span style="color:#998;font-style:italic">#+begin_src </span><span style="color:#999;font-weight:bold;font-style:italic">html</span><span style="color:#998;font-style:italic">
</span><span style="color:#998;font-style:italic"></span><span style="color:#999;font-weight:bold;font-style:italic">&lt;!doctype html&gt;</span>
&lt;<span style="color:#000080">html</span>&gt;
{{ template &#34;head&#34; . }}
&lt;<span style="color:#000080">body</span>&gt;
{{ template &#34;header&#34; . }}
&lt;<span style="color:#000080">div</span> <span style="color:#008080">class</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;container&#34;</span>&gt;
&lt;<span style="color:#000080">h1</span> <span style="color:#008080">class</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;title&#34;</span>&gt;{{ .Title }}
&lt;<span style="color:#000080">br</span>&gt;
&lt;<span style="color:#000080">span</span> <span style="color:#008080">class</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;subtitle&#34;</span>&gt;{{ .Subtitle }}&lt;/<span style="color:#000080">span</span>&gt;
&lt;/<span style="color:#000080">h1</span>&gt;
&lt;<span style="color:#000080">ul</span> <span style="color:#008080">class</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;tags&#34;</span>&gt;
{{ range .Tags }}
&lt;<span style="color:#000080">li</span>&gt;&lt;<span style="color:#000080">a</span> <span style="color:#008080">href</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;/go-org/blorg/tags/{{ . | Slugify }}&#34;</span>&gt;{{ . }}&lt;/<span style="color:#000080">a</span>&gt;&lt;/<span style="color:#000080">li</span>&gt;
{{ end }}
&lt;/<span style="color:#000080">ul</span>&gt;
{{ .Content }}
&lt;/<span style="color:#000080">div</span>&gt;
&lt;/<span style="color:#000080">body</span>&gt;
&lt;/<span style="color:#000080">html</span>&gt;
<span style="color:#998;font-style:italic">#+end_src</span>
<span style="color:#aaa">**</span> list
<span style="color:#999;font-weight:bold;font-style:italic">#+name</span><span style="color:#998;font-style:italic">: list</span>
<span style="color:#998;font-style:italic">#+begin_src </span><span style="color:#999;font-weight:bold;font-style:italic">html</span><span style="color:#998;font-style:italic">
</span><span style="color:#998;font-style:italic"></span><span style="color:#999;font-weight:bold;font-style:italic">&lt;!doctype html&gt;</span>
&lt;<span style="color:#000080">html</span>&gt;
{{ template &#34;head&#34; . }}
&lt;<span style="color:#000080">body</span>&gt;
{{ template &#34;header&#34; . }}
&lt;<span style="color:#000080">div</span> <span style="color:#008080">class</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;container&#34;</span>&gt;
&lt;<span style="color:#000080">h1</span> <span style="color:#008080">class</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;title&#34;</span>&gt;{{ .Title }}&lt;/<span style="color:#000080">h1</span>&gt;
&lt;<span style="color:#000080">ul</span> <span style="color:#008080">class</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;posts&#34;</span>&gt;
{{ range .Pages }}
&lt;<span style="color:#000080">li</span> <span style="color:#008080">class</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;post&#34;</span>&gt;
&lt;<span style="color:#000080">a</span> <span style="color:#008080">href</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;{{ .PermaLink }}&#34;</span>&gt;
&lt;<span style="color:#000080">date</span>&gt;{{ .Date.Format &#34;02.01.2006&#34; }}&lt;/<span style="color:#000080">date</span>&gt;
&lt;<span style="color:#000080">span</span>&gt;{{ .Title }}&lt;/<span style="color:#000080">span</span>&gt;
&lt;/<span style="color:#000080">a</span>&gt;
&lt;/<span style="color:#000080">li</span>&gt;
{{ end }}
&lt;/<span style="color:#000080">ul</span>&gt;
&lt;<span style="color:#000080">ul</span>&gt;
&lt;/<span style="color:#000080">div</span>&gt;
&lt;/<span style="color:#000080">body</span>&gt;
&lt;/<span style="color:#000080">html</span>&gt;
<span style="color:#998;font-style:italic">#+end_src</span>
<span style="color:#aaa">**</span> index
<span style="color:#999;font-weight:bold;font-style:italic">#+name</span><span style="color:#998;font-style:italic">: index</span>
<span style="color:#998;font-style:italic">#+begin_src </span><span style="color:#999;font-weight:bold;font-style:italic">html</span><span style="color:#998;font-style:italic">
</span><span style="color:#998;font-style:italic"></span><span style="color:#999;font-weight:bold;font-style:italic">&lt;!doctype html&gt;</span>
&lt;<span style="color:#000080">html</span>&gt;
{{ template &#34;head&#34; . }}
&lt;<span style="color:#000080">body</span>&gt;
{{ template &#34;header&#34; . }}
&lt;<span style="color:#000080">div</span> <span style="color:#008080">class</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;container&#34;</span>&gt;
&lt;<span style="color:#000080">h1</span> <span style="color:#008080">class</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;title&#34;</span>&gt;{{ .Title }}&lt;/<span style="color:#000080">h1</span>&gt;
&lt;<span style="color:#000080">p</span>&gt;Only pages that have a date will be listed here - e.g. not &lt;<span style="color:#000080">a</span> <span style="color:#008080">href</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;about.html&#34;</span>&gt;about.html&lt;/<span style="color:#000080">a</span>&gt;
&lt;<span style="color:#000080">ul</span> <span style="color:#008080">class</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;posts&#34;</span>&gt;
{{ range .Pages }}
&lt;<span style="color:#000080">li</span> <span style="color:#008080">class</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;post&#34;</span>&gt;
&lt;<span style="color:#000080">a</span> <span style="color:#008080">href</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;{{ .PermaLink }}&#34;</span>&gt;
&lt;<span style="color:#000080">date</span>&gt;{{ .Date.Format &#34;02.01.2006&#34; }}&lt;/<span style="color:#000080">date</span>&gt;
&lt;<span style="color:#000080">span</span>&gt;{{ .Title }}&lt;/<span style="color:#000080">span</span>&gt;
&lt;/<span style="color:#000080">a</span>&gt;
&lt;/<span style="color:#000080">li</span>&gt;
{{ end }}
&lt;/<span style="color:#000080">ul</span>&gt;
&lt;<span style="color:#000080">ul</span>&gt;
&lt;/<span style="color:#000080">div</span>&gt;
&lt;/<span style="color:#000080">body</span>&gt;
&lt;/<span style="color:#000080">html</span>&gt;
<span style="color:#998;font-style:italic">#+end_src</span></pre>
<pre tabindex="0" style="background-color:#fff;"><code><span style="display:flex;"><span><span style="color:#999;font-weight:bold;font-style:italic">#+AUTHOR</span><span style="color:#998;font-style:italic">: testdata</span>
</span></span><span style="display:flex;"><span><span style="color:#999;font-weight:bold;font-style:italic">#+TITLE</span><span style="color:#998;font-style:italic">: blorg</span>
</span></span><span style="display:flex;"><span><span style="color:#999;font-weight:bold;font-style:italic">#+BASE_URL</span><span style="color:#998;font-style:italic">: /go-org/blorg</span>
</span></span><span style="display:flex;"><span><span style="color:#999;font-weight:bold;font-style:italic">#+OPTIONS</span><span style="color:#998;font-style:italic">: toc:nil title:nil</span>
</span></span><span style="display:flex;"><span><span style="color:#999;font-weight:bold;font-style:italic">#+CONTENT</span><span style="color:#998;font-style:italic">: ./content</span>
</span></span><span style="display:flex;"><span><span style="color:#999;font-weight:bold;font-style:italic">#+PUBLIC</span><span style="color:#998;font-style:italic">: ./public</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#999">*</span><span style="font-weight:bold"> templates</span>
</span></span><span style="display:flex;"><span><span style="color:#aaa">**</span> head
</span></span><span style="display:flex;"><span><span style="color:#999;font-weight:bold;font-style:italic">#+name</span><span style="color:#998;font-style:italic">: head</span>
</span></span><span style="display:flex;"><span><span style="color:#998;font-style:italic">#+begin_src </span><span style="color:#999;font-weight:bold;font-style:italic">html</span><span style="color:#998;font-style:italic">
</span></span></span><span style="display:flex;"><span><span style="color:#998;font-style:italic"></span>&lt;<span style="color:#000080">head</span>&gt;
</span></span><span style="display:flex;"><span> &lt;<span style="color:#000080">meta</span> <span style="color:#008080">charset</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;utf-8&#34;</span>&gt;
</span></span><span style="display:flex;"><span> &lt;<span style="color:#000080">meta</span> <span style="color:#008080">name</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;viewport&#34;</span> <span style="color:#008080">content</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;width=device-width, initial-scale=1&#34;</span> /&gt;
</span></span><span style="display:flex;"><span> &lt;<span style="color:#000080">link</span> <span style="color:#008080">rel</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;stylesheet&#34;</span> <span style="color:#008080">href</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;/go-org/blorg/style.css&#34;</span> <span style="color:#008080">type</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;text/css&#34;</span> /&gt;
</span></span><span style="display:flex;"><span> &lt;<span style="color:#000080">title</span>&gt;{{ .Title }}&lt;/<span style="color:#000080">title</span>&gt;
</span></span><span style="display:flex;"><span>&lt;/<span style="color:#000080">head</span>&gt;
</span></span><span style="display:flex;"><span><span style="color:#998;font-style:italic">#+end_src</span>
</span></span><span style="display:flex;"><span><span style="color:#aaa">**</span> header
</span></span><span style="display:flex;"><span><span style="color:#999;font-weight:bold;font-style:italic">#+name</span><span style="color:#998;font-style:italic">: header</span>
</span></span><span style="display:flex;"><span><span style="color:#998;font-style:italic">#+begin_src </span><span style="color:#999;font-weight:bold;font-style:italic">html</span><span style="color:#998;font-style:italic">
</span></span></span><span style="display:flex;"><span><span style="color:#998;font-style:italic"></span>&lt;<span style="color:#000080">header</span> <span style="color:#008080">class</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#39;header&#39;</span>&gt;
</span></span><span style="display:flex;"><span> &lt;<span style="color:#000080">a</span> <span style="color:#008080">class</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;logo&#34;</span> <span style="color:#008080">href</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;/go-org/blorg&#34;</span>&gt;home&lt;/<span style="color:#000080">a</span>&gt;
</span></span><span style="display:flex;"><span> &lt;<span style="color:#000080">nav</span>&gt;
</span></span><span style="display:flex;"><span> &lt;<span style="color:#000080">a</span> <span style="color:#008080">href</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;https://www.github.com/niklasfasching/go-org&#34;</span>&gt;github&lt;/<span style="color:#000080">a</span>&gt;
</span></span><span style="display:flex;"><span> &lt;/<span style="color:#000080">nav</span>&gt;
</span></span><span style="display:flex;"><span>&lt;/<span style="color:#000080">header</span>&gt;
</span></span><span style="display:flex;"><span><span style="color:#998;font-style:italic">#+end_src</span>
</span></span><span style="display:flex;"><span><span style="color:#aaa">**</span> item
</span></span><span style="display:flex;"><span><span style="color:#999;font-weight:bold;font-style:italic">#+name</span><span style="color:#998;font-style:italic">: item</span>
</span></span><span style="display:flex;"><span><span style="color:#998;font-style:italic">#+begin_src </span><span style="color:#999;font-weight:bold;font-style:italic">html</span><span style="color:#998;font-style:italic">
</span></span></span><span style="display:flex;"><span><span style="color:#998;font-style:italic"></span><span style="color:#999;font-weight:bold;font-style:italic">&lt;!doctype html&gt;</span>
</span></span><span style="display:flex;"><span>&lt;<span style="color:#000080">html</span>&gt;
</span></span><span style="display:flex;"><span> {{ template &#34;head&#34; . }}
</span></span><span style="display:flex;"><span> &lt;<span style="color:#000080">body</span>&gt;
</span></span><span style="display:flex;"><span> {{ template &#34;header&#34; . }}
</span></span><span style="display:flex;"><span> &lt;<span style="color:#000080">div</span> <span style="color:#008080">class</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;container&#34;</span>&gt;
</span></span><span style="display:flex;"><span> &lt;<span style="color:#000080">h1</span> <span style="color:#008080">class</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;title&#34;</span>&gt;{{ .Title }}
</span></span><span style="display:flex;"><span> &lt;<span style="color:#000080">br</span>&gt;
</span></span><span style="display:flex;"><span> &lt;<span style="color:#000080">span</span> <span style="color:#008080">class</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;subtitle&#34;</span>&gt;{{ .Subtitle }}&lt;/<span style="color:#000080">span</span>&gt;
</span></span><span style="display:flex;"><span> &lt;/<span style="color:#000080">h1</span>&gt;
</span></span><span style="display:flex;"><span> &lt;<span style="color:#000080">ul</span> <span style="color:#008080">class</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;tags&#34;</span>&gt;
</span></span><span style="display:flex;"><span> {{ range .Tags }}
</span></span><span style="display:flex;"><span> &lt;<span style="color:#000080">li</span>&gt;&lt;<span style="color:#000080">a</span> <span style="color:#008080">href</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;/go-org/blorg/tags/{{ . | Slugify }}&#34;</span>&gt;{{ . }}&lt;/<span style="color:#000080">a</span>&gt;&lt;/<span style="color:#000080">li</span>&gt;
</span></span><span style="display:flex;"><span> {{ end }}
</span></span><span style="display:flex;"><span> &lt;/<span style="color:#000080">ul</span>&gt;
</span></span><span style="display:flex;"><span> {{ .Content }}
</span></span><span style="display:flex;"><span> &lt;/<span style="color:#000080">div</span>&gt;
</span></span><span style="display:flex;"><span> &lt;/<span style="color:#000080">body</span>&gt;
</span></span><span style="display:flex;"><span>&lt;/<span style="color:#000080">html</span>&gt;
</span></span><span style="display:flex;"><span><span style="color:#998;font-style:italic">#+end_src</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#aaa">**</span> list
</span></span><span style="display:flex;"><span><span style="color:#999;font-weight:bold;font-style:italic">#+name</span><span style="color:#998;font-style:italic">: list</span>
</span></span><span style="display:flex;"><span><span style="color:#998;font-style:italic">#+begin_src </span><span style="color:#999;font-weight:bold;font-style:italic">html</span><span style="color:#998;font-style:italic">
</span></span></span><span style="display:flex;"><span><span style="color:#998;font-style:italic"></span><span style="color:#999;font-weight:bold;font-style:italic">&lt;!doctype html&gt;</span>
</span></span><span style="display:flex;"><span>&lt;<span style="color:#000080">html</span>&gt;
</span></span><span style="display:flex;"><span> {{ template &#34;head&#34; . }}
</span></span><span style="display:flex;"><span> &lt;<span style="color:#000080">body</span>&gt;
</span></span><span style="display:flex;"><span> {{ template &#34;header&#34; . }}
</span></span><span style="display:flex;"><span> &lt;<span style="color:#000080">div</span> <span style="color:#008080">class</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;container&#34;</span>&gt;
</span></span><span style="display:flex;"><span> &lt;<span style="color:#000080">h1</span> <span style="color:#008080">class</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;title&#34;</span>&gt;{{ .Title }}&lt;/<span style="color:#000080">h1</span>&gt;
</span></span><span style="display:flex;"><span> &lt;<span style="color:#000080">ul</span> <span style="color:#008080">class</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;posts&#34;</span>&gt;
</span></span><span style="display:flex;"><span> {{ range .Pages }}
</span></span><span style="display:flex;"><span> &lt;<span style="color:#000080">li</span> <span style="color:#008080">class</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;post&#34;</span>&gt;
</span></span><span style="display:flex;"><span> &lt;<span style="color:#000080">a</span> <span style="color:#008080">href</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;{{ .PermaLink }}&#34;</span>&gt;
</span></span><span style="display:flex;"><span> &lt;<span style="color:#000080">date</span>&gt;{{ .Date.Format &#34;02.01.2006&#34; }}&lt;/<span style="color:#000080">date</span>&gt;
</span></span><span style="display:flex;"><span> &lt;<span style="color:#000080">span</span>&gt;{{ .Title }}&lt;/<span style="color:#000080">span</span>&gt;
</span></span><span style="display:flex;"><span> &lt;/<span style="color:#000080">a</span>&gt;
</span></span><span style="display:flex;"><span> &lt;/<span style="color:#000080">li</span>&gt;
</span></span><span style="display:flex;"><span> {{ end }}
</span></span><span style="display:flex;"><span> &lt;/<span style="color:#000080">ul</span>&gt;
</span></span><span style="display:flex;"><span> &lt;<span style="color:#000080">ul</span>&gt;
</span></span><span style="display:flex;"><span> &lt;/<span style="color:#000080">div</span>&gt;
</span></span><span style="display:flex;"><span> &lt;/<span style="color:#000080">body</span>&gt;
</span></span><span style="display:flex;"><span>&lt;/<span style="color:#000080">html</span>&gt;
</span></span><span style="display:flex;"><span><span style="color:#998;font-style:italic">#+end_src</span>
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#aaa">**</span> index
</span></span><span style="display:flex;"><span><span style="color:#999;font-weight:bold;font-style:italic">#+name</span><span style="color:#998;font-style:italic">: index</span>
</span></span><span style="display:flex;"><span><span style="color:#998;font-style:italic">#+begin_src </span><span style="color:#999;font-weight:bold;font-style:italic">html</span><span style="color:#998;font-style:italic">
</span></span></span><span style="display:flex;"><span><span style="color:#998;font-style:italic"></span><span style="color:#999;font-weight:bold;font-style:italic">&lt;!doctype html&gt;</span>
</span></span><span style="display:flex;"><span>&lt;<span style="color:#000080">html</span>&gt;
</span></span><span style="display:flex;"><span> {{ template &#34;head&#34; . }}
</span></span><span style="display:flex;"><span> &lt;<span style="color:#000080">body</span>&gt;
</span></span><span style="display:flex;"><span> {{ template &#34;header&#34; . }}
</span></span><span style="display:flex;"><span> &lt;<span style="color:#000080">div</span> <span style="color:#008080">class</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;container&#34;</span>&gt;
</span></span><span style="display:flex;"><span> &lt;<span style="color:#000080">h1</span> <span style="color:#008080">class</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;title&#34;</span>&gt;{{ .Title }}&lt;/<span style="color:#000080">h1</span>&gt;
</span></span><span style="display:flex;"><span> &lt;<span style="color:#000080">p</span>&gt;Only pages that have a date will be listed here - e.g. not &lt;<span style="color:#000080">a</span> <span style="color:#008080">href</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;about.html&#34;</span>&gt;about.html&lt;/<span style="color:#000080">a</span>&gt;
</span></span><span style="display:flex;"><span> &lt;<span style="color:#000080">ul</span> <span style="color:#008080">class</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;posts&#34;</span>&gt;
</span></span><span style="display:flex;"><span> {{ range .Pages }}
</span></span><span style="display:flex;"><span> &lt;<span style="color:#000080">li</span> <span style="color:#008080">class</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;post&#34;</span>&gt;
</span></span><span style="display:flex;"><span> &lt;<span style="color:#000080">a</span> <span style="color:#008080">href</span><span style="color:#000;font-weight:bold">=</span><span style="color:#d14">&#34;{{ .PermaLink }}&#34;</span>&gt;
</span></span><span style="display:flex;"><span> &lt;<span style="color:#000080">date</span>&gt;{{ .Date.Format &#34;02.01.2006&#34; }}&lt;/<span style="color:#000080">date</span>&gt;
</span></span><span style="display:flex;"><span> &lt;<span style="color:#000080">span</span>&gt;{{ .Title }}&lt;/<span style="color:#000080">span</span>&gt;
</span></span><span style="display:flex;"><span> &lt;/<span style="color:#000080">a</span>&gt;
</span></span><span style="display:flex;"><span> &lt;/<span style="color:#000080">li</span>&gt;
</span></span><span style="display:flex;"><span> {{ end }}
</span></span><span style="display:flex;"><span> &lt;/<span style="color:#000080">ul</span>&gt;
</span></span><span style="display:flex;"><span> &lt;<span style="color:#000080">ul</span>&gt;
</span></span><span style="display:flex;"><span> &lt;/<span style="color:#000080">div</span>&gt;
</span></span><span style="display:flex;"><span> &lt;/<span style="color:#000080">body</span>&gt;
</span></span><span style="display:flex;"><span>&lt;/<span style="color:#000080">html</span>&gt;
</span></span><span style="display:flex;"><span><span style="color:#998;font-style:italic">#+end_src</span></span></span></code></pre>
</div>
</div>