www.byjp.me/layouts/memex/list.html

{{ define "main" }}
    <main class="posts">

        {{ partial "memex-header.html" . }}

        <article>
            <hgroup class="post-title">
                <h1 class="p-name">
                    {{ with .Params.emoji }}<span data-emoji="{{.}}"></span>{{end}}
                    <a href="{{ .Permalink }}" class="noaccent u-url">{{ title (replace .Title "-" " ") }}</a>
                </h1>
            </hgroup>

            {{ with .Summary }}
                <div class="post-summary p-summary" aria-hidden="true">A memex category: {{ . }}</div>
            {{ end }}

            {{ if .Content }}
                <div class="post-content e-content">{{ .Content }}</div>
            {{ end }}
        </article>

        {{ $tags := slice }}
        {{ $extraPages := slice }}
        <h2>Notes</h2>
        <div class="side-by-side">
            <div class="double">
                {{ range .Pages }}
                    {{ if eq (len .Pages) 0 }}
                        {{ $extraPages = append . $extraPages }}
                    {{ else }}
                        <div class="posts-group">
                            <ul class="posts-list">
                                <li class="post-item">
                                    <a href="{{.Permalink}}">
                                        {{ if .Params.emoji }}<span class="post-emoji">{{ .Params.emoji }}</span>{{ end }}
                                        <span class="post-title em">{{.Title}}</span>
                                    </a>
                                </li>
                                {{ range .Pages }}
                                    {{ $tags = union $tags .Params.tags }}
                                    <li class="post-item">
                                        <a href="{{.Permalink}}">
                                            <span class="post-title">{{.Title}}</span>
                                        </a>
                                    </li>
                                {{ end }}
                            </ul>
                        </div>
                    {{ end }}
                {{ end }}

                {{ if gt (len $extraPages) 0 }}
                    <div class="posts-group">
                        <ul class="posts-list">
                        {{ range $extraPages }}
                            {{ $tags = union $tags .Params.tags }}
                            
                            <li class="post-item">
                                <a href="{{.Permalink}}">
                                    <span class="post-title">{{.Title}}</span>
                                </a>
                            </li>
                        {{ end }}
                        </ul>
                    </div>
                {{ end }}
            </div>

            <ol class="tags">
                {{ range (uniq (sort $tags)) }}
                    <li><a href="/tags/{{ . | lower }}">{{ . }}</a></li>
                {{ end }}
            </ol>
        </div>

        <hr />

        {{ partial "memex-footer.html" . }}
        
    </main>
{{ end }}