26 lines
1.2 KiB
Plaintext
26 lines
1.2 KiB
Plaintext
<article class="course" role="region" aria-label="<%= content.display_name %>">
|
|
<a href="/courses/<%- course %>/info">
|
|
<header class="course-image">
|
|
<div class="cover-image">
|
|
<img src="<%- image_url %>" alt="<%= content.display_name %> <%= content.number %>" />
|
|
<div class="learn-more" aria-hidden=true><%= gettext("LEARN MORE") %></div>
|
|
</div>
|
|
</header>
|
|
<section class="course-info" aria-hidden=true>
|
|
<h2 class="course-name">
|
|
<span class="course-organization"><%= org %></span>
|
|
<span class="course-code"><%= content.number %></span>
|
|
<span class="course-title"><%= content.display_name %></span>
|
|
</h2>
|
|
<div class="course-date" aria-hidden="true"><%= interpolate(gettext("Starts: %s"), [start]) %></div>
|
|
</section>
|
|
<div class="sr">
|
|
<ul>
|
|
<li><%= org %></li>
|
|
<li><%= content.number %></li>
|
|
<li><%= gettext("Starts") %><time itemprop="startDate" datetime="<%- start %>"><%- start %></time></li>
|
|
</ul>
|
|
</div>
|
|
</a>
|
|
</article>
|