Commit 0c73c8f6 by Douglas Hall Committed by GitHub

Merge pull request #4 from edx/hasnain-naveed/WL-613

WL-613 | Example theme.
parents 7f16033b c5b92605
(function(require) {
'use strict';
require(['edx-ui-toolkit/js/utils/html-utils'], function(HtmlUtils) {
function addSlider() {
var isMobileResolution = $(window).width() < 768,
sliderExists = $('.about-list').hasClass('slick-slider');
$('.about-list').toggleClass('slidable', isMobileResolution);
if (isMobileResolution) {
if (!sliderExists) {
$('.about-list').find('.about-list-item').removeClass('col col-4');
$('.slidable').slick({
nextArrow: '<i class="fa fa-angle-right"></i>',
prevArrow: '<i class="fa fa-angle-left"></i>'
});
}
} else {
HtmlUtils.setHtml('.about-container', HtmlUtils.HTML($('#about-content').html()));
}
}
$(function() {
HtmlUtils.setHtml('.about-container', HtmlUtils.HTML($('#about-content').html()));
addSlider();
});
$(window).resize(function() {
addSlider();
});
});
}).call(this, require || RequireJS.require);
$(document).ready(function() {
'use strict';
var div = '';
$('.back-to-top').on('click', function(event) {
event.preventDefault();
$('html, body').animate({scrollTop: 0}, 300);
});
$('ul.list-divided li.item a').on('click', function(event) {
event.preventDefault();
div = $(this).attr('href');
$('html, body').animate({scrollTop: $(div).offset().top}, 300);
});
});
(function(require) {
'use strict';
require(['edx-ui-toolkit/js/utils/html-utils', 'edx-ui-toolkit/js/utils/string-utils'],
function(HtmlUtils, StringUtils) {
var errorMessages = {
name: 'Please provide your name.',
email: 'Please provide a valid e-mail.',
details: 'Please provide message.',
subject: 'Please provide an inquiry type.'
};
function addErrorDiv(id) {
var start = HtmlUtils.HTML('<div class="has-error field-message"><span class="field-message-content">'),
errorDiv = StringUtils.interpolate(
'{start}{errorMessage}{end}',
{
start: start,
errorMessage: errorMessages[id],
end: HtmlUtils.HTML('</span></div>')
}
);
$('#' + id).addClass('has-error');
$('#' + id).parent().append(HtmlUtils.template(errorDiv)().toString());
}
function submitForm(data) {
$.post('/submit_feedback', data, function() {
$('#success-message-btn').click();
setTimeout(function() {
$('#lean_overlay').trigger('click');
$('#contact_form').trigger('reset');
}, 2000);
}).fail(function(xhr) {
var responseData = jQuery.parseJSON(xhr.responseText);
addErrorDiv(responseData.field);
});
}
function removeErrorDiv(id) {
$('#' + id).removeClass('has-error');
$($('#' + id).next()).remove();
}
function validateForm() {
var optionalFields = ['user_type']; // Optional fields array
var formValues = $('#contact_form').find(':input'),
i = 0,
data = {},
value = '',
id = '',
response = {
is_form_validate: true,
data: ''
};
for (i = 0; i < formValues.length - 2; i++) {
value = $(formValues[i]).val();
id = $(formValues[i]).attr('id');
removeErrorDiv(id);
if (value && value !== '') {
data[id] = value;
} else {
if ($.inArray(id, optionalFields) === -1) {
response.is_form_validate = false;
addErrorDiv(id);
}
}
}
response.data = data;
return response;
}
$(function() {
var validateFormData = '';
$('#submit_btn').click(function(e) {
e.preventDefault();
validateFormData = validateForm();
if (validateFormData.is_form_validate) {
submitForm(validateFormData.data);
}
});
});
});
}).call(this, require || RequireJS.require);
(function(require) {
'use strict';
require([
'edx-ui-toolkit/js/utils/html-utils',
'/static/example/js/leanModal.js'
], function(HtmlUtils) { // eslint-disable-line no-unused-vars // jshint ignore:line
function expandDescription(entireDescriptionContent) {
var showLessLinkHtml = '<a id="description_less" href="#" class="brand-link">Less</a>';
HtmlUtils.setHtml('.course-description', HtmlUtils.HTML(entireDescriptionContent + showLessLinkHtml));
$('#description_less').click(function(event) {
event.preventDefault();
truncateDescription(entireDescriptionContent); // eslint-disable-line no-use-before-define
});
}
function truncateDescription(entireDescriptionContent) {
var showMoreLink = '',
truncatedContent = '';
if (entireDescriptionContent.length > 500) {
showMoreLink = '... <a id="description_show" href="#" class="brand-link">See More</a>';
truncatedContent = entireDescriptionContent.substring(0, entireDescriptionContent.indexOf(' ', 500));
HtmlUtils.setHtml('.course-description', HtmlUtils.HTML(truncatedContent + showMoreLink));
$('#description_show').click(function(event) {
event.preventDefault();
expandDescription(entireDescriptionContent);
});
}
}
function expandLearningPoints(entireLearningContent) {
var showLessLinkHtml = '<a id="learning_less" href="#" class="brand-link learning-points-btn">Less</a>';
HtmlUtils.setHtml(
'.course-learning .list-bulleted',
HtmlUtils.HTML(entireLearningContent + showLessLinkHtml)
);
$('#learning_less').click(function() {
truncateLearningPoints(entireLearningContent); // eslint-disable-line no-use-before-define
});
}
function truncateLearningPoints(entireLearningContent) {
var learningPointsCount = $('.course-learning .list-bulleted').children().length,
points = '',
showMoreLink = '';
if (learningPointsCount > 6) {
points = $('.course-learning .list-bulleted').children().slice((6 - learningPointsCount));
points.remove();
showMoreLink = '<a id="learning_show" href="#" class="brand-link learning-points-btn">See More</a>';
HtmlUtils.append('.course-learning .list-bulleted', HtmlUtils.HTML(showMoreLink));
$('#learning_show').click(function(event) {
event.preventDefault();
expandLearningPoints(entireLearningContent);
});
}
}
function init() {
var entireDescriptionContent = $('.course-description').html(),
entireLearningContent = $('.course-learning .list-bulleted').html();
// Truncating the Course Description
truncateDescription(entireDescriptionContent);
// Truncating the Course learning points
truncateLearningPoints(entireLearningContent);
// Instructor Modal
$('.instructor-image').leanModal({closeButton: '.modal_close', top: '10%'});
}
init();
});
}).call(this, require || RequireJS.require);
/*eslint-disable */
(function(require) {
"use strict";
require(['edx-ui-toolkit/js/utils/html-utils'], function(HtmlUtils) {
$.fn.extend({
/*
* leanModal prepares an element to be a modal dialog. Call it once on the
* element that launches the dialog, when the page is ready. This function
* will add a .click() handler that properly opens the dialog.
*
* The launching element must:
* - be an <a> element, not a button,
* - have an href= attribute identifying the id of the dialog element,
* - have rel='leanModal'.
*/
leanModal: function(options) {
var defaults = {
top: 100,
overlay: 0.5,
closeButton: null,
position: 'fixed'
};
if ($("#lean_overlay").length === 0) {
var overlay = $("<div id='lean_overlay'></div>");
$("body").append(HtmlUtils.template(overlay)().toString());
}
options = $.extend(defaults, options);
return this.each(function() {
var o = options;
$(this).click(function(e) {
$(".modal").hide();
var modal_id = $(this).attr("href");
if ($(modal_id).hasClass("video-modal")) {
//Video modals need to be cloned before being presented as a modal
//This is because actions on the video get recorded in the history.
//Deleting the video (clone) prevents the odd back button behavior.
var modal_clone = $(modal_id).clone(true,
true);
modal_clone.attr('id', 'modal_clone');
$(modal_id).after(HtmlUtils.ensureHtml(modal_clone).toString());
modal_id = '#modal_clone';
}
$("#lean_overlay").click(function(e) {
close_modal(modal_id, e);
});
$(o.closeButton).click(function(e) {
close_modal(modal_id, e);
});
// To enable closing of email modal when copy button hit
$(o.copyEmailButton).click(function(e) {
close_modal(modal_id, e);
});
var modal_width = $(modal_id).outerWidth();
$('#lean_overlay').css({
'display': 'block',
opacity: 0
});
$('#lean_overlay').fadeTo(200, o.overlay);
$('iframe', modal_id).attr('src', $('iframe',
modal_id).data('src'));
if ($(modal_id).hasClass("email-modal")) {
$(modal_id).css({
'width': 80 + '%',
'height': 80 + '%',
'position': o.position,
'opacity': 0,
'z-index': 11000,
'left': 10 + '%',
'top': 10 + '%'
});
} else {
$(modal_id).css({
'position': o.position,
'opacity': 0,
'z-index': 11000,
'left': 50 + '%',
'margin-left': -(modal_width / 2) +
"px",
'top': o.top + "px"
});
}
$(modal_id).show().fadeTo(200, 1);
$(modal_id).find(".notice").hide().html("");
var notice = $(this).data('notice');
if (notice !== undefined) {
var $notice = $(modal_id).find(".notice");
$notice.show();
$notice.append(HtmlUtils.ensureHtml(notice).toString());
// This is for activating leanModal links that were in the notice. We should have a cleaner way of
// allowing all dynamically added leanmodal links to work.
$notice.find("a[rel*=leanModal]").leanModal({
top: 120,
overlay: 1,
closeButton: ".close-modal",
position: 'absolute'
});
}
e.preventDefault();
});
});
function close_modal(modal_id, e) {
$("#lean_overlay").fadeOut(200);
$('iframe', modal_id).attr('src', '');
$(modal_id).css({
'display': 'none'
});
if (modal_id === '#modal_clone') {
$(modal_id).remove();
}
e.preventDefault();
}
}
});
$(document).ready(function($) {
$("a[rel*=leanModal]").each(function() {
$(this).leanModal({
top: 120,
overlay: 1,
closeButton: ".close-modal",
position: 'absolute'
});
var embed = $($(this).attr('href')).find('iframe');
if (embed.length > 0 && embed.attr('src')) {
var sep = (embed.attr('src').indexOf("?") > 0) ? '&' :
'?';
embed.data('src', embed.attr('src') + sep +
'autoplay=1&rel=0');
embed.attr('src', '');
}
});
});
});
}).call(
this,
typeof define === 'function' && define.amd ? define :
(typeof RequireJS !== 'undefined' ? RequireJS.define : "")
);
/* jshint strict: false */
var $el = $('#sticky'),
stickyBarTop = $('#sticky').offset().top,
MIN_WEB_WIDTH = 768;
$(document).ready(function() {
'use strict';
var makeSticky = function() {
$el.css({
position: 'fixed',
top: 0,
width: '100%',
'z-index': '10',
'box-shadow': '0px 1px 5px rgba(0,0,0,0.5)'
});
$('.sticky-course-title').removeClass('hidden');
$('.course-run').addClass('hidden');
};
var removeSticky = function() {
$el.css({
position: 'static',
'z-index': '0',
'box-shadow': 'none'
});
$('.sticky-course-title').addClass('hidden');
$('.course-run').removeClass('hidden');
};
var initializeSticky = function() {
var windowTop = '';
if ($el.length) { // Element should exist
$(window).scroll(function() {
if ($(window).width() >= MIN_WEB_WIDTH) {
windowTop = $(window).scrollTop();
if (stickyBarTop < windowTop) {
makeSticky();
} else {
removeSticky();
}
}
});
}
};
initializeSticky();
$(window).resize(function() {
if ($(window).width() >= MIN_WEB_WIDTH) {
makeSticky();
} else {
removeSticky();
}
});
});
.tabcordion{
padding: 1rem 0;
min-height: 500px;
margin: 1rem 0 0;
h2{
font-size: 1.5rem;
color: $black;
letter-spacing: 0;
}
ul {
margin: 0;
padding: 0;
position: relative;
li {
list-style: none;
display: block;
margin-left: 0;
overflow: hidden;
margin-bottom: 3px;
vertical-align: top;
a {
border: 0;
background: #d2d0d0;
display: block;
padding: 1.25rem 2rem 1.25rem 1rem;
position: relative;
color: $black;
&:hover, &.active, &:focus {
color: $black;
}
&:after{
content: "\f0da";
position: absolute;
right: 20px;
top: 22px;
font-family: 'FontAwesome';
font-size: 1.3rem;
color: #9b9b9b;
}
&.active{
&:after{
content: "\f0dd";
top: 18px;
}
}
}
ul {
li {
a {
padding: 10px 25px;
border-bottom: 1px dotted #ccc;
}
}
}
&:first-child{
margin-left: 0;
a{
padding-left: 1rem;
}
}
}
section {
display: none; /* I NEED TO FIX THIS */
float: left;
overflow: hidden;
padding: 1rem;
background-color: transparent;
p{
line-height: 1.75rem;
}
}
}
}
@media only screen and (min-width: 30em) {
.tabcordion {
ul {
position: relative;
border: none;
li {
display: inline-block;
margin-left: -4px;
margin-bottom: 0;
a {
display: inline-block;
padding: 1.25rem 1rem;
text-decoration: none;
background-color: transparent;
color: $brand-color;
font-size: 1.1rem;
z-index: 1;
position: relative;
&:hover, &.active {
color: $black;
border-bottom: 5px solid $brand-color;
&:after{
content: "";
display: none;
}
}
&:after{
content: "";
display: none;
}
}
&:first-child{
margin-left: -4px;
display: inline-block;
a{
padding-left: 0;
}
}
}
section {
padding: 2% 0;
position: absolute;
top: 42px;
left: 0;
border-top: 5px solid $dark;
margin-top: 14px;
z-index: 0;
}
}
}
}
@import 'lms/static/sass/partials/base/variables';
$white: #ffffff;
$body-background-color: $white;
$x-dark: #34383a;
$light: #d2d0d0;
$dark: #6b6969;
$course-section-background-color: #f7f7f7;
$brand-color: $dark;;
$base: #9b9b9b;
$success-base: #25b85a;
$error-base: #b20610;
$brand-font: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
$action-primary-fg: $brand-color;
$action-primary-bg: lighten($brand-color, 10%);
$action-primary-shadow: $brand-color !default;
$link-color: $brand-color !default;
// LMS - CSS application architecture
// Version 1 styling (pre-Pattern Library)
// ====================
// libs and resets *do not edit*
@import 'bourbon/bourbon'; // lib - bourbon
@import 'vendor/bi-app/bi-app-ltr'; // set the layout for left to right languages
// BASE *default edX offerings*
// ====================
// base - utilities
@import 'base/reset';
@import 'base/variables';
@import 'base/mixins';
// This comment is used by preprocess_assets.py to include resources from a
// theme, for old-style deprecated theming.
//<THEME-OVERRIDE>
@import 'build-lms-v1'; // shared app style assets/rendering
// ------------------------------
// LMS main styling
// Version 2 - introduces the Pattern Library
// NOTE: This is the left-to-right (LTR) configured style compile.
// It should mirror lms-main-v2-rtl w/ the exception of bi-app references.
// Load the LTR version of the edX Pattern Library
$pattern-library-path: '../../edx-pattern-library' !default;
@import 'edx-pattern-library/pattern-library/sass/edx-pattern-library-ltr';
// base - utilities
@import 'base/variables';
// Load the shared build
@import 'build-lms-v2';
// Load overrides
@import "overrides";
@import "accordion";
/* Slider */
.slick-slider {
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
&:focus {
outline: none;
}
&.dragging {
cursor: pointer;
cursor: hand;
}
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
&:before,
&:after {
content: "";
display: table;
}
&:after {
clear: both;
}
.slick-loading & {
visibility: hidden;
}
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
[dir="rtl"] & {
float: right;
}
img {
display: block;
}
&.slick-loading img {
display: none;
}
display: none;
&.dragging img {
pointer-events: none;
}
.slick-initialized & {
display: block;
}
.slick-loading & {
visibility: hidden;
}
.slick-vertical & {
display: block;
height: auto;
border: 1px solid transparent;
}
}
.slick-arrow.slick-hidden {
display: none;
}
## mako
<%page expression_filter="h"/>
<%namespace name='static' file='static_content.html'/>
<script type="text/template" id="about-content">
<div class="grid-manual">
<div class="row">
<div class="col col-12 text-center">
<h2>Lorem ipsum dolor sit amet, ad mea dictas audiam</h2>
</div>
</div>
<div class="row about-list text-center">
<div class="col col-4 about-list-item">
<div class="about-icon">
<img src="${static.url('images/about-img.png')}" alt="Students" />
<p>
<span>Participants</span>
Lorem ipsum dolor sit amet, ad mea dictas audiam, nec id graecis explicari.
</p>
</div>
</div>
<div class="col col-4 about-list-item">
<div class="about-icon">
<img src="${static.url('images/about-img.png')}" alt="Faculty" />
<p>
<span>Faculty</span>
Lorem ipsum dolor sit amet, ad mea dictas audiam, nec id graecis explicari.
</p>
</div>
</div>
<div class="col col-4 about-list-item">
<div class="about-icon">
<img src="${static.url('images/about-img.png')}" alt="Courses" />
<p>
<span>Courses</span>
Lorem ipsum dolor sit amet, ad mea dictas audiam, nec id graecis explicari.
</p>
</div>
</div>
</div>
<div class="row hidden more-about-btn">
<div class="col col-12 text-center">
<a href="/about" class="btn-neutral">More about this site</a>
</div>
</div>
</div>
</script>
<script src="${static.url('js/about-site.js')}"></script>
## mako
<%namespace name='static' file='static_content.html'/>
<%!
from django.utils.translation import ugettext as _
from django.core.urlresolvers import reverse
%>
<%page args="course" expression_filter="h"/>
<article class="course" id="${course.id}" role="region" aria-label="${course.display_name_with_default}">
<a href="${reverse('about_course', args=[course.id.to_deprecated_string()])}">
<header class="course-image">
<div class="cover-image">
<img src="${course.course_image_url}" alt="${course.display_name_with_default} ${course.display_number_with_default}" />
<div class="learn-more" aria-hidden=true>${_("LEARN MORE")}</div>
</div>
</header>
<div class="course-info" aria-hidden="true">
<h2 class="course-name">
<span class="course-organization">${course.display_org_with_default}</span>
<span class="course-title">${course.display_name}</span>
</h2>
<div class="course-date" aria-hidden="true">${course.start_datetime_text()} - ${course.end_datetime_text()}</div>
</div>
<div class="sr">
<ul>
<li>${course.display_org_with_default}</li>
<li>${course.display_name}</li>
<li>${_("Starts")}: <time itemprop="startDate" datetime="${course.start_datetime_text()}">${course.start_datetime_text()}</time></li>
</ul>
</div>
</a>
</article>
## mako
<%page expression_filter="h"/>
<%namespace name='static' file='static_content.html'/>
<%! from django.utils.translation import ugettext as _ %>
<section class="courses-section">
<div class="courses-container">
<div class="highlighted-courses">
% if settings.FEATURES.get('COURSES_ARE_BROWSABLE'):
<section class="courses">
<div class="grid-manual">
<div class="row">
<div class="col col-12 text-center">
<h2>
<span class="course-list-heading"> Lorem ipsum dolor sit amet</span>
</h2>
</div>
</div>
<div class="row course-list">
%for course in courses[:6]:
<div class="col col-12 sm-col-12 md-col-4 lg-col-4">
<div class="courses-listing-item">
<%include file="course.html" args="course=course" />
</div>
</div>
%endfor
</div>
</div>
</section>
% endif
</div>
</div>
</section>
## mako
<%page expression_filter="h"/>
<%! from django.utils.translation import ugettext as _ %>
<%inherit file="../main.html" />
<%namespace name='static' file='../static_content.html'/>
<section class="home">
<header class="hero-catalog hero-small hero">
<div class="tint-dark">
<div class="grid-container grid-manual">
<div class="row">
<div class="col col-10 sm-col-10 md-col-10 lg-col-8 xl-col-6 text-tint">
<p>Lorem ipsum dolor sit amet, sea te quaeque suscipiantur.</p>
</div>
</div>
</div>
</div>
</header>
<section class="courses-section">
<div class="courses-container">
<div class="highlighted-courses">
<section class="courses">
<div class="grid-manual">
<div class="row">
<div class="col col-12 text-center">
<h2>
<span> ${_('Lorem ipsum dolor sit amet.')}</span>
</h2>
</div>
</div>
<div class="row course-list">
%for course in courses:
<div class="col col-12 sm-col-12 md-col-4 lg-col-4">
<div class="courses-listing-item">
<%include file="../course.html" args="course=course"/>
</div>
</div>
%endfor
</div>
</div>
</section>
</div>
</div>
</section>
</section>
## mako
<%page expression_filter="h"/>
<%namespace name='static' file='static_content.html'/>
<section class="footer-main">
<div class="grid-manual grid-container">
<div class="row">
<div class="col col-12 sm-col-12 md-col-4 footer-logo">
<ul>
<li><a href="/"><img src="http://placehold.it/190x60" alt="Logo" /></a></li>
<li><a href="#">More about Lorem Ipsum</a></li>
</ul>
</div>
<div class="col col-12 sm-col-12 md-col-4">
<div class="col col-6">
<ul>
<li>About</li>
<li><a href="/about">About this Site</a></li>
<li><a href="/faq">FAQ</a></li>
<li><a href="/contact">Contact Us</a></li>
</ul>
</div>
<div class="col col-6">
<ul>
<li>Support</li>
<li><a href="/tos">Terms of Service</a></li>
<li><a href="/privacy">Privacy Policy</a></li>
<li><a href="/honor">Honor Code</a></li>
</ul>
</div>
</div>
<div class="col col-12 sm-col-12 md-col-4">
<div class="col col-6">
<ul>
<li>Connect</li>
<li><a href="#">Facebook</a></li>
<li><a href="#">Twitter</a></li>
<li><a href="#">LinkedIn</a></li>
<li><a href="#">YouTube</a></li>
</ul>
</div>
<div class="col col-6 open-edx-logo">
<ul>
<li>
<a href="https://open.edx.org">
<img src="${static.url('images/openedx-logo-tag.png')}" alt="openedx-logo" />
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
## mako
<%page expression_filter="h"/>
<%namespace name='static' file='static_content.html'/>
<link rel="stylesheet" type="text/css" href="${static.url('css/lms-main-v2.css')}"/>
<!-- Hack to prevent font awesome icons from being overridden -->
<script>
var observer = new MutationObserver(function(mutations, obv){
mutations.forEach(function(mutation) {
if (mutation.target.classList.contains('edx-icons')) {
mutation.target.classList.remove('edx-icons');
observer.disconnect();
}
});
});
observer.observe(document.querySelector('html'), {attributes: true});
</script>
## mako
<%page expression_filter="h"/>
<%namespace name='static' file='static_content.html'/>
<%namespace file='main.html' import="login_query"/>
<%!
from django.utils.translation import ugettext as _
from django.core.urlresolvers import reverse
from openedx.core.djangoapps.user_api.accounts.image_helpers import get_profile_image_urls_for_user
%>
<header id="global-navigation" class="header-main" >
<nav class="nav-wrapper" aria-label="${_('Global')}">
<div class="grid-manual grid-container">
<div class="row">
<div class="col col-6 sm-col-4 md-col-4 lg-col-3 xl-col-3">
<div class="logo">
<a href="${marketing_link('ROOT')}">
<img src="http://placehold.it/190x60" alt="Home Page" />
</a>
</div>
</div>
<div class="col col-6 sm-col-8 md-col-8 lg-col-6 xl-col-6 pull-right">
<div class="navbar-collapse">
<div class="collapsed-button">
<span></span><span></span><span></span>
</div>
<ul class="list-inline">
% if user.is_authenticated():
<%
username = user.username
profile_image_url = get_profile_image_urls_for_user(user)['medium']
%>
<li class="user-account">
<span class="user-img"><img src="${profile_image_url}" alt=""></span>
<span class="user-name">${username}</span>
<ul>
<li><a href="${reverse('dashboard')}">${_("Dashboard")}</a></li>
<li><a href="${reverse('learner_profile', kwargs={'username': user.username})}">${_("Profile")}</a></li>
<li><a href="${reverse('account_settings')}">${_("Account")}</a></li>
<li><a href="${reverse('logout')}">${_("Sign Out")}</a></li>
</ul>
</li>
% else:
<li>
<a class="btn-brand btn-client" href="/register${login_query()}">${_("Create Account")}</a>
</li>
<li>
<a href="/login${login_query()}" class="brand-link">${_("Sign in")}</a>
</li>
% endif
<li>
<a href="/courses" class="brand-link">${_("Courses")}</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
</header>
<script>
$( ".collapsed-button" ).click(function() {
$(".navbar-collapse .list-inline").toggleClass("show-menu");
});
$(".user-account .user-name").click(function(){
$(".user-account ul").toggleClass("show-user-menu");
});
</script>
## mako
<%page expression_filter="h"/>
<%inherit file="main.html" />
<%namespace name='static' file='static_content.html'/>
<%!
from django.utils.translation import ugettext as _
from django.core.urlresolvers import reverse
%>
<%block name="headextra">
<link rel="stylesheet" type="text/css" href="${static.url('css/slick.css')}"/>
</%block>
<%block name="js_extra">
<script type="text/javascript">
$(window).load(function () {
$(".more-about-btn").removeClass("hidden");
if (getParameterByName('next')) {
$('#login').trigger("click");
}
})
</script>
<%include file="about_site.html" />
<script type="text/javascript" src="${static.url('js/slick.min.js')}"></script>
</%block>
<section class="home">
<header class="hero-main hero">
<div class="tint-dark">
<div class="grid-container grid-manual">
<div class="row">
<div class="col col-10 sm-col-10 md-col-10 lg-col-8 xl-col-6 text-tint">
<p>Lorem ipsum dolor sit amet, ad mea dictas audiam, nec id graecis explicari hasnain</p>
% if show_homepage_promo_video:
<a href="#video-modal" class="btn-neutral btn-large" rel="leanModal">Watch video <i class="fa fa-play"></i></a>
% endif
</div>
</div>
</div>
</div>
</header>
<%include file="${courses_list}" />
<section class="about-section">
<div class="about-container"></div>
</section>
</section>
% if show_homepage_promo_video:
<section id="video-modal" class="modal modal-custom custom-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
% 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
## mako
<%page expression_filter="h"/>
<%! from django.utils.translation import ugettext as _ %>
<%namespace name='static' file='../static_content.html'/>
<%inherit file="../main.html" />
<%block name="pagetitle">${_("About Us")}</%block>
<div class="page-heading">
<h1>${_("About Us")}</h1>
</div>
<section class="static-content">
<div class="grid-manual grid-container">
<div class="inner-container">
<div class="row">
<div class="col col-12 sm-col-8">
<h1>Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet</h1>
<h2>Lorem ipsum dolor sit amet</h2>
<p>Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti sed.
Pro ei bonorum commune, ea impedit pericula cum. Ex mea dolor maiorum. Et oblique vocibus quo, atqui facete
doctus sed an. Ei sed denique periculis, ad error alterum duo. Veritus eligendi pri ne, cibo vocent abhorreant
ad eum, nam iuvaret electram prodesset ea. Sed in detracto pericula..</p>
<h2>Lorem ipsum dolor sit amet</h2>
<p>Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti sed.
Pro ei bonorum commune, ea impedit pericula cum. Ex mea dolor maiorum. Et oblique vocibus quo, atqui facete
doctus sed an. Ei sed denique periculis, ad error alterum duo. Veritus eligendi pri ne, cibo vocent abhorreant
ad eum, nam iuvaret electram prodesset ea. Sed in detracto pericula..</p>
<h2>Lorem ipsum dolor sit amet</h2>
<p>Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti sed.
Pro ei bonorum commune, ea impedit pericula cum. Ex mea dolor maiorum. Et oblique vocibus quo, atqui facete
doctus sed an. Ei sed denique periculis, ad error alterum duo. Veritus eligendi pri ne, cibo vocent abhorreant
ad eum, nam iuvaret electram prodesset ea. Sed in detracto pericula..</p>
<h3>Lorem ipsum dolor sit amet</h3>
<p>Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti sed.
Pro ei bonorum commune, ea impedit pericula cum. Ex mea dolor maiorum. Et oblique vocibus quo, atqui facete
doctus sed an. Ei sed denique periculis, ad error alterum duo. Veritus eligendi pri ne, cibo vocent abhorreant
ad eum, nam iuvaret electram prodesset ea. Sed in detracto pericula..</p>
<h3>Lorem ipsum dolor sit amet</h3>
<p>Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti sed.
Pro ei bonorum commune, ea impedit pericula cum. Ex mea dolor maiorum. Et oblique vocibus quo, atqui facete
doctus sed an. Ei sed denique periculis, ad error alterum duo. Veritus eligendi pri ne, cibo vocent abhorreant
ad eum, nam iuvaret electram prodesset ea. Sed in detracto pericula..</p>
<h3>Lorem ipsum dolor sit amet</h3>
<p>Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti sed.
Pro ei bonorum commune, ea impedit pericula cum. Ex mea dolor maiorum. Et oblique vocibus quo, atqui facete
doctus sed an. Ei sed denique periculis, ad error alterum duo. Veritus eligendi pri ne, cibo vocent abhorreant
ad eum, nam iuvaret electram prodesset ea. Sed in detracto pericula..</p>
<h2>Media Inquiries</h2>
<p>Lorem ipsum dolor sit amet<br />
Tel.: 123-456-7890<br />
<a href="" class="brand-link">loremIpsem@lorem.edu</a><br />
Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet:
<a href="#" target="_blank" class="brand-link">Lorem ipsum dolor sit amet</a>.</p>
</p>
</div>
<div class="col col-12 sm-col-4 mission-statement">
<img src="${static.url('images/user-thumbnail.png')}" alt="Mission Statement">
<p>"Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit."</p>
<p>
<strong>Lorem ipsum</strong><br/>
Lorem ipsum, Lorem ipsum
</p>
</div>
</div>
</div>
</div>
</section>
## mako
<%page expression_filter="h"/>
<%!
from django.utils.translation import ugettext as _
from openedx.core.djangolib.markup import Text, HTML
from datetime import datetime
import pytz
from django.conf import settings
%>
<%inherit file="../main.html" />
<%namespace name='static' file='../static_content.html'/>
<%block name="pagetitle">${_("Contact Us")}</%block>
<div class="page-heading">
<h1>${_("Contact Us")}</h1>
</div>
<section class="static-content">
<div class="grid-manual grid-container">
<div class="inner-container">
<div class="row">
<div class="col col-12 sm-col-10 md-col-8 lg-col-6 xl-col-6 col-centered">
<form id="contact_form" class="form-block">
<div class="input-group">
<label for="">Email*</label>
<input type="text" class="input-lg" id="email">
</div>
<div class="input-group">
<label for="">Full Name*</label>
<input type="text" class="input-lg" id="name">
</div>
<div class="input-group">
<label for="">I am a</label>
<div class="custom-select">
<select name="user_type" id="user_type" class="input-lg">
<option value="">Select</option>
<option value="learner">Learner</option>
<option value="teacher">Teacher</option>
<option value="other">Other</option>
</select>
</div>
</div>
<div class="input-group">
<label for="">Inquiry Type*</label>
<div class="custom-select">
<select id="subject" class="input-lg">
<option value="">Select</option>
<option value="payments">Payments</option>
<option value="certificates">Certificates</option>
<option value="assessments">Assessments</option>
<option value="videos">Videos</option>
<option value="discussion-forums">Discussion Forums</option>
<option value="mobile-application">Mobile Application</option>
</select>
</div>
</div>
<div class="input-group">
<label for="">Message*</label>
<textarea id="details" rows="10"></textarea>
</div>
<input type="text" name="issue_type" id="issue_type" value="contact" class="hidden">
<button class="btn-brand btn-client btn-lg" id="submit_btn">Submit</button>
<div class="input-group">
<label for="" class="text-light">* Required Fields</label>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<a href="#success-message" class="media hidden" id="success-message-btn" rel="leanModal">
</a>
<div id="success-message" class="modal">
<div class="alert alert-success" role="alert" aria-labelledby="alert-title-success" tabindex="-1">
<span class="icon alert-icon icon-check" aria-hidden="true">
<i class="fa fa-check" aria-hidden="true"></i>
</span>
<div class="alert-message">
<h3 class="alert-title" id="alert-title-success">
${_("Thank you for your inquiry")}
</h3>
<p class="alert-copy-with-title">
We'll get back to you within 24 hours.
</p>
</div>
</div>
</div>
<%block name="js_extra">
<script src="${static.url('js/contact-form.js')}"></script>
</%block>
<%page expression_filter="h"/>
<%! from django.utils.translation import ugettext as _ %>
<%inherit file="../main.html" />
<%namespace name='static' file='../static_content.html'/>
<%block name="pagetitle">${_("FAQ's")}</%block>
<div class="page-heading">
<h1>${_("General FAQs")}</h1>
</div>
<section class="static-content">
<div class="grid-manual grid-container">
<div class="inner-container">
<div class="row">
<div class="col col-12 sm-col-12 md-col-3">
<ul class="list-divided">
<li class="item"><a href="#academic-planning" class="brand-link">${_("Lorem ipsum dolor sit amet")}</a></li>
<li class="item"><a href="#registration" class="brand-link">${_("Lorem ipsum dolor sit amet")}</a></li>
<li class="item"><a href="#finances" class="brand-link">${_("Lorem ipsum dolor sit amet")}</a></li>
</ul>
</div>
<div class="col col-12 sm-col-12 md-col-9">
<h2 id="academic-planning">${_("Academic Planning")}</h2>
<article class="response">
<h3 class="question">Lorem ipsum dolor sit amet</h3>
<div class="answer" id="edx_basics_faq_answer_0">
<p>
Lorem ipsum dolor sit ametLorem ipsum dolor sit amet
</p>
</div>
</article>
<article class="response">
<h3 class="question">Lorem ipsum dolor sit amet</h3>
<div class="answer" id="edx_basics_faq_answer_1">
<p>
Lorem ipsum dolor sit ametLorem ipsum dolor sit amet
</p>
</div>
</article>
<article class="response">
<h3 class="question">Lorem ipsum dolor sit amet</h3>
<div class="answer" id="edx_basics_faq_answer_2">
<p>
Lorem ipsum dolor sit ametLorem ipsum dolor sit amet
</p>
</div>
</article>
<a href="#" class="brand-link back-to-top">${_("Back to top")}</a>
<h2 id="registration">${_("Registration")}</h2>
<article class="response">
<h3 class="question">Lorem ipsum dolor sit amet</h3>
<div class="answer" id="edx_basics_faq_answer_0">
<p>
Lorem ipsum dolor sit ametLorem ipsum dolor sit amet
</p>
</div>
</article>
<article class="response">
<h3 class="question">Lorem ipsum dolor sit amet</h3>
<div class="answer" id="edx_basics_faq_answer_1">
<p>
Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet
</p>
</div>
</article>
<article class="response">
<h3 class="question">Lorem ipsum dolor sit amet</h3>
<div class="answer" id="edx_basics_faq_answer_2">
<p>
Lorem ipsum dolor sit amet
</p>
<ul id="list-bulleted">
<li>
Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet
</li>
<li>
Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet
</li>
</ul>
</div>
</article>
<a href="#" class="brand-link back-to-top">${_("Back to top")}</a>
<h2 id="finances">${_("Finances")}</h2>
<article class="response">
<h3 class="question">Lorem ipsum dolor sit amet</h3>
<div class="answer" id="edx_basics_faq_answer_1">
<p>
Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet
</p>
</div>
</article>
<article class="response">
<h3 class="question">Lorem ipsum dolor sit amet</h3>
<div class="answer" id="edx_basics_faq_answer_1">
<p>
Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet
</p>
</div>
</article>
<article class="response">
<h3 class="question">Lorem ipsum dolor sit amet</h3>
<div class="answer" id="edx_basics_faq_answer_1">
<p>
Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet
</p>
</div>
</article>
<article class="response">
<h3 class="question">Lorem ipsum dolor sit amet</h3>
<div class="answer" id="edx_basics_faq_answer_1">
<p>
Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet
</p>
</div>
</article>
<a href="#" class="brand-link back-to-top">${_("Back to top")}</a>
</div>
</div>
</div>
</div>
</section>
<%block name="js_extra">
<script src="${static.url('js/animation-scroll.js')}"></script>
<script type="text/javascript">
$(document).ready(function() {
var open_question = "";
var question_id;
$('.response').click(function(){
$(this).toggleClass('opened');
answer = $(this).find(".answer");
answer.slideToggle('fast');
});
});
</script>
</%block>
## mako
<%page expression_filter="h"/>
<%! from django.utils.translation import ugettext as _ %>
<%namespace name='static' file='../static_content.html'/>
<%inherit file="../main.html" />
<%block name="pagetitle">${_("Honor Code")}</%block>
<div class="page-heading">
<h1>${_("Honor Code")}</h1>
</div>
<section class="static-content">
<div class="grid-manual grid-container">
<div class="inner-container">
<div class="row">
<div class="col col-12 sm-col-12 md-col-3">
<ul class="list-divided">
<li class="item"><a href="#collaboration-policy" class="brand-link">${_("Lorem ipsum dolor sit amet")}</a></li>
<li class="item"><a href="#honor-code-pledge" class="brand-link">${_("Lorem ipsum dolor sit amet")}</a></li>
<li class="item"><a href="#changing-the-honor-code" class="brand-link">${_("Lorem ipsum dolor sit amet")}</a></li>
</ul>
</div>
<div class="col col-12 sm-col-12 md-col-9">
<h3><strong>Effective Date:</strong> January 01, 1970</h3>
<h1 class="honor-code-heading">Lorem ipsum dolor sit amet, sea te quaeque.</h1>
<h2 id="collaboration-policy">Lorem ipsum dolor sit amet</h2>
<p>
Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti
sed. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti
sed. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti
sed.
</p>
<p>
Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti
sed. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti
sed.
</p>
<a href="#" class="brand-link back-to-top">${_("Back to top")}</a>
<h2 id="honor-code-pledge">Lorem ipsum dolor sit amet</h2>
<p>
Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti
sed. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti
sed. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti
sed.
</p>
<ul class="list-bulleted">
<li>Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.</li>
<li> Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.</li>
<li>Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue..</li>
          </ul>
