Skip to content
Snippets Groups Projects
Commit 35c5de81 authored by Galen Frechette's avatar Galen Frechette
Browse files

cleans up home page header design, adds social sharing to header, adds tos,... 

cleans up home page header design, adds social sharing to header, adds tos, privacy policy, honor code, help and copyright pages, add liks to those pages in footer, finished contact page
parent 1ea8bd26
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 603 additions and 281 deletions
lms/djangoapps/static_template_view/views.py
+ 5
− 5
View file @ 35c5de81
......@@ -13,6 +13,7 @@ valid_templates=['index.html',
'tos.html',
'privacy.html',
'honor.html',
'help.html',
'copyright.html',
'404.html',
'mitx_help.html',
......@@ -20,10 +21,9 @@ valid_templates=['index.html',
'about.html',
'faq.html',
'press.html',
'contact.html',
'terms_and_conditions.html']
'contact.html']
if settings.STATIC_GRAB:
if settings.STATIC_GRAB:
valid_templates = valid_templates+['server-down.html',
'server-error.html'
'server-overloaded.html',
......@@ -33,7 +33,7 @@ if settings.STATIC_GRAB:
'6002x-press-release.html'
]
def index(request, template):
def index(request, template):
csrf_token = csrf(request)['csrf_token']
if template in valid_templates:
return render_to_response(template, {'error' : '',
......@@ -43,7 +43,7 @@ def index(request, template):
valid_auth_templates=['help.html']
def auth_index(request, template):
def auth_index(request, template):
if not request.user.is_authenticated():
return redirect('/')
......
lms/static/images/edx-location.png 0 → 100644
+ 0
− 0
View file @ 35c5de81
lms/static/images/edx-location.png

935 KiB

lms/static/images/email-sharing.png 0 → 100644
+ 0
− 0
View file @ 35c5de81
lms/static/images/email-sharing.png

8.67 KiB

lms/static/images/facebook-sharing.png 0 → 100644
+ 0
− 0
View file @ 35c5de81
lms/static/images/facebook-sharing.png

8.24 KiB

lms/static/images/twitter-sharing.png 0 → 100644
+ 0
− 0
View file @ 35c5de81
lms/static/images/twitter-sharing.png

8.66 KiB

lms/static/sass/_about.scss
+ 20
− 2
View file @ 35c5de81
......@@ -194,14 +194,32 @@
.map {
background: rgb(245,245,245);
float: left;
height: 180px;
height: 280px;
margin-right: flex-gutter();
overflow: hidden;
width: flex-grid(6);
img {
min-height: 100%;
max-width: 100%;
}
}
.address {
.contacts {
@include box-sizing(border-box);
float: left;
padding-left: 40px;
width: flex-grid(6);
ul {
list-style: none;
margin: 0px;
padding: 0px;
li {
margin-bottom: 10px;
}
}
}
}
}
lms/static/sass/_base.scss
+ 44
− 7
View file @ 35c5de81
......@@ -43,19 +43,17 @@ h2 {
-webkit-font-smoothing: antialiased;
}
p + h2, ul + h2, ol + h2 {
margin-top: 40px;
}
p {
color: $base-font-color;
font: normal 1.3rem/2rem $serif;
margin: 0px;
}
span {
color: $lighter-base-font-color;
font: normal 1.3rem/2rem $sans-serif;
margin: 0px;
}
p + p {
p + p, ul + p, ol + p {
margin-top: 20px;
}
......@@ -96,3 +94,42 @@ a:link, a:visited {
max-width: 1200px;
width: flex-grid(12);
}
.static-container {
@include clearfix;
margin: 0 auto 0;
max-width: 1200px;
padding: 60px 0px 120px;
width: flex-grid(12);
.inner-wrapper {
margin: 0 auto 0;
width: flex-grid(10);
}
ol, ul {
list-style: disc;
li {
color: $base-font-color;
font: normal 1.3rem/2rem $serif;
margin: 0px;
}
}
h1 {
margin-bottom: 30px;
}
h1 + hr {
margin-bottom: 60px;
}
p + h2, ul + h2, ol + h2 {
margin-top: 40px;
}
ul + p, ol + p {
margin-top: 20px;
}
}
lms/static/sass/_base_animations.scss
+ 32
− 0
View file @ 35c5de81
// home-header-pop-up animation
//************************************************************************//
.animation-home-header-pop-up {
@include animation(home-header-pop-up 1.25s ease-in-out);
@include animation-fill-mode(both);
@include animation-delay(1s);
}
@mixin home-header-pop-up-keyframes {
0% {
//opacity: 0;
top: 300px;
//@include transform(scale(0.9));
}
65% {
//opacity: 1;
top: -40px;
//@include transform(scale(1));
}
85% {
top: 10px;
}
100% {
top: 0px;
}
}
@-webkit-keyframes home-header-pop-up { @include home-header-pop-up-keyframes; }
@-moz-keyframes home-header-pop-up { @include home-header-pop-up-keyframes; }
@keyframes home-header-pop-up { @include home-header-pop-up-keyframes; }
// title appear animation
//************************************************************************//
......
lms/static/sass/_course_info.scss
+ 3
− 2
View file @ 35c5de81
......@@ -7,7 +7,6 @@
background: rgb(245,245,245);
@include background-image(url('/static/images/shot-2-large.jpg'));
background-size: cover;
//@include background-image(linear-gradient(-90deg, rgb(230,230,230), rgb(245,245,245)));
@include box-shadow(0 1px 80px 0 rgba(0,0,0, 0.5));
border-bottom: 1px solid rgb(100,100,100);
@include box-shadow(inset 0 1px 5px 0 rgba(0,0,0, 0.1));
......@@ -122,6 +121,7 @@
}
.media {
background: #fff;
border-left: 1px solid rgb(100,100,100);
@include box-sizing(border-box);
float: right;
......@@ -163,7 +163,8 @@
}
img {
min-width: 100%;
display: block;
width: 100%;
}
}
......
lms/static/sass/_dashboard.scss
+ 48
− 15
View file @ 35c5de81
......@@ -64,30 +64,41 @@
margin: 0px;
width: flex-grid(9);
> header {
border-bottom: 1px solid rgb(210,210,210);
margin-bottom: 40px;
}
.empty-dashboard-message {
border-top: 1px solid rgb(210,210,210);
padding: 80px 0px;
text-align: center;
p {
color: $lighter-base-font-color;
font-style: italic;
margin-bottom: 20px;
text-shadow: 0 1px rgba(255,255,255, 0.6);
-webkit-font-smoothing: antialiased;
}
a {
background: rgb(240,240,240);
@include background-image(linear-gradient(-90deg, rgb(245,245,245) 0%, rgb(243,243,243) 50%, rgb(237,237,237) 50%, rgb(235,235,235) 100%));
border: 1px solid rgb(220,220,220);
@include border-radius(4px);
@include box-shadow(0 1px 8px 0 rgba(0,0,0, 0.1));
@include box-sizing(border-box);
color: $base-font-color;
font: 300 1.2rem/1.6rem $sans-serif;
@include inline-block;
margin-left: 5px;
padding: 5px 10px;
text-shadow: 0 1px rgba(255,255,255, 0.6);
a {
background: rgb(240,240,240);
@include background-image(linear-gradient(-90deg, rgb(245,245,245) 0%, rgb(243,243,243) 50%, rgb(237,237,237) 50%, rgb(235,235,235) 100%));
border: 1px solid rgb(220,220,220);
@include border-radius(4px);
@include box-shadow(0 1px 8px 0 rgba(0,0,0, 0.1));
@include box-sizing(border-box);
color: $base-font-color;
font: 300 1.2rem/1.6rem $sans-serif;
@include inline-block;
letter-spacing: 1px;
margin-left: 5px;
padding: 5px 10px;
text-shadow: 0 1px rgba(255,255,255, 0.6);
&:hover {
color: $blue;
//text-decoration: none;
}
}
}
......@@ -179,7 +190,6 @@
> hgroup {
border-bottom: 1px solid rgb(210,210,210);
@include box-shadow(0 1px 0 0 rgba(255,255,255, 0.6));
margin-bottom: 20px;
padding: 15px 0px;
width: 100%;
......@@ -223,12 +233,35 @@
}
}
.course-status {
background: rgb(250,250,250);
border: 1px solid rgb(200,200,200);
@include box-shadow(0 1px 0 0 rgba(255,255,255, 0.6));
margin-top: 14px;
padding: 5px;
p {
color: $lighter-base-font-color;
font: italic 300 1.2rem/1.4rem $sans-serif;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
span {
color: $base-font-color;
font: italic 800 1.2rem/1.6rem $sans-serif;
}
}
}
.meta {
@include clearfix;
margin-top: 19px;
position: relative;
@include transition(opacity, 0.15s, linear);
width: 100%;
.course-work-icon {
background: rgb(200,200,200);
float: left;
......
lms/static/sass/_index.scss
+ 249
− 47
View file @ 35c5de81
......@@ -2,44 +2,274 @@
padding: 0px 0px 100px;
> header {
//background: rgb(250,250,250);
@include background-image(url('/static/images/shot-5-large.jpg'));
background: rgb(255,255,255);
@include background-image(url('/static/images/shot-2-large.jpg'));
background-size: cover;
border-bottom: 1px solid rgb(80,80,80);
@include box-shadow(0 1px 0 0 rgba(255,255,255, 0.9), inset 0 -1px 5px 0 rgba(0,0,0, 0.1));
@include clearfix;
margin-top: -69px;
min-height: 300px;
padding: 129px 0px 50px;
overflow: hidden;
padding: 149px 0px 90px;
width: flex-grid(12);
.inner-wrapper {
.outer-wrapper {
@extend .animation-home-header-pop-up;
max-width: 1200px;
margin: 0 auto;
position: relative;
text-align: center;
&:hover {
.main-cta {
@include box-shadow(0 1px 16px 0 rgba($blue, 0.35));
}
}
}
h1 {
color: rgb(255,255,255);
.inner-wrapper {
background: rgba(255,255,255, 0.9);
border: 1px solid rgb(100,100,100);
@include box-shadow(0 4px 25px 0 rgba(0,0,0, 0.5));
@include inline-block;
padding: 30px 50px 30px;
position: relative;
text-align: center;
z-index: 1;
}
.title {
@include inline-block;
margin-right: 50px;
padding-right: 50px;
position: relative;
text-align: left;
vertical-align: middle;
&::after {
@extend .faded-vertical-divider;
content: "";
display: block;
height: 170px;
position: absolute;
right: 0px;
top: -20px;
}
h1 {
border-bottom: 1px solid rgb(200,200,200);
margin-bottom: 25px;
padding-bottom: 15px;
text-align: left;
text-shadow: 0 1px rgba(255,255,255, 0.6);
}
p {
color: $lighter-base-font-color;
display: none;
font-style: italic;
letter-spacing: 2px;
margin-bottom: 30px;
text-shadow: 0 1px rgba(255,255,255, 0.6);
text-transform: lowercase;
}
.main-cta {
@include clearfix;
float: left;
margin-right: flex-gutter();
@include transition(all, 0.15s, linear);
width: flex-grid(6);
> a.find-courses {
@include button(shiny, $blue);
@include box-sizing(border-box);
@include border-radius(3px);
display: block;
font: italic 1.4rem/1.6rem $serif;
letter-spacing: 1px;
padding: 12px 0px;
text-transform: uppercase;
text-align: center;
-webkit-font-smoothing: antialiased;
width: flex-grid(12);
&:hover {
color: rgb(255,255,255);
}
}
}
.social-sharing {
@include box-sizing(border-box);
float: left;
height: 44px;
position: relative;
text-align: center;
width: flex-grid(6);
&:hover {
.sharing-message {
opacity: 1;
top: 63px;
}
}
.sharing-message {
@include background-image(linear-gradient(-90deg, rgba(0,0,0, 0.9) 0%,
rgba(0,0,0, 0.7) 100%));
border: 1px solid rgba(0,0,0, 0.5);
@include border-radius(4px);
@include box-shadow(0 4px 25px 0 rgba(0,0,0, 0.5));
@include box-sizing(border-box);
color: rgb(255,255,255);
float: right;
font: italic 1.2rem/1.6rem $serif;
left: 50%;
margin-left: -110px;
opacity: 0;
padding: 5px 10px;
position: absolute;
text-align: center;
@include transition(all, 0.15s, ease-out);
top: 73px;
width: 220px;
&::before {
background: transparent;
border: {
top: 6px solid rgba(0,0,0, 1);
right: 6px solid rgba(0,0,0, 1);
bottom: 6px solid transparent;
left: 6px solid transparent;
}
@include box-shadow(1px 0 0 0 rgb(0,0,0), 0 -1px 0 0 rgb(0,0,0));
content: "";
display: block;
height: 0px;
left: 50%;
margin-left: -7px;
position: absolute;
@include transform(rotate(-45deg));
top: -6px;
width: 0px;
}
}
.share {
height: 44px;
@include inline-block;
margin-right: 10px;
opacity: 0.5;
@include transition(all, 0.15s, linear);
width: 44px;
&:hover {
opacity: 1;
}
img {
width: 100%;
}
&:last-child {
margin-right: 0px;
}
}
}
}
a {
@include button(shiny, $blue);
.media {
background: #fff;
border: 1px solid rgb(200,200,200);
@include box-sizing(border-box);
@include border-radius(3px);
display: block;
font: italic 1.4rem/1.6rem $serif;
@include inline-block;
padding: 1px;
position: relative;
vertical-align: middle;
width: 210px;
z-index: 2;
.hero {
height: 125px;
overflow: hidden;
position: relative;
.play-intro {
@include background-image(linear-gradient(-90deg, rgba(255,255,255, 0.6), rgba(255,255,255, 0.4)));
@include border-radius(4px);
@include box-shadow(0 1px 10px 0 rgba(0,0,0, 0.2));
border: 1px solid rgba(0,0,0, 0.3);
height: 80px;
left: 50%;
margin-top: -40px;
margin-left: -40px;
position: absolute;
top: 50%;
width: 80px;
&::after {
color: $base-font-color;
content: "\25B6";
display: block;
font: normal 3.2rem/3.2rem $sans-serif;
left: 50%;
margin-left: -12px;
margin-top: -17px;
position: absolute;
text-shadow: 0 1px rgba(255,255,255, 0.8);
top: 50%;
}
}
img {
display: block;
width: 100%;
}
}
&:hover {
cursor: pointer;
.play-intro {
@include background-image(linear-gradient(-90deg, rgba(255,255,255, 0.7), rgba(255,255,255, 0.5)));
@include box-shadow(0 1px 10px 0 rgba(0,0,0, 0.2));
border: 1px solid rgba(0,0,0, 0.4);
&::after {
color: $pink;
}
}
}
}
}
.highlighted-courses {
border-bottom: 1px solid rgb(210,210,210);
@include box-sizing(border-box);
margin-bottom: 60px;
position: relative;
width: flex-grid(12);
z-index: 1;
> h2 {
@include background-image(linear-gradient(-90deg, rgb(250,250,250), rgb(230,230,230)));
border: 1px solid rgb(200,200,200);
@include border-radius(4px);
border-top-color: rgb(190,190,190);
@include box-shadow(inset 0 0 0 1px rgba(255,255,255, 0.4), 0 0px 12px 0 rgba(0,0,0, 0.2));
color: $lighter-base-font-color;
letter-spacing: 1px;
margin: 0 auto;
padding: 15px 0px;
text-transform: uppercase;
margin-bottom: 0px;
margin-top: -15px;
padding: 15px 10px;
text-align: center;
-webkit-font-smoothing: antialiased;
width: flex-grid(3);
text-transform: uppercase;
text-shadow: 0 1px rgba(255,255,255, 0.6);
&:hover {
color: rgb(255,255,255);
.lowercase {
color: $lighter-base-font-color;
text-transform: none;
}
}
}
......@@ -176,34 +406,6 @@
}
}
.highlighted-courses {
border-bottom: 1px solid rgb(210,210,210);
@include box-sizing(border-box);
margin-bottom: 60px;
width: flex-grid(12);
> h2 {
@include background-image(linear-gradient(-90deg, rgb(250,250,250), rgb(230,230,230)));
border: 1px solid rgb(200,200,200);
@include border-radius(4px);
border-top-color: rgb(190,190,190);
@include box-shadow(inset 0 0 0 1px rgba(255,255,255, 0.4), 0 0px 12px 0 rgba(0,0,0, 0.2));
color: $lighter-base-font-color;
letter-spacing: 1px;
margin-bottom: 0px;
margin-top: -15px;
padding: 15px 10px;
text-align: center;
text-transform: uppercase;
text-shadow: 0 1px rgba(255,255,255, 0.6);
.lowercase {
color: $lighter-base-font-color;
text-transform: none;
}
}
}
.more-info {
margin-bottom: 60px;
width: flex-grid(12);
......
lms/static/sass/_shared_footer.scss
+ 17
− 2
View file @ 35c5de81
......@@ -3,7 +3,6 @@ footer {
border-top: 1px solid rgb(200,200,200);
@include box-shadow(inset 0 1px 3px 0 rgba(0,0,0, 0.1));
margin: 0 auto;
padding: 0 0 40px;
width: flex-grid(12);
&.fixed-bottom {
......@@ -14,12 +13,28 @@ footer {
nav {
@include box-sizing(border-box);
@include clearfix;
max-width: 1200px;
margin: 0 auto;
padding: 20px 10px 0;
width: flex-grid(12);
.primary-links {
@include clearfix;
margin-bottom: 30px;
}
.secondary-links {
padding-bottom: 10px;
text-align: left;
a {
color: $lighter-base-font-color;
font: 300 1.2rem/1.6rem $sans-serif;
letter-spacing: 1px;
margin-right: 20px;
}
}
.copyright {
float: left;
padding-top: 2px;
......
lms/templates/about.html
+ 3
− 3
View file @ 35c5de81
......@@ -27,9 +27,9 @@
<div class="photo">
<img src="">
</div>
<h2>What it's like to work here</h2>
<p>“Harvard and MIT will use these new technologies and the research they will make possible to lead the direction of online learning in a way that benefits our students, our peers, and people across the nation and the globe,” Faust continued.</p>
<p>[fast-moving not-for-profit startup][institutional backing, funding, benefits, and stability][industry salaries]</p>
<h2>Mission: Educate 1 billion people around the world</h2>
<p>“EdX represents a unique opportunity to improve education on our own campuses through online learning, while simultaneously creating a bold new educational path for millions of learners worldwide,” MIT President Susan Hockfield said.</p>
<p>Harvard President Drew Faust said, “edX gives Harvard and MIT an unprecedented opportunity to dramatically extend our collective reach by conducting groundbreaking research into effective education and by extending online access to quality higher education.”
<hr class="fade-left-hr-divider">
</section>
......
lms/templates/contact.html
+ 15
− 8
View file @ 35c5de81
......@@ -12,15 +12,22 @@
<section class="contact">
<div class="map">
<img src="${static.url('images/edx-location.png')}">
</div>
<div class="address">
Suggest a Feature
Suggest a Topic
Report a Problem
Ask the Community
Send Thanks
Submit a Comment
Mailing Address
<div class="contacts">
<h2>Email Contacts</h2>
<ul>
<li><p>System-related questions: <a href="mailto:technical@mitx.mit.edu">technical@mitx.mit.edu</a></p></li>
<li><p>Content-related questions: <a href="mailto:content@mitx.mit.edu">content@mitx.mit.edu</a></p></li>
<li><p>Bug reports: <a href="mailto:bugs@mitx.mit.edu">bugs@mitx.mit.edu</a></p></li>
<li><p>Suggestions: <a href="mailto:suggestions@mitx.mit.edu">suggestions@mitx.mit.edu</a></p></li>
</ul>
<h2>Physical Address</h2>
<ul>
<li><p>11 Cambridge Center</p></li>
<li><p>Cambridge, MA 02142</p></li>
</ul>
</div>
</section>
</section>
......
lms/templates/copyright.html
+ 13
− 29
View file @ 35c5de81
<%inherit file="marketing.html" />
<%! from django.core.urlresolvers import reverse %>
<%inherit file="main.html" />
<section class="copyright">
<%namespace name='static' file='static_content.html'/>
<div>
<section class="static-container copyright">
<h1> Licensing Information </h1>
<hr class="horizontal-divider">
<ul>
<li>
<h2>Videos and Exercises</h2>
<p> Copyright &copy; 2012 MIT. All rights reserved. In order to
further MIT's goal of making education accessible and affordable
to the world, MIT is planning to make <i>MITx</i> course content
available under open source licenses.
</p>
</li>
<div class="inner-wrapper">
<h2>Videos and Exercises</h2>
<p> Copyright &copy; 2012 MIT. All rights reserved. In order to further MIT's goal of making education accessible and affordable to the world, MIT is planning to make <i>MITx</i> course content available under open source licenses.</p>
<li>
<h2>Textbook</h2>
<p> Copyright &copy; 2005 Elsevier Inc. All Rights
Reserved. Used with permission. While our goal is to build
courses with as much free and open content as possible, we
apologize that we do not have the ability to do so
entirely. </p>
</li>
<h2>Textbook</h2>
<p> Copyright &copy; 2005 Elsevier Inc. All Rights Reserved. Used with permission. While our goal is to build courses with as much free and open content as possible, we apologize that we do not have the ability to do so entirely. </p>
<li>
<h2>Student-generated content</h2>
<td>Copyright &copy; 2012. All Rights Reserved. Due to privacy
concerns, we do not know what portion of these will be released
under open licenses. </td></li>
</ul>
<h2>Student-generated content</h2>
<p>Copyright &copy; 2012. All Rights Reserved. Due to privacy concerns, we do not know what portion of these will be released under open licenses.</p>
<p>MIT and <i>MITx</i> are trademarks of the Massachusetts Institute
of Technology, and may not be used without permission.</p>
<p>MIT and <i>MITx</i> are trademarks of the Massachusetts Institute of Technology, and may not be used without permission.</p>
</div>
</section>
lms/templates/dashboard.html
+ 26
− 64
View file @ 35c5de81
......@@ -31,79 +31,41 @@
% if len(courses) > 0:
% for course in courses:
<article class="my-course">
<a href="${reverse('info', args=[course.id])}">
<div class="cover">
<div class="shade"></div>
<div class="arrow"></div>
<img src="${static.url('images/circuits.jpeg')}" />
</div>
<section class="info">
<hgroup>
% for instructor in course.instructors:
<h3>${course.get_about_section('university')}</h3>
% endfor
<h2>${course.get_about_section("title")}</h2>
</hgroup>
<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="${reverse('info', args=[course.id])}" 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="#">${course.get_about_section('university')}</a></h3>
<h2><a href="${reverse('info', args=[course.id])}">${course.get_about_section("title")}</a></h2>
</hgroup>
<section class="course-status">
<p>Class starts - <span>9/2/2012</span></div>
</section>
<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>
% endfor
% else:
<section class="empty-dashboard-message">
<p>Looks like you aren't registered for any courses. You should take a minute and <a href="${reverse('courses')}" class="find-courses">Find some courses!</a></p>
<p>Looks like you haven't registered for any courses yet.</p>
<a href="${reverse('courses')}">Find courses now!</a>
</section>
% endif
<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>
</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>
</div>
<div class="complete">
<p><span class="completeness">60%</span> compleat</p>
</div>
</section>
</section>
</article>
</section>
</section>
lms/templates/footer.html
+ 30
− 22
View file @ 35c5de81
......@@ -3,28 +3,36 @@
<footer>
<nav>
<section class="copyright">
<a href="${reverse('root')}" class="logo"></a>
<p>&copy; 2012 edX, <a href="#">some rights reserved.</a></p>
<section class="primary-links">
<section class="copyright">
<a href="${reverse('root')}" class="logo"></a>
<p>&copy; 2012 edX, <a href="/t/copyright.html">some rights reserved.</a></p>
</section>
<ol>
<li>
<a href="${reverse('courses')}">Find Courses</a>
</li>
<li>
<a href="/t/about.html">About</a>
</li>
<li>
<a href="#">Blog</a>
</li>
<li>
<a href="/t/jobs.html">Jobs</a>
</li>
<li class="social">
<a href="#"><img src="${static.url('images/linkedin.png')}" /></a>
<a href="#"><img src="${static.url('images/facebook.png')}" /></a>
<a href="#"><img src="${static.url('images/twitter.png')}" /></a>
</li>
</ol>
</section>
<section class="secondary-links">
<a href="/t/tos.html">Terms of Service</a>
<a href="/t/privacy.html">Privacy Policy</a>
<a href="/t/honor.html">Honor Code</a>
<a href="/t/help.html">Help</a>
</section>
<ol>
<li>
<a href="${reverse('courses')}">Find Courses</a>
</li>
<li>
<a href="${reverse('about_edx')}">About</a>
</li>
<li>
<a href="#">Blog</a>
</li>
<li>
<a href="${reverse('jobs')}">Jobs</a>
</li>
<li class="social">
<a href="#"><img src="${static.url('images/linkedin.png')}" /></a>
<a href="#"><img src="${static.url('images/facebook.png')}" /></a>
<a href="#"><img src="${static.url('images/twitter.png')}" /></a>
</li>
</ol>
</nav>
</footer>
lms/templates/help.html
+ 25
− 38
View file @ 35c5de81
<%! from django.core.urlresolvers import reverse %>
<%inherit file="main.html" />
<%namespace name='static' file='static_content.html'/>
<%block name="title"><title>Help - MITx 6.002x</title></%block>
<section class="help main-content">
<section class="static-container help">
<h1>Help</h1>
<hr class="horizontal-divider">
<section class="self-help">
<div class="inner-wrapper">
<h2>Self-help</h2>
<ul>
<li>Read
the <a href="http://mitx.mit.edu/6002x-faq.html">FAQ</a>
carefully</li>
<li>Check the <a href="/info">course updates</a> -- we will
announce major errors and issues there </li>
<li>Check whether the issues has been asked on
the <a href="/discussion">discussion forums</a>, and if not,
ask</li>
<li>Ask in the IRC channel (irc.mitx.mit.edu, channel #6002)]</li>
<li>Check the <a href="/info">course handouts.</a></li>
<li><p>Read the <a href="/t/faq.html">FAQ</a> carefully</p></li>
<li><p>Check the <a href="/info">course updates</a> -- we will announce major errors and issues there </p></li>
<li><p>Check whether the issues has been asked on the <a href="/discussion">discussion forums</a>, and if not, ask</p></li>
<li><p>Ask in the IRC channel (irc.mitx.mit.edu, channel #6002)]</p></li>
<li><p>Check the <a href="/info">course handouts.</a></p></li>
</ul>
</section>
<section class="help-email">
<h2>Help email</h2>
<p> If you can't solve your problems with self-help, we have several
e-mail addresses set up:</p>
<dl>
<dt>System-related questions</dt>
<dd><a href="mailto:technical@mitx.mit.edu">technical@mitx.mit.edu</a></dd>
<dt>Content-related questions</dt>
<dd><a href="mailto:content@mitx.mit.edu">content@mitx.mit.edu</a></dd>
<dt>Bug reports</dt>
<dd><a href="mailto:bugs@mitx.mit.edu">bugs@mitx.mit.edu</a></dd>
<dt>Suggestions</dt>
<dd><a href="mailto:suggestions@mitx.mit.edu">suggestions@mitx.mit.edu</a></dd>
</dl>
<p> Please bear in mind that while we read them, we do not
expect to have time to respond to all e-mails. For technical
questions, please make sure you are using the latest version
of <a href="http://www.mozilla.org/en-US/firefox/new/">Firefox</a>
or <a href="https://www.google.com/chrome/">Chrome</a>, and
include browser and version in your e-mail, as well as
screenshots or other pertinent details. </p>
</section>
<h2>Help email</h2>
<p> If you can't solve your problems with self-help, we have several e-mail addresses set up:</p>
<ul>
<li><p>System-related questions: <a href="mailto:technical@mitx.mit.edu">technical@mitx.mit.edu</a></p></li>
<li><p>Content-related questions: <a href="mailto:content@mitx.mit.edu">content@mitx.mit.edu</a></p></li>
<li><p>Bug reports: <a href="mailto:bugs@mitx.mit.edu">bugs@mitx.mit.edu</a></p></li>
<li><p>Suggestions: <a href="mailto:suggestions@mitx.mit.edu">suggestions@mitx.mit.edu</a></p></li>
</ul>
<p>Please bear in mind that while we read them, we do not expect to have time to respond to all e-mails. For technical questions, please make sure you are using the latest version of <a href="http://www.mozilla.org/en-US/firefox/new/">Firefox</a> or <a href="https://www.google.com/chrome/">Chrome</a>, and include browser and version in your e-mail, as well as screenshots or other pertinent details.</p>
</div>
</section>
lms/templates/honor.html
+ 43
− 34
View file @ 35c5de81
<%inherit file="marketing.html" />
<%! from django.core.urlresolvers import reverse %>
<%inherit file="main.html" />
<section class="honor-code">
<div>
<h1> Collaboration Policy </h1>
<%namespace name='static' file='static_content.html'/>
<section class="static-container honor-code">
<h1> Collaboration Policy </h1>
<hr class="horizontal-divider">
<div class="inner-wrapper">
<p> By enrolling in a course on <i>edX</i>, you are joining a
special worldwide community of learners. The aspiration
of <i>edX</i> is to provide anyone in the world who has the
motivation and ability to engage edX coursework the opportunity
to attain the best edX-based educational experience that
Internet technology enables. You are part of the community who
will help <i>edX</i> achieve this goal.
will help <i>edX</i> achieve this goal.</p>
<p> <i>edX</i> depends upon your motivation to learn the material
and to do so with honesty. In order to participate
in <i>edX</i>, you must agree to the Honor Code below and any
additional terms specific to a class. This Honor Code, and any
additional terms, will be posted on each class website.
<div style="color:darkred;">
<h2> <i>edX</i> Honor Code Pledge</h2>
<p> By enrolling in an <i>edX</i> course, I agree that I will:
<ul>
<li> Complete all mid-terms and final exams with my own work
and only my own work. I will not submit the work of any
other person.
<li> Maintain only one user account and not let anyone else
use my username and/or password.
<li> Not engage in any activity that would dishonestly improve
my results, or improve or hurt the results of others.
<li> Not post answers to problems that are being used to
assess student performance.
</ul>
</div>
<p> Unless otherwise indicated by the instructor of an <i>edX</i>
course, learners on <i>edX</i> are encouraged to:
<ul>
<li> Collaborate with others on the lecture videos, exercises,
homework and labs.
<li> Discuss with others general concepts and materials in
each course.
<li> Present ideas and written work to fellow <i>edX</i>
learners or others for comment or criticism.
</ul>
additional terms, will be posted on each class website.</p>
<h2><i>edX</i> Honor Code Pledge</h2>
<p> By enrolling in an <i>edX</i> course, I agree that I will:</p>
<ul>
<li>
<p>Complete all mid-terms and final exams with my own work and only my own work. I will not submit the work of any other person.</p>
</li>
<li>
<p>Maintain only one user account and not let anyone else use my username and/or password.</p>
</li>
<li>
<p>Not engage in any activity that would dishonestly improve my results, or improve or hurt the results of others.</p>
</li>
<li>
<p>Not post answers to problems that are being used to assess student performance.</p>
</li>
</ul>
<p> Unless otherwise indicated by the instructor of an <i>edX</i> course, learners on <i>edX</i> are encouraged to:</p>
<ul>
<li>
<p>Collaborate with others on the lecture videos, exercises, homework and labs.</p>
</li>
<li>
<p>Discuss with others general concepts and materials in each course.</p>
</li>
<li>
<p>Present ideas and written work to fellow <i>edX</i> learners or others for comment or criticism.</p>
</li>
</ul>
</div>
</section>
lms/templates/index.html
+ 30
− 3
View file @ 35c5de81
......@@ -4,9 +4,36 @@
<section class="home">
<header>
<div class="inner-wrapper">
<h1>The Future of Online Education</h1>
<a href="${reverse('courses')}" class="find-courses">Find Courses</a>
<div class="outer-wrapper">
<div class="inner-wrapper">
<div class="title">
<h1>The Future of Online Education</h1>
<p>Free. Online. World Class.</p>
<div class="main-cta">
<a href="${reverse('courses')}" class="find-courses">Find Courses</a>
</div>
<div class="social-sharing">
<div class="sharing-message">Share with friends and family!</div>
<a href="#" class="share">
<img src="${static.url('images/twitter-sharing.png')}">
</a>
<a href="#" class="share">
<img src="${static.url('images/facebook-sharing.png')}">
</a>
<a href="#" class="share">
<img src="${static.url('images/email-sharing.png')}">
</a>
</div>
</div>
<div class="media">
<div class="hero">
<img src="${static.url('images/courses/space1.jpg')}" />
<div class="play-intro"></div>
</div>
</div>
</div>
</div>
</header>
......
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