<%namespace name='static' file='static_content.html'/>
<%!
    from django.core.urlresolvers import reverse
%>

%for course in courses:
<article id="${course.id}"class="course">
  <div class="inner-wrapper">
    <header class="course-preview">
      <a href="${reverse('about_course', args=[course.id])}">
        <hgroup>
          <h2>${course.title}</h2>
        </hgroup>
        <div class="info-link">&#x2794;</div>
      </a>
    </header>
    <section class="info">
      <div class="meta-info">
        <p class="university">${course.institution}</p>
        <p class="dates"><span class="start">7/23/12</span> &rarr; <span class="end">12/15/12</span></p>
      </div>
      <div class="cover-image">
        <img src="${static.url('images/history.png')}">
      </div>
      <div class="desc">
        <p>An advanced introduction to analog circuits.</p>
      </div>
    </section>
  </div>
</article>
%endfor

<!--
   -<article class="course">
   -  <a href="/course_info">
   -    <div class="cover">
   -      <div class="shade"></div>
   -      <div class="arrow"></div>
   -      <img src="${static.url('images/history.png')}" />
   -    </div>
   -    <section class="info">
   -      <hgroup>
   -        <h2>${course.title}</h2>
   -        <p>${",".join(course.instructors)} &mdash; ${course.institution}</p>
   -        <p>${course.id}</p>
   -        <p><a href="courses/${course.id}/info">courseware</a></p>
   -      </hgroup>
   -      <div class="edit">Register</div>
   -      <section class="meta">
   -        <div class="dates">
   -          <p>Starts: <time>6/10/12</time></p>
   -          <p>Ends: <time>9/23/12</time></p>
   -        </div>
   -      </section>
   -    </section>
   -  </a>
   -</article>
   -->
