Update chroma: v0.10.0 -> v2

This commit is contained in:
Niklas Fasching 2022-05-30 17:16:31 +02:00
parent 2c87232bd4
commit 67951ec664
6 changed files with 113 additions and 107 deletions

View file

@ -1,4 +1,4 @@
2ca8531fdbcfcae02959ba8c810dda76 testdata/public/about.html
8a40ba056a514e37926f908c65f76ffe 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 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>
<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><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> &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> &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> &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> &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> &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><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> &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> &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> &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> &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><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> &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> &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> &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>
</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>