Andal.LND/edx-platform
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

course listings - new html and css for ordering - wip

Browse Source
This commit is contained in:
Brian Talbot
2012-12-20 09:32:15 -05:00
parent 89527281e8
commit 37e0d98fec
2 changed files with 318 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
lms/static/sass/shared/_course_object.scss
View File

@@ -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
View 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>