182 lines
5.6 KiB
HTML
182 lines
5.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title><%block name="title">MITx: MIT's new online learning initiative</%block></title>
|
|
|
|
<meta name="description" content="<%block name="description">MITx will offer a portfolio of MIT courses for free to a virtual community of learners around the world</%block>" />
|
|
|
|
<meta name="keywords" content="<%block name="keywords">MITx, online learning, MIT, online laboratory, education, learners, undergraduate, certificate</%block>" />
|
|
|
|
<!--link rel="stylesheet" href="${ settings.LIB_URL }jquery.treeview.css" type="text/css" media="all" /-->
|
|
<link rel="stylesheet" href="/static/css/marketing.css" type="text/css" media="all" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
|
<!--[if lt IE 8]>
|
|
<link rel="stylesheet" href="/static/css/marketing-ie.css" type="text/css" media="all" />
|
|
<![endif]-->
|
|
|
|
<script type="text/javascript" src="${ settings.LIB_URL }jquery-1.6.2.min.js"></script>
|
|
<script type="text/javascript" src="${ settings.LIB_URL }jquery-ui-1.8.16.custom.min.js"></script>
|
|
|
|
<script type="text/javascript" src="/static/js/jquery.leanModal.min.js"></script>
|
|
<!--script type="text/javascript" src="${ settings.LIB_URL }swfobject/swfobject.js"></script-->
|
|
<!--script type="text/javascript" src="${ settings.LIB_URL }jquery.treeview.js"></script-->
|
|
<!--script type="text/javascript" src="/static/js/video_player.js"></script-->
|
|
<!-- <script type="text/javascript" src="/static/js/schematic.js"></script> -->
|
|
|
|
<script src="/static/js/html5shiv.js"></script>
|
|
|
|
|
|
<%block name="headextra"/>
|
|
|
|
<script type="text/javascript">
|
|
function getCookie(name) {
|
|
var cookieValue = null;
|
|
if (document.cookie && document.cookie != '') {
|
|
var cookies = document.cookie.split(';');
|
|
for (var i = 0; i < cookies.length; i++) {
|
|
var cookie = jQuery.trim(cookies[i]);
|
|
// Does this cookie string begin with the name we want?
|
|
if (cookie.substring(0, name.length + 1) == (name + '=')) {
|
|
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
return cookieValue;
|
|
}
|
|
|
|
function postJSON(url, data, callback) {
|
|
$.ajax({type:'POST',
|
|
url: url,
|
|
dataType: 'json',
|
|
data: data,
|
|
success: callback,
|
|
headers : {'X-CSRFToken':getCookie('csrftoken')}
|
|
});
|
|
}
|
|
</script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<%block name="header">
|
|
<header class="announcement <%block name="header_class"/>">
|
|
<div class="anouncement-wrapper">
|
|
<%block name="header_nav">
|
|
<nav>
|
|
<h1><a href="http://mitx.mit.edu/">MITx</a></h1>
|
|
% if settings.COURSEWARE_ENABLED:
|
|
<%block name="login_area">
|
|
<a rel="leanModal" class="login" href="#login">Log In</a>
|
|
</%block>
|
|
% endif
|
|
</nav>
|
|
</%block>
|
|
|
|
<%block name="header_text">
|
|
<section>
|
|
<h1><em>MITx</em></h1>
|
|
<h2>MIT’s new online learning initiative</h2>
|
|
</section>
|
|
</%block>
|
|
</div>
|
|
</header>
|
|
</%block>
|
|
|
|
${self.body()}
|
|
<%block name="bodyextra"/>
|
|
|
|
<footer>
|
|
<div class="footer-wrapper">
|
|
<p> Copyright © 2012. MIT. <a href="/t/copyright.html">Some rights reserved.</a></p>
|
|
|
|
<ul>
|
|
<li><a href="/t/tos.html">Terms of Service</a></li>
|
|
<li><a href="/t/privacy.html">Privacy Policy</a></li>
|
|
<li><a href="/t/honor.html">Honor Code</a></li>
|
|
<li><a href="/t/mitx_help.html">Help</a></li>
|
|
</ul>
|
|
|
|
<ul class="social">
|
|
<li class="linkedin">
|
|
<a href="http://www.linkedin.com/groups/Friends-Alumni-MITx-4316538">Linked In</a>
|
|
</li>
|
|
<li class="twitter">
|
|
<a href="https://twitter.com/#!/MyMITx">Twitter</a>
|
|
</li>
|
|
<li class="facebook">
|
|
<a href="http://www.facebook.com/pages/MITx/378592442151504">Facebook</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</footer>
|
|
|
|
% if settings.COURSEWARE_ENABLED:
|
|
<div id="login" class="leanModal_box"><%include file="login.html" /></div>
|
|
% endif
|
|
<div id="pwd_reset" class="leanModal_box"><%include file="password_reset_form.html" /></div>
|
|
<div id="reset_done" class="leanModal_box"></div>
|
|
|
|
<script>
|
|
$(document).ready(function(){
|
|
/* Handles when the user tries to log in. Grabs form data. Does AJAX.
|
|
Either shows error, or redirects. */
|
|
$('form#login_form').submit(function(e) {
|
|
e.preventDefault();
|
|
var submit_data={};
|
|
$.each($("[id^=li_]"), function(index,value){
|
|
submit_data[value.name]=value.value;
|
|
});
|
|
submit_data["remember"] = ($('#remember').attr("checked")? true : false);
|
|
|
|
postJSON('/login',
|
|
submit_data,
|
|
function(json) {
|
|
if(json.success) {
|
|
location.href="/courseware";
|
|
} else if($('#login_error').length == 0) {
|
|
$('#login_form').prepend('<div id="login_error">Email or password is incorrect.</div>');
|
|
} else {
|
|
$('#login_error').stop().css("background-color", "#933").animate({ backgroundColor: "#333"}, 2000);
|
|
}
|
|
}
|
|
);
|
|
});
|
|
|
|
|
|
$('form#pwd_reset_form').submit(function(e) {
|
|
e.preventDefault();
|
|
var submit_data = {};
|
|
submit_data['email'] = $('#id_email').val();
|
|
postJSON('/password_reset/',
|
|
submit_data,
|
|
function(json){
|
|
if (json.success) {
|
|
$('#pwd_reset').html(json.value);
|
|
} else {
|
|
$('#pwd_error').html(json.error).stop().css("background-color", "#933").animate({ backgroundColor: "#333"}, 2000);
|
|
}
|
|
}
|
|
);
|
|
});
|
|
|
|
});
|
|
|
|
$(function(){
|
|
$("a[rel*=leanModal]").leanModal();
|
|
|
|
$("a.login").click(function(){
|
|
$("#login_form #li_email").focus();
|
|
});
|
|
|
|
$("a.enroll").click(function(){
|
|
$("#enroll_form #ca_email").focus();
|
|
});
|
|
});
|
|
</script>
|
|
|
|
<%block name="js_extra"/>
|
|
</body>
|
|
</html>
|