189 lines
7.8 KiB
HTML
189 lines
7.8 KiB
HTML
<%! from django.core.urlresolvers import reverse %>
|
|
<%! from time import strftime %>
|
|
<%inherit file="main.html" />
|
|
<%namespace name='static' file='static_content.html'/>
|
|
|
|
<section class="home">
|
|
<header>
|
|
<div class="outer-wrapper">
|
|
<div class="title">
|
|
<hgroup>
|
|
<h1>The Future of Online Education</h1>
|
|
<h2>For anyone, anywhere, anytime</h2>
|
|
</hgroup>
|
|
|
|
<section class="actions">
|
|
<div class="main-cta">
|
|
<a href="#signup-modal" id="signup_action" class="find-courses" rel="leanModal">Sign Up</a>
|
|
</div>
|
|
|
|
<div class="secondary-actions">
|
|
<div class="social-sharing">
|
|
<div class="sharing-message">Stay up to date with all edX has to offer!</div>
|
|
<a href="https://twitter.com/edXOnline" class="share">
|
|
<img src="${static.url('images/social/twitter-sharing.png')}">
|
|
</a>
|
|
<a href="http://www.facebook.com/EdxOnline" class="share">
|
|
<img src="${static.url('images/social/facebook-sharing.png')}">
|
|
</a>
|
|
<a href="https://plus.google.com/108235383044095082735/posts" class="share">
|
|
<img src="${static.url('images/social/google-plus-sharing.png')}">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<a href="#video-modal" class="media" rel="leanModal">
|
|
<div class="hero">
|
|
<div class="play-intro"></div>
|
|
</div>
|
|
</a>
|
|
|
|
</div>
|
|
</header>
|
|
|
|
<section class="container">
|
|
<section class="highlighted-courses">
|
|
<h2>Explore free courses from <span class="edx">edX</span> universities</h2>
|
|
|
|
<section class="university-partners">
|
|
<ol class="partners partners-primary">
|
|
<li class="partner mit">
|
|
<a href="${reverse('university_profile', args=['MITx'])}">
|
|
<img src="${static.url('images/university/mit/mit.png')}" />
|
|
<div class="name">
|
|
<span>MITx</span>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li class="partner">
|
|
<a href="${reverse('university_profile', args=['HarvardX'])}">
|
|
<img src="${static.url('images/university/harvard/harvard.png')}" />
|
|
<div class="name">
|
|
<span>HarvardX</span>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li class="partner last">
|
|
<a href="${reverse('university_profile', args=['BerkeleyX'])}">
|
|
<img src="${static.url('images/university/berkeley/berkeley.png')}" />
|
|
<div class="name">
|
|
<span>BerkeleyX</span>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
|
|
<hr />
|
|
|
|
<ol class="partners">
|
|
<li class="partner">
|
|
<a href="${reverse('university_profile', args=['UTx'])}">
|
|
<img src="${static.url('images/university/ut/ut-rollover_350x150.png')}" />
|
|
<div class="name">
|
|
<span>UTx</span>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li class="partner">
|
|
<a href="${reverse('university_profile', args=['WellesleyX'])}">
|
|
<img src="${static.url('images/university/wellesley/wellesley-rollover_350x150.png')}" />
|
|
<div class="name">
|
|
<span>WellesleyX</span>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li class="partner last">
|
|
<a href="${reverse('university_profile', args=['GeorgetownX'])}">
|
|
<img src="${static.url('images/university/georgetown/georgetown-rollover_350x150.png')}" />
|
|
<div class="name">
|
|
<span>GeorgetownX</span>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
</section>
|
|
|
|
<section class="courses">
|
|
<ul class="courses-listing">
|
|
%for course in courses:
|
|
<li class="courses-listing-item">
|
|
<%include file="course.html" args="course=course" />
|
|
</li>
|
|
%endfor
|
|
</ul>
|
|
</section>
|
|
</section>
|
|
</section>
|
|
|
|
<section class="container">
|
|
<section class="more-info">
|
|
<header>
|
|
<h2><span class="edx">edX</span> News & Announcements</h2>
|
|
<a class="action action-mediakit" href="${reverse('media-kit')}"> <span class="org-name">edX</span> MEDIA KIT</a>
|
|
</header>
|
|
<section class="news">
|
|
<section class="blog-posts">
|
|
%for entry in news:
|
|
<article>
|
|
%if entry.image:
|
|
<a href="${entry.link}" class="post-graphics" target="_blank"><img src="${entry.image}" /></a>
|
|
%endif
|
|
<div class="post-name">
|
|
<a href="${entry.link}" target="_blank">${entry.title}</a>
|
|
%if entry.summary:
|
|
<p>${entry.summary}</p>
|
|
%endif
|
|
<p class="post-date">${strftime("%m/%d/%y", entry.published_parsed)}</p>
|
|
</div>
|
|
</article>
|
|
%endfor
|
|
</section>
|
|
<section class="press-links">
|
|
<h3>edX in the News:</h3>
|
|
<a target="_blank" href="http://www.bbc.co.uk/news/business-19661899">BBC</a>,
|
|
<a target="_blank" href="http://www.technologyreview.com/news/506351/the-most-important-education-technology-in-200-years/">Technology Review</a>,
|
|
<a target="_blank" href="http://tech.mit.edu/V132/N48/edxvmware.html">The Tech</a>,
|
|
<a target="_blank" href="http://www.nytimes.com/2012/11/04/education/edlife/massive-open-online-courses-are-multiplying-at-a-rapid-pace.html">The New York Times</a>,
|
|
<a target="_blank" href="http://www.reuters.com/article/2012/10/19/us-education-courses-online-idUSBRE89I17120121019">Reuters</a>,
|
|
<a target="_blank" href="http://www.ft.com/intl/cms/s/2/73030f44-d4dd-11e1-9444-00144feabdc0.html#axzz2A9qvk48A">Financial Times</a>,
|
|
<a target="_blank" href="http://campustechnology.com/articles/2012/10/25/vmware-offers-free-virtualization-software-for-edx-computer-science-students.aspx">Campus Technology</a>,
|
|
<a target="_blank" href="http://chronicle.com/blogs/wiredcampus/san-jose-state-u-says-replacing-live-lectures-with-videos-increased-test-scores/40470">Chronicle of Higher Education</a>,
|
|
<a target="_blank" href="http://www.timeshighereducation.co.uk/story.asp?sectioncode=26&storycode=421577&c=1">Times Higher Education</a>,
|
|
<a target="_blank" href="http://www.bloomberg.com/news/2012-10-15/university-of-texas-joining-harvard-mit-online-venture.html">Bloomberg.com</a>,
|
|
<a target="_blank" href="http://www.businessweek.com/news/2012-10-15/university-of-texas-joining-harvard-mit-online-venture">BusinessWeek</a>,
|
|
<a target="_blank" href="http://news.yahoo.com/univ-texas-joins-online-course-program-edx-172202035--finance.html">Associated Press</a>
|
|
<a href="${reverse('press')}" class="read-more">Read More →</a>
|
|
</section>
|
|
</section>
|
|
</section>
|
|
</section>
|
|
|
|
</section>
|
|
|
|
<section id="video-modal" class="modal home-page-video-modal video-modal">
|
|
<div class="inner-wrapper">
|
|
<iframe width="640" height="360" src="http://www.youtube.com/embed/XNaiOGxWeto?showinfo=0" frameborder="0" allowfullscreen></iframe>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<%block name="js_extra">
|
|
<script type="text/javascript"">
|
|
$(window).load(function() {
|
|
if(getParameterByName('next')) {
|
|
$('#login').trigger("click");
|
|
}
|
|
})
|
|
</script>
|
|
</%block>
|
|
|
|
% if show_signup_immediately is not UNDEFINED:
|
|
## NOTE: This won't work in production, because anonymous views are cached, so it will
|
|
## show either with or without this extra js for 3 minutes at a time.
|
|
<script type="text/javascript">
|
|
$(window).load(function() {$('#signup_action').trigger("click");});
|
|
</script>
|
|
% endif
|