<p>
Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
</p>
<ul class="list-bulleted">
              <li>Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.</li>
<li> Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.</li>
<li>Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue..</li>
<li>Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.</li>
<li> Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.</li>
</ul>
<a href="#" class="brand-link back-to-top">${_("Back to top")}</a>
<h2 id="changing-the-honor-code">Lorem ipsum dolor sit amet</h2>
<p>
Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti
sed. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti
sed. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti
sed.
</p>
<a href="#" class="brand-link back-to-top">${_("Back to top")}</a>
<h3><strong>Effective Date:</strong> Januray 01, 1970</h3>
</div>
</div>
</div>
</div>
</section>
## mako
<%page expression_filter="h"/>
<%! from django.utils.translation import ugettext as _ %>
<%namespace name='static' file='../static_content.html'/>
<%inherit file="../main.html" />
<%block name="pagetitle">${_("Privacy Policy")}</%block>
<div class="page-heading">
<h1>${_("Privacy Policy")}</h1>
</div>
<section class="static-content">
<div class="grid-manual grid-container">
<div class="inner-container">
<div class="row">
<div class="col col-12 sm-col-12 md-col-3">
<ul class="list-divided">
<li class="item"><a href="#collaboration-policy" class="brand-link">${_("Lorem ipsum dolor sit amet")}</a></li>
<li class="item"><a href="#honor-code-pledge" class="brand-link">${_("Lorem ipsum dolor sit amet")}</a></li>
<li class="item"><a href="#changing-the-honor-code" class="brand-link">${_("Lorem ipsum dolor sit amet")}</a></li>
</ul>
</div>
<div class="col col-12 sm-col-12 md-col-9">
<h2 id="collaboration-policy">Lorem ipsum dolor sit amet</h2>
<p>
Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti
sed. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti
sed. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti
sed.
</p>
<p>
Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti
sed. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti
sed.
</p>
<a href="#" class="brand-link back-to-top">${_("Back to top")}</a>
<h2 id="honor-code-pledge">Lorem ipsum dolor sit amet</h2>
<p>
Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti
sed. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti
sed. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti
sed.
</p>
<ul class="list-bulleted">
<li>Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.</li>
<li> Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.</li>
<li>Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue..</li>
          </ul>
