Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
91 lines (80 sloc) 3.66 KB
<%page expression_filter="h"/>
<%inherit file="main.html" />
<%namespace name='static' file='static_content.html'/>
<%!
from django.utils.translation import ugettext as _
from django.urls import reverse
from openedx.core.djangolib.markup import HTML, Text
%>
<head>
<!-- McDaniel Oct-2018: add the Bootstrap library, unless it's already included from webpack -->
% if not uses_bootstrap:
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
% endif
</head>
<main id="main" aria-label="Content" tabindex="-1">
<section class="home">
<header>
<!-- McDaniel Oct-2018: Ok, lets Bootstrap this page! -->
<div style="margin-bottom: 25px;" class="alert alert-success alert-dismissible fade show" role="alert">
<h4 class="alert-heading">Well done!</h4>
<p>You successfully added Bootstrap 4.0 to your homepage without breaking the LMS. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.</p>
<hr>
<p class="mb-0">Don't forget to comment on Lawrence's blog post: <a href="https://blog.lawrencemcdaniel.com/" target="_blank">blog.lawrencemcdaniel.com/</a>.</p>
</div>
<div class="outer-wrapper">
<div class="title">
<div class="heading-group">
% if homepage_overlay_html:
${homepage_overlay_html | n, decode.utf8}
% else:
<%include file="index_overlay.html" />
% endif
</div>
% if settings.FEATURES.get('ENABLE_COURSE_DISCOVERY'):
<div class="course-search">
<form method="get" action="/courses">
<label><span class="sr">${_("Search for a course")}</span>
<input class="search-input" name="search_query" type="text" placeholder="${_("Search for a course")}"></input>
</label>
<button class="search-button" type="submit">
<span class="icon fa fa-search" aria-hidden="true"></span><span class="sr">${_("Search")}</span>
</button>
</form>
</div>
% endif
</div>
<%include file="index_promo_video.html" />
</div>
</header>
<%include file="${courses_list}" />
</section>
</main>
% if show_homepage_promo_video:
<section id="video-modal" class="modal home-page-video-modal video-modal">
<div class="inner-wrapper">
<iframe title="YouTube Video" width="640" height="360" src="//www.youtube.com/embed/${homepage_promo_video_youtube_id}?showinfo=0" frameborder="0" allowfullscreen></iframe>
</div>
</section>
% endif
<%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
% if not uses_bootstrap:
<!-- McDaniel Oct-2018: add the Bootstrap javascript library, unless it's already included from webpack -->
## xss-lint: disable=mako-invalid-js-filter
<script type="text/javascript" src="${static.url('common/js/vendor/bootstrap.bundle.js')}"></script>
% endif