~acdw/old-blog-content

old-blog-content/templates/article.html -rw-r--r-- 1.7 KiB
fe27705eCase Duckworth Add poem 11 months ago
                                                                                
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<article>
    <header>
        <h1 class="title">$title$</h1>
        $if(subtitle)$<h3 class="subtitle">$subtitle$</h3>$endif$
        $if(date)$
        <time class="date dt-published" datetime="$date$">$date$</time>
        $endif$
    </header>
    <section class="acontent">
        <div class="content-side">

        $if(toc)$
        <details id="toc" open>
            <summary>Contents</summary>
            $toc$
        </details>
        $endif$

        $if(cover)$
        $if(cover-link)$<a href="$cover-link$">$endif$
        <img src="$cover$"
             alt="$if(cover-alt)$$cover-alt$$else$$title$$endif$"
             $if(cover-id)$id="$cover-id$"$endif$
             class="cover $if(cover-class)$$cover-class$$endif$"
             $if(cover-title)$title="$cover-title$"$endif$
        />
        $if(cover-link)$</a>$endif$
        $endif$

        </div>

        $if(series)$
        <div class="note series-note">
            <p>Part $seriesCurPos$ of the $seriesLength$-part
            series called "<a href="$seriesUrl$">$series$</a>"</p>
            $if(series-note)$<p>$series-note$</p>$endif$
        </div>
        $endif$

        $if(audio)$
        <div class="centered-wrapper">
        <audio controls>
            <source src="$audio$"
                    type="$if(audio-type)$$audio-type$$else$audio/ogg$endif$">
            <p>Your browser doesn't support HTML5 audio.
            Here is a <a href="$audio$">direct link to the audio</a>
            instead.</p>
        </audio>
        </div>
        $endif$

        $body$
    </section>
    <div style="clear:both;"></div>
    $if(updated)$
    <section id="updated">
        Last updated on <time>$updated$</time>
    </section>
    $endif$
</article>