127 lines
4.5 KiB
HTML
127 lines
4.5 KiB
HTML
<%inherit file="main.html" />
|
|
|
|
<header class="announcement">
|
|
<div class="anouncement-wrapper">
|
|
<nav>
|
|
<a class="modal login" href="#login">Log In</a>
|
|
</nav>
|
|
|
|
<section>
|
|
<h1>An MIT Education Anywhere. <br />For free.</h1>
|
|
<p>MITx is an open learning software available free of cost, so that others — whether other universities or different educational institutions, such as K–12 school systems — can leverage the same software for their online education offerings.</p>
|
|
</section>
|
|
</div>
|
|
|
|
</header>
|
|
|
|
<section class="index-content">
|
|
<section class="about">
|
|
<h1>About MITx</h1>
|
|
<p>MITx is a portfolio of MIT courses through an online interactive learning platform that:</p>
|
|
|
|
<ul>
|
|
<li>organizes and presents course material to enable students to learn at their own pace</li>
|
|
<li>features interactivity, online laboratories and student-to-student communication</li>
|
|
<li>allows for the individual assessment of any student’s work and allow students who demonstrate their mastery of subjects to earn a certificate of completion awarded by MITx</li>
|
|
<li>operates on an open-source, scalable software infrastructure in order to make it continuously improving and readily available to other educational institutions.</li>
|
|
</ul>
|
|
|
|
<p>This learning platform will enhance the educational experience of its on-campus students, offering them online tools that supplement and enrich their classroom and laboratory experiences. It will also be host to a virtual community learners around the world.</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h1>Course offering</h1>
|
|
<h2>6.002 Circuits and Electronics</h2>
|
|
<p> Taught by Anant Agarwal, with Gerald Sussman, Piotr Mitros, and Chris Terman, "6.002 Circuits and Electronics" is an on-line adaption of MIT's first undergraduate analog design course. This course will run, free of charge, for students worldwide from February 1, 2012 through July 1, 2012.</p>
|
|
<p>
|
|
<a href="/" class="more-info">More information about Circuits and Electronics</a>
|
|
</p>
|
|
</section>
|
|
|
|
<div style="display:none">
|
|
<div id="login"><%include file="login.html" /></div>
|
|
</div>
|
|
|
|
<div style="display:none">
|
|
<div id="pwd_reset"><%include file="password_reset_form.html" /></div>
|
|
</div>
|
|
|
|
<div style="display:none">
|
|
<div id="reset_done"></div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<script>
|
|
$(function() {
|
|
/* Set up FancyBox pop-ups */
|
|
|
|
// TODO: Clean up as per http://stackoverflow.com/questions/169506/obtain-form-input-fields-using-jquery
|
|
|
|
/* Handles when the user hits 'enroll'. Grabs form data. Does AJAX.
|
|
Either shows error, or shows success. */
|
|
|
|
$('#create_account_button').click(function() {
|
|
var submit_data={};
|
|
$.each($("[id^=ca_]"), function(index,value){
|
|
submit_data[value.name]=value.value;
|
|
});
|
|
$.each($("[id^=cb_]"), function(index,value){
|
|
submit_data[value.name]=value.checked;
|
|
});
|
|
|
|
postJSON('/create_account',
|
|
submit_data,
|
|
function(json) {
|
|
if(json.success) {
|
|
$('#enroll').html(json.value);
|
|
} else {
|
|
$('#enroll_error').html(json.value);
|
|
}
|
|
}
|
|
);
|
|
});
|
|
|
|
/* Handles when the user tries to log in. Grabs form data. Does AJAX.
|
|
Either shows error, or redirects. */
|
|
$('#login_button').click(function() {
|
|
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 {
|
|
$('#login_error').html("Invalid Login");
|
|
}
|
|
}
|
|
);
|
|
});
|
|
|
|
$('#pwd_reset_button').click(function() {
|
|
$.post('/password_reset/',{ "csrfmiddlewaretoken" : "${ csrf }",
|
|
"email" : $('#id_email').val()}, function(data){
|
|
$('#pwd_reset').html(data);
|
|
});
|
|
});
|
|
|
|
/* Activate stupid spinner drop-downs in enrollment form */
|
|
var spinner_array=$("[id^=spinner_]");
|
|
spinner_array.each(function(i) {
|
|
var s=spinner_array[i];
|
|
$("#"+s.id).click(function(){
|
|
$("#sregion"+s.id.substring(7)).toggle();
|
|
});
|
|
})
|
|
|
|
|
|
/*$("sregion"+$("[id^=spinner_]")[1].id.substring(7)) */
|
|
});
|
|
|
|
</script>
|