course listings - new html and css for ordering - wip
This commit is contained in:
@@ -13,6 +13,23 @@
|
||||
}
|
||||
}
|
||||
|
||||
.courses-listing {
|
||||
@include clearfix();
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
|
||||
.courses-listing-item {
|
||||
width: flex-grid(4);
|
||||
margin-right: flex-gutter();
|
||||
float: left;
|
||||
|
||||
&:nth-child(3n+3) {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.course {
|
||||
background: rgb(250,250,250);
|
||||
border: 1px solid rgb(180,180,180);
|
||||
|
||||
301
lms/templates/static_templates/_courses-newlisting.html
Normal file
301
lms/templates/static_templates/_courses-newlisting.html
Normal file
@@ -0,0 +1,301 @@
|
||||
<ul class="courses-listing">
|
||||
<li class="courses-listing-item">
|
||||
<article id="MITx/6.002x/2012_Fall" class="course">
|
||||
<a href="/courses/MITx/6.002x/2012_Fall/about"></a>
|
||||
<div class="inner-wrapper"><a href="/courses/MITx/6.002x/2012_Fall/about">
|
||||
<header class="course-preview">
|
||||
<hgroup>
|
||||
<h2><span class="course-number">6.002x</span> Circuits and Electronics</h2>
|
||||
</hgroup>
|
||||
<div class="info-link">➔</div>
|
||||
</header>
|
||||
</a><section class="info"><a href="/courses/MITx/6.002x/2012_Fall/about">
|
||||
<div class="cover-image">
|
||||
<img src="/static/content-mit-6002x/images/course_image.jpg">
|
||||
</div>
|
||||
<div class="desc">
|
||||
<p>6.002x teaches the fundamentals of circuit and electronic analysis.
|
||||
</p>
|
||||
</div>
|
||||
</a><div class="bottom"><a href="/courses/MITx/6.002x/2012_Fall/about">
|
||||
</a><a href="/university_profile/MITx" class="university">MITx</a>
|
||||
<span class="start-date">Sep 05, 2012</span>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<div class="meta-info">
|
||||
<p class="university">MITx</p>
|
||||
</div>
|
||||
</article>
|
||||
</li>
|
||||
|
||||
<li class="courses-listing-item">
|
||||
<article id="MITx/6.002x/2012_Fall" class="course">
|
||||
<a href="/courses/MITx/6.002x/2012_Fall/about"></a>
|
||||
<div class="inner-wrapper"><a href="/courses/MITx/6.002x/2012_Fall/about">
|
||||
<header class="course-preview">
|
||||
<hgroup>
|
||||
<h2><span class="course-number">6.002x</span> Circuits and Electronics</h2>
|
||||
</hgroup>
|
||||
<div class="info-link">➔</div>
|
||||
</header>
|
||||
</a><section class="info"><a href="/courses/MITx/6.002x/2012_Fall/about">
|
||||
<div class="cover-image">
|
||||
<img src="/static/content-mit-6002x/images/course_image.jpg">
|
||||
</div>
|
||||
<div class="desc">
|
||||
<p>6.002x teaches the fundamentals of circuit and electronic analysis.
|
||||
</p>
|
||||
</div>
|
||||
</a><div class="bottom"><a href="/courses/MITx/6.002x/2012_Fall/about">
|
||||
</a><a href="/university_profile/MITx" class="university">MITx</a>
|
||||
<span class="start-date">Sep 05, 2012</span>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<div class="meta-info">
|
||||
<p class="university">MITx</p>
|
||||
</div>
|
||||
</article>
|
||||
</li>
|
||||
|
||||
<li class="courses-listing-item">
|
||||
<article id="MITx/6.002x/2012_Fall" class="course">
|
||||
<a href="/courses/MITx/6.002x/2012_Fall/about"></a>
|
||||
<div class="inner-wrapper"><a href="/courses/MITx/6.002x/2012_Fall/about">
|
||||
<header class="course-preview">
|
||||
<hgroup>
|
||||
<h2><span class="course-number">6.002x</span> Circuits and Electronics</h2>
|
||||
</hgroup>
|
||||
<div class="info-link">➔</div>
|
||||
</header>
|
||||
</a><section class="info"><a href="/courses/MITx/6.002x/2012_Fall/about">
|
||||
<div class="cover-image">
|
||||
<img src="/static/content-mit-6002x/images/course_image.jpg">
|
||||
</div>
|
||||
<div class="desc">
|
||||
<p>6.002x teaches the fundamentals of circuit and electronic analysis.
|
||||
</p>
|
||||
</div>
|
||||
</a><div class="bottom"><a href="/courses/MITx/6.002x/2012_Fall/about">
|
||||
</a><a href="/university_profile/MITx" class="university">MITx</a>
|
||||
<span class="start-date">Sep 05, 2012</span>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<div class="meta-info">
|
||||
<p class="university">MITx</p>
|
||||
</div>
|
||||
</article>
|
||||
</li>
|
||||
|
||||
<li class="courses-listing-item">
|
||||
<article id="MITx/6.002x/2012_Fall" class="course">
|
||||
<a href="/courses/MITx/6.002x/2012_Fall/about"></a>
|
||||
<div class="inner-wrapper"><a href="/courses/MITx/6.002x/2012_Fall/about">
|
||||
<header class="course-preview">
|
||||
<hgroup>
|
||||
<h2><span class="course-number">6.002x</span> Circuits and Electronics</h2>
|
||||
</hgroup>
|
||||
<div class="info-link">➔</div>
|
||||
</header>
|
||||
</a><section class="info"><a href="/courses/MITx/6.002x/2012_Fall/about">
|
||||
<div class="cover-image">
|
||||
<img src="/static/content-mit-6002x/images/course_image.jpg">
|
||||
</div>
|
||||
<div class="desc">
|
||||
<p>6.002x teaches the fundamentals of circuit and electronic analysis.
|
||||
</p>
|
||||
</div>
|
||||
</a><div class="bottom"><a href="/courses/MITx/6.002x/2012_Fall/about">
|
||||
</a><a href="/university_profile/MITx" class="university">MITx</a>
|
||||
<span class="start-date">Sep 05, 2012</span>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<div class="meta-info">
|
||||
<p class="university">MITx</p>
|
||||
</div>
|
||||
</article>
|
||||
</li>
|
||||
|
||||
<li class="courses-listing-item">
|
||||
<article id="MITx/6.002x/2012_Fall" class="course">
|
||||
<a href="/courses/MITx/6.002x/2012_Fall/about"></a>
|
||||
<div class="inner-wrapper"><a href="/courses/MITx/6.002x/2012_Fall/about">
|
||||
<header class="course-preview">
|
||||
<hgroup>
|
||||
<h2><span class="course-number">6.002x</span> Circuits and Electronics</h2>
|
||||
</hgroup>
|
||||
<div class="info-link">➔</div>
|
||||
</header>
|
||||
</a><section class="info"><a href="/courses/MITx/6.002x/2012_Fall/about">
|
||||
<div class="cover-image">
|
||||
<img src="/static/content-mit-6002x/images/course_image.jpg">
|
||||
</div>
|
||||
<div class="desc">
|
||||
<p>6.002x teaches the fundamentals of circuit and electronic analysis.
|
||||
</p>
|
||||
</div>
|
||||
</a><div class="bottom"><a href="/courses/MITx/6.002x/2012_Fall/about">
|
||||
</a><a href="/university_profile/MITx" class="university">MITx</a>
|
||||
<span class="start-date">Sep 05, 2012</span>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<div class="meta-info">
|
||||
<p class="university">MITx</p>
|
||||
</div>
|
||||
</article>
|
||||
</li>
|
||||
|
||||
<li class="courses-listing-item">
|
||||
<article id="MITx/6.002x/2012_Fall" class="course">
|
||||
<a href="/courses/MITx/6.002x/2012_Fall/about"></a>
|
||||
<div class="inner-wrapper"><a href="/courses/MITx/6.002x/2012_Fall/about">
|
||||
<header class="course-preview">
|
||||
<hgroup>
|
||||
<h2><span class="course-number">6.002x</span> Circuits and Electronics</h2>
|
||||
</hgroup>
|
||||
<div class="info-link">➔</div>
|
||||
</header>
|
||||
</a><section class="info"><a href="/courses/MITx/6.002x/2012_Fall/about">
|
||||
<div class="cover-image">
|
||||
<img src="/static/content-mit-6002x/images/course_image.jpg">
|
||||
</div>
|
||||
<div class="desc">
|
||||
<p>6.002x teaches the fundamentals of circuit and electronic analysis.
|
||||
</p>
|
||||
</div>
|
||||
</a><div class="bottom"><a href="/courses/MITx/6.002x/2012_Fall/about">
|
||||
</a><a href="/university_profile/MITx" class="university">MITx</a>
|
||||
<span class="start-date">Sep 05, 2012</span>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<div class="meta-info">
|
||||
<p class="university">MITx</p>
|
||||
</div>
|
||||
</article>
|
||||
</li>
|
||||
|
||||
<li class="courses-listing-item">
|
||||
<article id="MITx/6.002x/2012_Fall" class="course">
|
||||
<a href="/courses/MITx/6.002x/2012_Fall/about"></a>
|
||||
<div class="inner-wrapper"><a href="/courses/MITx/6.002x/2012_Fall/about">
|
||||
<header class="course-preview">
|
||||
<hgroup>
|
||||
<h2><span class="course-number">6.002x</span> Circuits and Electronics</h2>
|
||||
</hgroup>
|
||||
<div class="info-link">➔</div>
|
||||
</header>
|
||||
</a><section class="info"><a href="/courses/MITx/6.002x/2012_Fall/about">
|
||||
<div class="cover-image">
|
||||
<img src="/static/content-mit-6002x/images/course_image.jpg">
|
||||
</div>
|
||||
<div class="desc">
|
||||
<p>6.002x teaches the fundamentals of circuit and electronic analysis.
|
||||
</p>
|
||||
</div>
|
||||
</a><div class="bottom"><a href="/courses/MITx/6.002x/2012_Fall/about">
|
||||
</a><a href="/university_profile/MITx" class="university">MITx</a>
|
||||
<span class="start-date">Sep 05, 2012</span>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<div class="meta-info">
|
||||
<p class="university">MITx</p>
|
||||
</div>
|
||||
</article>
|
||||
</li>
|
||||
|
||||
<li class="courses-listing-item">
|
||||
<article id="MITx/6.002x/2012_Fall" class="course">
|
||||
<a href="/courses/MITx/6.002x/2012_Fall/about"></a>
|
||||
<div class="inner-wrapper"><a href="/courses/MITx/6.002x/2012_Fall/about">
|
||||
<header class="course-preview">
|
||||
<hgroup>
|
||||
<h2><span class="course-number">6.002x</span> Circuits and Electronics</h2>
|
||||
</hgroup>
|
||||
<div class="info-link">➔</div>
|
||||
</header>
|
||||
</a><section class="info"><a href="/courses/MITx/6.002x/2012_Fall/about">
|
||||
<div class="cover-image">
|
||||
<img src="/static/content-mit-6002x/images/course_image.jpg">
|
||||
</div>
|
||||
<div class="desc">
|
||||
<p>6.002x teaches the fundamentals of circuit and electronic analysis.
|
||||
</p>
|
||||
</div>
|
||||
</a><div class="bottom"><a href="/courses/MITx/6.002x/2012_Fall/about">
|
||||
</a><a href="/university_profile/MITx" class="university">MITx</a>
|
||||
<span class="start-date">Sep 05, 2012</span>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<div class="meta-info">
|
||||
<p class="university">MITx</p>
|
||||
</div>
|
||||
</article>
|
||||
</li>
|
||||
|
||||
<li class="courses-listing-item">
|
||||
<article id="MITx/6.002x/2012_Fall" class="course">
|
||||
<a href="/courses/MITx/6.002x/2012_Fall/about"></a>
|
||||
<div class="inner-wrapper"><a href="/courses/MITx/6.002x/2012_Fall/about">
|
||||
<header class="course-preview">
|
||||
<hgroup>
|
||||
<h2><span class="course-number">6.002x</span> Circuits and Electronics</h2>
|
||||
</hgroup>
|
||||
<div class="info-link">➔</div>
|
||||
</header>
|
||||
</a><section class="info"><a href="/courses/MITx/6.002x/2012_Fall/about">
|
||||
<div class="cover-image">
|
||||
<img src="/static/content-mit-6002x/images/course_image.jpg">
|
||||
</div>
|
||||
<div class="desc">
|
||||
<p>6.002x teaches the fundamentals of circuit and electronic analysis.
|
||||
</p>
|
||||
</div>
|
||||
</a><div class="bottom"><a href="/courses/MITx/6.002x/2012_Fall/about">
|
||||
</a><a href="/university_profile/MITx" class="university">MITx</a>
|
||||
<span class="start-date">Sep 05, 2012</span>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<div class="meta-info">
|
||||
<p class="university">MITx</p>
|
||||
</div>
|
||||
</article>
|
||||
</li>
|
||||
|
||||
<li class="courses-listing-item">
|
||||
<article id="MITx/6.002x/2012_Fall" class="course">
|
||||
<a href="/courses/MITx/6.002x/2012_Fall/about"></a>
|
||||
<div class="inner-wrapper"><a href="/courses/MITx/6.002x/2012_Fall/about">
|
||||
<header class="course-preview">
|
||||
<hgroup>
|
||||
<h2><span class="course-number">6.002x</span> Circuits and Electronics</h2>
|
||||
</hgroup>
|
||||
<div class="info-link">➔</div>
|
||||
</header>
|
||||
</a><section class="info"><a href="/courses/MITx/6.002x/2012_Fall/about">
|
||||
<div class="cover-image">
|
||||
<img src="/static/content-mit-6002x/images/course_image.jpg">
|
||||
</div>
|
||||
<div class="desc">
|
||||
<p>6.002x teaches the fundamentals of circuit and electronic analysis.
|
||||
</p>
|
||||
</div>
|
||||
</a><div class="bottom"><a href="/courses/MITx/6.002x/2012_Fall/about">
|
||||
</a><a href="/university_profile/MITx" class="university">MITx</a>
|
||||
<span class="start-date">Sep 05, 2012</span>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<div class="meta-info">
|
||||
<p class="university">MITx</p>
|
||||
</div>
|
||||
</article>
|
||||
</li>
|
||||
</ul>
|
||||
Reference in New Issue
Block a user