Skip to content

E
edx-platform
Commit 7a5d645b by Galen Frechette
Options

removes user avatar, imporves dashboard design

parent 7f4de5df
Showing with 50 additions and 53 deletions
lms/static/sass/_about.scss
.about {
margin: 20px auto 120px;
.container.about {
padding: 20px 0 120px;
> nav {
margin-bottom: 80px;
......@@ -31,8 +31,6 @@
}
.vision {
//display: none;
h1 + hr {
margin-bottom: 80px;
}
......
lms/static/sass/_shared_list_of_courses.scss
......@@ -74,7 +74,7 @@
h2 {
color: $base-font-color;
font: bold 1.2rem/1.6rem $sans-serif;
font: 800 1.2rem/1.6rem $sans-serif;
padding-top: 10px;
text-shadow: 0 1px rgba(255,255,255, 0.6);
text-overflow: ellipsis;
......
lms/templates/dashboard.html
......@@ -5,35 +5,28 @@
<section class="container dashboard">
<section class="sidebar">
<section class="profile-sidebar">
<header class="profile">
<h1 class="user-name">${ user.username }</h1>
<section class="user-info">
<div class="avatar">
<img src="${static.url('images/profile.jpg')}" />
</div>
<section class="info">
<h2>${ user.username }</h2>
<ul>
<li>
<h3>Email: <span>${ user.email }</span></h3>
</li>
<li>
<h3>Location: <span>${ user.profile.location }</span></h3>
</li>
<li>
<h3>Language: <span>${ user.profile.language }</span></h3>
</li>
</ul>
</section>
</section>
<section class="meta-info">
<ul>
<li>
<img src=""><p>Email<span>${ user.email }</span></p>
</li>
<li>
<img src=""><p>Location<span>${ user.profile.location }</span></p>
</li>
<li>
<img src=""><p>Language<span>${ user.profile.language }</span></p>
</li>
</ul>
</section>
</header>
</section>
<section class="my-courses">
<header>
<h2>My Current Courses</h2>
<h2>Current Courses</h2>
</header>
% if len(courses) > 0:
......@@ -47,12 +40,11 @@
</div>
<section class="info">
<hgroup>
<h2>${course.get_about_section("title")}</h2>
% for instructor in course.instructors:
<h3>${course.get_about_section('university')}</h3>
% endfor
<h2>${course.get_about_section("title")}</h2>
</hgroup>
<div class="edit">options</div>
<section class="meta">
<div class="complete">
<p>60% complete</p>
......@@ -77,33 +69,40 @@
% endif
<article class="my-course">
<a href="/info">
<div class="cover">
<div class="shade"></div>
<div class="arrow"></div>
<img src="${static.url('images/python.png')}" />
</div>
<section class="info">
<hgroup>
<h2>CS 102 Python</h2>
<p>Adam Smith, Harvard University</p>
</hgroup>
<div class="edit">options</div>
<section class="meta">
<div class="complete">
<p>60% complete</p>
</div>
<div class="progress">
<div class="meter">
<div class="meter-fill"></div>
</div>
</div>
<div class="end-date">
<p>End date: <time>6/10/12</time></p>
<a href="/info" class="cover" style="background-image: url('static/images/courses/python.png')">
<div class="shade"></div>
<div class="arrow"></div>
</a>
<section class="info">
<hgroup>
<h3><a href="">HarvardX</a></h3>
<h2><a href="/info">CS 102 Python</a></h2>
</hgroup>
</section>
</article>
<article class="my-course">
<a href="/info" class="cover" style="background-image: url('static/images/courses/python.png')">
<div class="shade"></div>
<div class="arrow"></div>
</a>
<section class="info">
<hgroup>
<h3><a href="">HarvardX</a></h3>
<h2><a href="/info">CS 102 Python</a></h2>
</hgroup>
<section class="meta">
<div src="" class="course-work-icon"></div>
<div class="progress">
<div class="meter">
<div class="meter-fill"></div>
</div>
</section>
</div>
<div class="complete">
<p><span class="completeness">60%</span> compleat</p>
</div>
</section>
</a>
</section>
</article>
</section>
......
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