<p>
Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
</p>
<ul class="list-bulleted">
              <li>Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.</li>
<li> Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.</li>
<li>Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue..</li>
<li>Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.</li>
<li> Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.</li>
</ul>
<a href="#" class="brand-link back-to-top">${_("Back to top")}</a>
<h2 id="changing-the-honor-code">Lorem ipsum dolor sit amet</h2>
<p>
Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti
sed. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti
sed. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti
sed.
</p>
<a href="#" class="brand-link back-to-top">${_("Back to top")}</a>
</div>
</div>
</div>
</div>
</section>
## mako
<%page expression_filter="h"/>
<%! from django.utils.translation import ugettext as _ %>
<%namespace name='static' file='../static_content.html'/>
<%inherit file="../main.html" />
<%block name="pagetitle">${_("Terms of Service")}</%block>
<div class="page-heading">
<h1>${_("Terms of Service")}</h1>
</div>
<section class="static-content">
<div class="grid-manual grid-container">
<div class="inner-container">
<div class="row">
<div class="col col-12 sm-col-12 md-col-3">
<ul class="list-divided">
<li class="item"><a href="#collaboration-policy" class="brand-link">${_("Lorem ipsum dolor sit amet")}</a></li>
<li class="item"><a href="#honor-code-pledge" class="brand-link">${_("Lorem ipsum dolor sit amet")}</a></li>
<li class="item"><a href="#changing-the-honor-code" class="brand-link">${_("Lorem ipsum dolor sit amet")}</a></li>
</ul>
</div>
<div class="col col-12 sm-col-12 md-col-9">
<h2 id="collaboration-policy">Lorem ipsum dolor sit amet</h2>
<p>
Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti
sed. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti
sed. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti
sed.
</p>
<p>
Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti
sed. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti
sed.
</p>
<a href="#" class="brand-link back-to-top">${_("Back to top")}</a>
<h2 id="honor-code-pledge">Lorem ipsum dolor sit amet</h2>
<p>
Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti
sed. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti
sed. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti
sed.
</p>
<ul class="list-bulleted">
<li>Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.</li>
<li> Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.</li>
<li>Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue..</li>
          </ul>
