Skip to content

E
edx-platform
Commit 1202c49a by Galen Frechette
Options

removes user avatar, imporves dashboard design

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