Skip to content

E
edx-platform
Commit 37e0d98f by Brian Talbot
Options

course listings - new html and css for ordering - wip

parent 89527281
Showing with 319 additions and 0 deletions
lms/static/sass/shared/_course_object.scss
......@@ -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);
......
lms/templates/static_templates/_courses-newlisting.html 0 → 100644
<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>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment