{{if .List}}
<div class="course-grid">
  {{range .List}}
  <article class="course-card">
    <div class="card-topline"><span class="card-index">学习路径卡</span><span class="demo-stamp">[DEMO]</span></div>
    <h2><a href="{{.URL}}">{{.Title}}</a></h2>
    {{if .Description}}<p class="card-summary">{{.Description}}</p>{{end}}
    {{if .Ext}}
    <dl class="card-facts">
      {{$topic := index .Ext "topic"}}{{if $topic}}<div><dt>主题</dt><dd>{{$topic}}</dd></div>{{end}}
      {{$level := index .Ext "level"}}{{if $level}}<div><dt>程度参考</dt><dd>{{$level}}</dd></div>{{end}}
      {{$duration := index .Ext "duration"}}{{if $duration}}<div><dt>时长参考</dt><dd>{{$duration}}</dd></div>{{end}}
    </dl>
    {{end}}
    <a class="card-read" href="{{.URL}}">查看资料卡 <span aria-hidden="true">↗</span></a>
  </article>
  {{end}}
</div>
{{else}}
<div class="empty-state"><span>暂时没有目录条目</span><p>可以从主题索引继续浏览，或稍后再试。</p></div>
{{end}}