_content/learn/index.md
</div>
</div>
{{define "learn-card"}}
<div class="Card"> <div class="Card-inner"> {{- if .thumbnailDark}} <div class="Card-thumbnail DarkMode-img" style="background-image: url('{{.thumbnailDark}}')" ></div> {{- else if .thumbnail}} <div class="Card-thumbnail DarkMode-img" style="background-image: url('{{.thumbnail}}')" ></div> {{- end}} {{- if .thumbnail}} <div class="Card-thumbnail LightMode-img" style="background-image: url('{{.thumbnail}}')" ></div> {{- end}} <div class="Card-content"> <div class="Card-contentTitle">{{.title}}</div> <p class="Card-contentBody Card-lineClamp">{{raw .content}}</p> <div class="Card-contentCta"> <a href="{{.url}}" target="_blank"> <span>{{.cta}}</span> </a> </div> </div> </div> </div> {{- end}}{{define "learn-self-paced-card"}}
<div class="Card"> <a href="{{.url}}" target="_blank" rel="noopener"> <div class="Card-inner"> {{- if .thumbnail}} <div class="Card-thumbnail" style="background-image: url('{{.thumbnail}}')" ></div> {{- end}} <div class="Card-content"> <div class="Card-contentTitle">{{.title}}</div> <div class="Card-selfPacedFooter"> <div class="Card-selfPacedCredits"> <span>{{ .length }}</span> • <span>{{.credits}} Credits</span> </div> <div class="Card-selfPacedRating"> <div class="Card-starRating" style="width: {{ .rating }}rem"></div> </div> </div> </div> </div> </a> </div> {{- end}}{{define "learn-book"}}
<div class="Book"> <a href="{{.url}}" target="_blank" rel="noopener"> <div class="Book-inner"> {{- if .thumbnail}} <div class="Book-thumbnail"> </div>
{{- end}}
<div class="Book-content">
<p class="Book-eyebrow">{{.eyebrow}}</p>
<p class="Book-title">{{.title}}</p>
<p class="Book-description">{{.description}}</p>
<div class="Book-cta">
<span>view book</span>
</div>
</div>
</div>