<p>
Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
</p>
<ul class="list-bulleted">
              <li>Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.</li>
<li> Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.</li>
<li>Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue..</li>
<li>Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.</li>
<li> Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.</li>
</ul>
<a href="#" class="brand-link back-to-top">${_("Back to top")}</a>
<h2 id="changing-the-honor-code">Lorem ipsum dolor sit amet</h2>
<p>
Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti
sed. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti
sed. Lorem ipsum dolor sit amet, sea te quaeque suscipiantur. Nullam vituperata at his, usu ad solum augue.
Mel partem iudicabit te, an sed vocent offendit. Est prompta deserunt senserit et, ex ubique deleniti
sed.
</p>
<a href="#" class="brand-link back-to-top">${_("Back to top")}</a>
</div>
</div>
</div>
</div>
</section>
<%page expression_filter="h"/>
<%!
import json
from django.utils.translation import ugettext as _
from openedx.core.djangolib.js_utils import dump_js_escaped_json
%>
<%namespace name='static' file='/static_content.html'/>
<%inherit file="../main.html" />
<%block name="pagetitle">${_("Sign in or Create Account")}</%block>
<%block name="js_extra">
<%static:require_module module_name="js/student_account/logistration_factory" class_name="LogistrationFactory">
var options = ${data | n, dump_js_escaped_json};
LogistrationFactory(options);
if ('newrelic' in window) {
newrelic.finished();
// Because of a New Relic bug, the finished() event doesn't show up
// in Insights, so we have to make a new PageAction that is basically
// the same thing. We still want newrelic.finished() for session
// traces though.
newrelic.addPageAction('xfinished');
}
</%static:require_module>
</%block>
<%block name="header_extras">
% for template_name in ["account", "access", "form_field", "login", "register", "institution_login", "institution_register", "password_reset", "hinted_login"]:
<script type="text/template" id="${template_name}-tpl">
<%static:include path="student_account/${template_name}.underscore" />
</script>
% endfor
</%block>
<div class="section-bkg-wrapper">
<div id="login-and-registration-container" class="login-register" />
</div>
Markdown is supported
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