{{ define "main" }}
<div class="w-100 ph4 pb5 pb6-ns pt1 mt4 pt3-ns">
    <div class="flex-l">
        <div class="order-2 w-100 w-20-l ph5-m ph0-l mb4 sticky">
            <aside class="fixed-lTK mw5-l right-0 f6 bl-l b--moon-gray pv4 pv0-ns ph4-l nested-list-reset nested-links nested-copy-line-height">
                <p class="b">What's on this Page</p>
                <ul>
                    <li><a href="#last-updated">Last Updated</a></li>
                    <li><a href="#least-recently-updated">Least Recently Updated</a></li>
                     <li><a href="#todos">Pages marked with TODO</a></li>
                </ul>
            </aside>
        </div>
        <div class="w-100">
            {{ $byLastMod :=  .Site.RegularPages.ByLastmod  }}
            {{ $recent := ($byLastMod | last 30).Reverse }}
            {{ $leastRecent := $byLastMod | first 10 }}            
            <h2 id="last-updated">Last Updated</h2>
            {{ partial "maintenance-pages-table" $recent }}
            <h2 id="least-recently-updated">Least Recently Updated</h2>
            {{ partial "maintenance-pages-table" $leastRecent }}

            {{/* Don't think this is possible with where directly. Should investigate. */}}
            {{ .Scratch.Set "todos" slice }}
            {{ range .Site.RegularPages }}
                 {{ if .HasShortcode "todo" }}
                 {{ $.Scratch.Add "todos" . }}
                 {{ end }}
            {{ end }}
            <h2 id="todos">Pages marked with TODO</h2>
            {{ partial "maintenance-pages-table" (.Scratch.Get "todos") }}

        </div>
    </div>
</div>
{{ end }}