Wl-613 | Removing the example theme.
This commit is contained in:
Hasnain
@@ -26,7 +26,6 @@ class TestHelpers(TestCase):
|
|||||||
Theme('red-theme', 'red-theme', get_theme_base_dir('red-theme')),
|
Theme('red-theme', 'red-theme', get_theme_base_dir('red-theme')),
|
||||||
Theme('edge.edx.org', 'edge.edx.org', get_theme_base_dir('edge.edx.org')),
|
Theme('edge.edx.org', 'edge.edx.org', get_theme_base_dir('edge.edx.org')),
|
||||||
Theme('edx.org', 'edx.org', get_theme_base_dir('edx.org')),
|
Theme('edx.org', 'edx.org', get_theme_base_dir('edx.org')),
|
||||||
Theme('example', 'example', get_theme_base_dir('example')),
|
|
||||||
Theme('stanford-style', 'stanford-style', get_theme_base_dir('stanford-style')),
|
Theme('stanford-style', 'stanford-style', get_theme_base_dir('stanford-style')),
|
||||||
]
|
]
|
||||||
actual_themes = get_themes()
|
actual_themes = get_themes()
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 5.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.9 KiB |
@@ -1,31 +0,0 @@
|
|||||||
(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);
|
|
||||||
@@ -1,15 +0,0 @@
|
|||||||
$(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);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@@ -1,82 +0,0 @@
|
|||||||
(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);
|
|
||||||
@@ -1,70 +0,0 @@
|
|||||||
|
|
||||||
(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);
|
|
||||||
@@ -1,143 +0,0 @@
|
|||||||
/*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 : "")
|
|
||||||
);
|
|
||||||
20
themes/example/lms/static/js/slick.min.js
vendored
20
themes/example/lms/static/js/slick.min.js
vendored
File diff suppressed because one or more lines are too long
@@ -1,53 +0,0 @@
|
|||||||
|
|
||||||
/* 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();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@@ -1,125 +0,0 @@
|
|||||||
.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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,1457 +0,0 @@
|
|||||||
body{
|
|
||||||
background-color: $body-background-color !important;
|
|
||||||
*{
|
|
||||||
&:focus{
|
|
||||||
outline: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.content-wrapper{
|
|
||||||
max-width: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
//Helper Classes
|
|
||||||
|
|
||||||
.pull-left{
|
|
||||||
float: left !important;
|
|
||||||
}
|
|
||||||
.pull-right{
|
|
||||||
float: right !important;
|
|
||||||
}
|
|
||||||
.block{
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
img{
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
a{
|
|
||||||
&:hover{
|
|
||||||
text-decoration: none;
|
|
||||||
opacity: 0.8;
|
|
||||||
}
|
|
||||||
&:focus{
|
|
||||||
text-decoration: none;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
&.brand-link{
|
|
||||||
color: $brand-color !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#success-message{
|
|
||||||
padding: 0;
|
|
||||||
.alert {
|
|
||||||
min-width: 0;
|
|
||||||
border-left-width: 0;
|
|
||||||
border-right-width: 0;
|
|
||||||
border-bottom-width: 0;
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.grid-container{
|
|
||||||
padding: 0 1rem;
|
|
||||||
}
|
|
||||||
.show-user-menu{
|
|
||||||
display: block !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hidden-mobile{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.visible-mobile{
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.light-bg{
|
|
||||||
background-color: $course-section-background-color;
|
|
||||||
}
|
|
||||||
.btn-client{
|
|
||||||
background-color: $brand-color !important;
|
|
||||||
border-color: $brand-color !important;
|
|
||||||
font-weight: normal !important;
|
|
||||||
box-shadow: none !important;
|
|
||||||
color: $white !important;
|
|
||||||
text-shadow: none !important;
|
|
||||||
&:hover{
|
|
||||||
background-color: lighten($brand-color, 10%) !important;
|
|
||||||
background-image: none !important;
|
|
||||||
}
|
|
||||||
&.btn-elevated{
|
|
||||||
box-shadow: inset 0 -3px 0 0 darken($brand-color, 15%) !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.btn-success{
|
|
||||||
background-color: $success-base !important;
|
|
||||||
color: $white !important;
|
|
||||||
border-color: $success-base;
|
|
||||||
&:hover{
|
|
||||||
background-color: lighten($success-base, 10%) !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.btn-block{
|
|
||||||
width: 100% !important;
|
|
||||||
}
|
|
||||||
.inner-container{
|
|
||||||
padding: 0 1.25rem;
|
|
||||||
}
|
|
||||||
h2{
|
|
||||||
font-size: 1.5rem;
|
|
||||||
font-family: $brand-font;
|
|
||||||
margin: 1.25rem 0;
|
|
||||||
text-transform: none;
|
|
||||||
}
|
|
||||||
h1, h2, h3, h4, h5, h6{
|
|
||||||
font-family: $brand-font;
|
|
||||||
}
|
|
||||||
.col-centered{
|
|
||||||
float: none !important;
|
|
||||||
margin-left: auto !important;
|
|
||||||
margin-right: auto !important;
|
|
||||||
}
|
|
||||||
.input-group{
|
|
||||||
margin-bottom: 1.25rem;
|
|
||||||
}
|
|
||||||
.text-light{
|
|
||||||
color: $base !important;
|
|
||||||
}
|
|
||||||
.input-lg{
|
|
||||||
line-height: 55px !important;
|
|
||||||
height: 55px !important;
|
|
||||||
padding: 0 1.25rem !important;
|
|
||||||
}
|
|
||||||
.form-block{
|
|
||||||
label, input, select, button, textarea{
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
font-family: $brand-font;
|
|
||||||
font-style: normal;
|
|
||||||
margin-bottom: 0.5rem !important;
|
|
||||||
&.has-error{
|
|
||||||
border-color: $error-base;
|
|
||||||
border-radius: 4px 4px 0 0;
|
|
||||||
margin-bottom: 0 !important;
|
|
||||||
+ .field-message{
|
|
||||||
border-radius: 0 0 4px 4px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
input{
|
|
||||||
box-shadow: none;
|
|
||||||
border: 1px solid $light;
|
|
||||||
border-radius: 4px;
|
|
||||||
font-size: 1rem;
|
|
||||||
width: 100%;
|
|
||||||
&:focus, &:active{
|
|
||||||
box-shadow: none;
|
|
||||||
border-color: $dark;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
select{
|
|
||||||
-webkit-appearance: none;
|
|
||||||
-moz-appearance: none;
|
|
||||||
border-color: $light;
|
|
||||||
appearance: none;
|
|
||||||
&::-ms-expand{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.custom-select{
|
|
||||||
position: relative;
|
|
||||||
select{
|
|
||||||
padding-right: 3rem !important;
|
|
||||||
}
|
|
||||||
&:after{
|
|
||||||
content: "\f0da";
|
|
||||||
position: absolute;
|
|
||||||
right: 20px;
|
|
||||||
top: 20px;
|
|
||||||
font-family: 'FontAwesome';
|
|
||||||
font-size: 1.3rem;
|
|
||||||
color: $base;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
textarea{
|
|
||||||
height: 280px;
|
|
||||||
border-color: $light;
|
|
||||||
box-shadow: none;
|
|
||||||
resize: none;
|
|
||||||
padding: 1rem;
|
|
||||||
}
|
|
||||||
button{
|
|
||||||
margin-top: 2.5rem;
|
|
||||||
padding: 1.25rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.list-bulleted{
|
|
||||||
li{
|
|
||||||
margin-bottom: 0.2rem !important;
|
|
||||||
padding-left: 0.5rem !important;
|
|
||||||
line-height: 1.5rem;
|
|
||||||
.brand-link{
|
|
||||||
display: inline;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-enroll-mobile{
|
|
||||||
margin-bottom: 2rem;
|
|
||||||
.btn-enroll{
|
|
||||||
max-width: 95%;
|
|
||||||
margin: auto;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//Modals
|
|
||||||
.modal {
|
|
||||||
border-radius: 0px !important;
|
|
||||||
background: #FFFFFF !important;
|
|
||||||
|
|
||||||
.inner-wrapper {
|
|
||||||
padding: 0px !important;
|
|
||||||
border: none !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.modal-custom {
|
|
||||||
width: 320px;
|
|
||||||
background-color: $white;
|
|
||||||
padding: 30px 30px;
|
|
||||||
position: fixed !important;
|
|
||||||
overflow: auto;
|
|
||||||
overflow-x: hidden;
|
|
||||||
top: 10%;
|
|
||||||
bottom: 10%;
|
|
||||||
left: calc(50% - 160px) !important;
|
|
||||||
margin-left: 0 !important;
|
|
||||||
z-index: 999;
|
|
||||||
.btn-close {
|
|
||||||
position: absolute !important;
|
|
||||||
right: 20px !important;
|
|
||||||
top: 20px !important;
|
|
||||||
cursor: pointer;
|
|
||||||
.fa {
|
|
||||||
font-size: 1.75em;
|
|
||||||
color: $x-dark;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.custom-video-modal {
|
|
||||||
padding: 10px;
|
|
||||||
max-height: 360px;
|
|
||||||
.inner-wrapper, iframe {
|
|
||||||
height: 100%;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.modal-body{
|
|
||||||
overflow: hidden !important;
|
|
||||||
position: relative !important;
|
|
||||||
width: 100%;
|
|
||||||
.modal-header{
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
margin-bottom: 2rem !important;
|
|
||||||
margin-left: 0 !important;
|
|
||||||
margin-right: 0 !important;
|
|
||||||
.instructor-data{
|
|
||||||
display: block;
|
|
||||||
.thumbnail{
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
padding-bottom: 0;
|
|
||||||
img{
|
|
||||||
border-radius: 50%;
|
|
||||||
border: 5px solid $light;
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
h3{
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
vertical-align: middle;
|
|
||||||
font-size: 1.5em;
|
|
||||||
line-height: normal;
|
|
||||||
color:$black;
|
|
||||||
margin-bottom: 0;
|
|
||||||
span{
|
|
||||||
display: block;
|
|
||||||
font-size: 1rem;
|
|
||||||
line-height: 1.1rem;
|
|
||||||
color: $x-dark;
|
|
||||||
&:last-child{
|
|
||||||
color: $dark;
|
|
||||||
font-size: .8rem;
|
|
||||||
line-height: 1.1rem;
|
|
||||||
margin-top: 5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.instructor-bio{
|
|
||||||
line-height: 1.5rem;
|
|
||||||
margin-bottom: 2rem;
|
|
||||||
color: $x-dark;
|
|
||||||
margin: 0 !important;
|
|
||||||
font-size: 1rem;
|
|
||||||
color: $dark;
|
|
||||||
}
|
|
||||||
.links{
|
|
||||||
a{
|
|
||||||
margin-right: 0;
|
|
||||||
display: block;
|
|
||||||
margin-bottom: 0.5rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
//Header
|
|
||||||
header.header-main {
|
|
||||||
min-height: 100px;
|
|
||||||
.navbar-collapse{
|
|
||||||
.collapsed-button{
|
|
||||||
position: absolute;
|
|
||||||
right: 20px;
|
|
||||||
top: 38px;
|
|
||||||
cursor: pointer;
|
|
||||||
float: right;
|
|
||||||
span{
|
|
||||||
display: block;
|
|
||||||
width: 25px;
|
|
||||||
height:4px;
|
|
||||||
background-color: $x-dark;
|
|
||||||
margin-bottom: 3px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
ul{
|
|
||||||
display: none;
|
|
||||||
&.show-menu{
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.language-selection {
|
|
||||||
display: inline-block;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.language-selection select {
|
|
||||||
-webkit-appearance: none;
|
|
||||||
-moz-appearance: none;
|
|
||||||
appearance: none;
|
|
||||||
background-color: transparent;
|
|
||||||
border: 0;
|
|
||||||
color: $brand-color;
|
|
||||||
font-family: $brand-font;
|
|
||||||
font-weight: 400;
|
|
||||||
font-style: normal;
|
|
||||||
padding: 0 20px;
|
|
||||||
position: relative;
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.language-selection select::ms-expand {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.language-selection .fa-globe {
|
|
||||||
position: absolute;
|
|
||||||
z-index: 0;
|
|
||||||
top: 4px;
|
|
||||||
left: 2px;
|
|
||||||
color: #8d1221;
|
|
||||||
}
|
|
||||||
|
|
||||||
.language-selection .fa-angle-down {
|
|
||||||
position: absolute;
|
|
||||||
right: 5px;
|
|
||||||
top: 4px;
|
|
||||||
color: #8d1221;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo{
|
|
||||||
line-height: 94px;
|
|
||||||
margin-left: 0;
|
|
||||||
a{
|
|
||||||
border-bottom: 0 !important;
|
|
||||||
img{
|
|
||||||
vertical-align: middle;
|
|
||||||
width: auto;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.list-inline{
|
|
||||||
transition: all .2s;
|
|
||||||
position: absolute;
|
|
||||||
top: 100px;
|
|
||||||
border-top: 1px solid $light;
|
|
||||||
right: 0;
|
|
||||||
left: 0;
|
|
||||||
background-color: $white;
|
|
||||||
z-index: 10;
|
|
||||||
box-shadow: 0px 2px 3px $light;
|
|
||||||
padding: 1rem 0;
|
|
||||||
li{
|
|
||||||
float: right;
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: middle;
|
|
||||||
line-height: normal;
|
|
||||||
padding: 0.5rem;
|
|
||||||
font-size: 1rem;
|
|
||||||
width: 100%;
|
|
||||||
text-align: center;
|
|
||||||
a{
|
|
||||||
line-height: normal;
|
|
||||||
color: $x-dark;
|
|
||||||
}
|
|
||||||
&.user-account{
|
|
||||||
margin-right: 1rem;
|
|
||||||
position: relative;
|
|
||||||
.user-img{
|
|
||||||
display: inline-block;
|
|
||||||
width: 50px;
|
|
||||||
height: 50px;
|
|
||||||
line-height: 100px;
|
|
||||||
vertical-align: middle;
|
|
||||||
margin-right: 0.6rem;
|
|
||||||
img {
|
|
||||||
vertical-align: top;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.user-name{
|
|
||||||
cursor: pointer;
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
&:after{
|
|
||||||
content: "\f0d7";
|
|
||||||
position: absolute;
|
|
||||||
right: -1rem;
|
|
||||||
font-family: 'FontAwesome';
|
|
||||||
top: 0.2rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
ul{
|
|
||||||
display: none;
|
|
||||||
position: relative;
|
|
||||||
background-color: $white;
|
|
||||||
box-shadow: 0px 2px 24px rgba(0,0,0,0.3);
|
|
||||||
width: 50%;
|
|
||||||
margin: auto;
|
|
||||||
margin-top: 0.5rem;
|
|
||||||
border: 1px solid $light;
|
|
||||||
li{
|
|
||||||
border-bottom: 1px solid lighten($light, 10%);
|
|
||||||
background: $white;
|
|
||||||
float: none;
|
|
||||||
a{
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:before{
|
|
||||||
content: "\f0d8";
|
|
||||||
position: absolute;
|
|
||||||
font-family: 'FontAwesome';
|
|
||||||
right: 1rem;
|
|
||||||
top: -20px;
|
|
||||||
color: $white;
|
|
||||||
font-size: 2rem;
|
|
||||||
line-height: normal;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//Hero
|
|
||||||
|
|
||||||
.hero {
|
|
||||||
min-height: 22em;
|
|
||||||
position: relative;
|
|
||||||
z-index: 0;
|
|
||||||
background-size: cover !important;
|
|
||||||
.tint-dark {
|
|
||||||
min-height: 22em;
|
|
||||||
max-height: 350px;
|
|
||||||
background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */
|
|
||||||
background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */
|
|
||||||
background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=1); /* IE6-9 */
|
|
||||||
.grid-manual {
|
|
||||||
position: relative;
|
|
||||||
.text-tint {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
height: 352px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
p {
|
|
||||||
font-size: 1.5rem;
|
|
||||||
color: $white;
|
|
||||||
line-height: 1.5em;
|
|
||||||
span {
|
|
||||||
display: block;
|
|
||||||
font-size: 1rem;
|
|
||||||
}
|
|
||||||
.btn-neutral {
|
|
||||||
border-color: $white;
|
|
||||||
padding: 0.8em 2em;
|
|
||||||
color: $white;
|
|
||||||
margin-left: 2px;
|
|
||||||
font-weight: normal;
|
|
||||||
background-color: transparent;
|
|
||||||
i.fa {
|
|
||||||
font-size: 0.6em;
|
|
||||||
margin-left: 1.5em;
|
|
||||||
vertical-align: middle;
|
|
||||||
margin-top: 1px;
|
|
||||||
}
|
|
||||||
&:hover{
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.small{
|
|
||||||
height: 250px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.no-background-mobile{
|
|
||||||
background: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.hero-main{
|
|
||||||
background: url("../images/hero-home-page.png") no-repeat top center !important;
|
|
||||||
background-size: cover !important;
|
|
||||||
}
|
|
||||||
&.hero-catalog{
|
|
||||||
background: url("../images/hero-course-catalog.jpg") no-repeat top center !important;
|
|
||||||
background-size: cover !important;
|
|
||||||
}
|
|
||||||
&.hero-video{
|
|
||||||
background: none;
|
|
||||||
|
|
||||||
.hero-image {
|
|
||||||
display: none;
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
left: 0;
|
|
||||||
min-height: 22em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.grid-container{
|
|
||||||
.row{
|
|
||||||
height: auto;
|
|
||||||
.description{
|
|
||||||
.data{
|
|
||||||
padding: 7% 0 0 0;
|
|
||||||
h1{
|
|
||||||
font-size: 1.5rem;
|
|
||||||
color: $black;
|
|
||||||
line-height: normal;
|
|
||||||
padding-left: 1rem;
|
|
||||||
text-align: left;
|
|
||||||
span{
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
p{
|
|
||||||
font-size: 1rem;
|
|
||||||
padding-left: 1rem;
|
|
||||||
color: $x-dark;
|
|
||||||
line-height: normal;
|
|
||||||
margin-top: 1.2rem;
|
|
||||||
padding-bottom: 2rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.video{
|
|
||||||
float: none;
|
|
||||||
.video-data{
|
|
||||||
position: relative;
|
|
||||||
text-align: center;
|
|
||||||
line-height: normal;
|
|
||||||
max-width: none;
|
|
||||||
img{
|
|
||||||
border: 0;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.play-btn{
|
|
||||||
content: "";
|
|
||||||
background: url("../images/vid-btn.png") no-repeat center center;
|
|
||||||
width: 80px;
|
|
||||||
height: 80px;
|
|
||||||
position: absolute;
|
|
||||||
left: calc(50% - 40px);
|
|
||||||
top: calc(50% - 40px);
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.hero-small {
|
|
||||||
min-height: 15.625rem;
|
|
||||||
.tint-dark{
|
|
||||||
min-height: 15.625rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//Courses
|
|
||||||
.courses-section {
|
|
||||||
background-color: $course-section-background-color;
|
|
||||||
.courses-container {
|
|
||||||
max-width: 1128px;
|
|
||||||
padding: 0 1.04167%;
|
|
||||||
.highlighted-courses {
|
|
||||||
.courses {
|
|
||||||
float: none;
|
|
||||||
padding: 1.5rem 0;
|
|
||||||
h2{
|
|
||||||
.course-list-heading{
|
|
||||||
font-size: 1.5rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.course-title{
|
|
||||||
color: $brand-color;
|
|
||||||
font-size: 1.25rem;
|
|
||||||
padding: 0 1.25rem;
|
|
||||||
margin: 5px 0;
|
|
||||||
max-height: 72px;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.course-list{
|
|
||||||
padding: 1.5rem 0;
|
|
||||||
.courses-listing-item{
|
|
||||||
padding: 0 5%;
|
|
||||||
.cover-image{
|
|
||||||
height: 176px;
|
|
||||||
&:before{
|
|
||||||
height: 176px;
|
|
||||||
}
|
|
||||||
.learn-more{
|
|
||||||
top: 62px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.course-info{
|
|
||||||
height: 165px;
|
|
||||||
.course-organization{
|
|
||||||
padding: 5px 20px;
|
|
||||||
font-size: 1rem;
|
|
||||||
color: $x-dark;
|
|
||||||
}
|
|
||||||
.course-date{
|
|
||||||
color: $base;
|
|
||||||
font-size: 1rem;
|
|
||||||
padding: 0 1.25rem;
|
|
||||||
span{
|
|
||||||
display: block;
|
|
||||||
color: $x-dark;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.course{
|
|
||||||
border: 0;
|
|
||||||
box-shadow: none;
|
|
||||||
background-color: $white;
|
|
||||||
border-bottom: 6px solid $brand-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//About
|
|
||||||
|
|
||||||
.about-container{
|
|
||||||
max-width: 70.5em;
|
|
||||||
padding: 1.5em 1.04167% 3em;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
.about-list{
|
|
||||||
padding: 1.5rem 0;
|
|
||||||
.about-icon{
|
|
||||||
img{
|
|
||||||
width: 150px;
|
|
||||||
}
|
|
||||||
span{
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
p{
|
|
||||||
padding: 1.25rem 1.25rem 0;
|
|
||||||
line-height: 1.4em;
|
|
||||||
font-size: 1rem;
|
|
||||||
color: $x-dark;
|
|
||||||
span{
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.slidable {
|
|
||||||
.slick-arrow{
|
|
||||||
position: absolute;
|
|
||||||
background-color: $brand-color;
|
|
||||||
width: 40px;
|
|
||||||
height: 60px;
|
|
||||||
z-index: 1;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 60px;
|
|
||||||
color: $white;
|
|
||||||
font-size: 2rem;
|
|
||||||
top: 65px;
|
|
||||||
cursor: pointer;
|
|
||||||
&[class*="left"]{
|
|
||||||
left: 0;
|
|
||||||
border-radius: 0 2px 2px 0;
|
|
||||||
}
|
|
||||||
&[class*="right"]{
|
|
||||||
right: 0;
|
|
||||||
border-radius: 2px 0 0 2px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.slick-slide img {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
*:focus, *:active{
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.btn-neutral{
|
|
||||||
border-color: $brand-color;
|
|
||||||
color: $brand-color;
|
|
||||||
&:hover{
|
|
||||||
background-color: $brand-color;
|
|
||||||
color: $white;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//About Us
|
|
||||||
.main-heading {
|
|
||||||
background-color: red;
|
|
||||||
height: 70px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
.message-image {
|
|
||||||
border: 3px solid gray;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
//Testimonials
|
|
||||||
.testimonial-main{
|
|
||||||
padding: 1.5em 1.04167%;
|
|
||||||
background-color: $course-section-background-color;
|
|
||||||
.grid-manual{
|
|
||||||
max-width: 70.5em;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
padding: 1.5em 1.04167%;
|
|
||||||
}
|
|
||||||
p{
|
|
||||||
line-height: 1.5em;
|
|
||||||
text-align: center;
|
|
||||||
&:last-child{
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
img{
|
|
||||||
margin-bottom: 1.25rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//Course Details
|
|
||||||
|
|
||||||
.course-info{
|
|
||||||
.course-detail{
|
|
||||||
clear: both;
|
|
||||||
.inner-container{
|
|
||||||
padding: 1.8rem 1.25rem;
|
|
||||||
.sticky-course-title{
|
|
||||||
line-height: 1.5rem;
|
|
||||||
height: 45px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
margin-top: 0;
|
|
||||||
word-break: break-word;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
[class*="col"]{
|
|
||||||
padding-top: 0.5rem;
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
span{
|
|
||||||
display: block;
|
|
||||||
color: $black;
|
|
||||||
font-size: 1.25rem;
|
|
||||||
margin-top: .4rem;
|
|
||||||
}
|
|
||||||
&:last-child{
|
|
||||||
padding-top: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.btn-enroll{
|
|
||||||
border-radius: 3px;
|
|
||||||
text-align: center;
|
|
||||||
margin-top: 1rem;
|
|
||||||
padding: 1rem 1.875rem !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.description-container{
|
|
||||||
padding: 0.5rem 0;
|
|
||||||
.learning-points-btn{
|
|
||||||
display: block;
|
|
||||||
padding: 1rem 0.6rem;
|
|
||||||
}
|
|
||||||
h2{
|
|
||||||
color: $black;
|
|
||||||
font-size: 1.25rem;
|
|
||||||
}
|
|
||||||
p{
|
|
||||||
line-height: 1.5rem;
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
ul{
|
|
||||||
margin-left: 2rem;
|
|
||||||
li{
|
|
||||||
margin-bottom: 0.8rem;
|
|
||||||
padding-left: 0.5rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.extras{
|
|
||||||
margin-top: 1.5rem;
|
|
||||||
h3{
|
|
||||||
font-size: 0.9rem;
|
|
||||||
}
|
|
||||||
.sponsored-logo{
|
|
||||||
margin-bottom: 3rem;
|
|
||||||
}
|
|
||||||
.social-icons{
|
|
||||||
margin-bottom: 3rem;
|
|
||||||
margin-left: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
li{
|
|
||||||
list-style-type: none;
|
|
||||||
padding-left: 0.5rem !important;
|
|
||||||
float: left;
|
|
||||||
.icon{
|
|
||||||
background-color: $brand-color;
|
|
||||||
border-radius: 50%;
|
|
||||||
text-align: center;
|
|
||||||
width: 50px;
|
|
||||||
height: 50px;
|
|
||||||
line-height: 60px;
|
|
||||||
.fa{
|
|
||||||
color: $white;
|
|
||||||
font-size: 1.9rem;
|
|
||||||
&.fa-google-plus{
|
|
||||||
line-height: 54px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.course-features{
|
|
||||||
margin-top: 2rem;
|
|
||||||
background-color: #fafafa;
|
|
||||||
padding: 2rem;
|
|
||||||
border-radius: 10px;
|
|
||||||
font-size: 1rem;
|
|
||||||
.row{
|
|
||||||
padding: .8rem 0;
|
|
||||||
border-bottom: 1px solid $light;
|
|
||||||
&:last-child{
|
|
||||||
border-bottom: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.group-purchase{
|
|
||||||
h2{
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
a.btn-enroll{
|
|
||||||
border-radius: 3px;
|
|
||||||
padding: 1rem;
|
|
||||||
text-align: center;
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.instructors{
|
|
||||||
display: table;
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
.modal {
|
|
||||||
.btn-close {
|
|
||||||
position: relative;
|
|
||||||
top: -30px;
|
|
||||||
right: -30px;
|
|
||||||
float: right;
|
|
||||||
z-index: 11000;
|
|
||||||
color: #FFFFFF;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-body {
|
|
||||||
position: absolute;
|
|
||||||
overflow: scroll;
|
|
||||||
top: 5%;
|
|
||||||
bottom: 5%;
|
|
||||||
font-size: 14px;
|
|
||||||
line-height: 20px;
|
|
||||||
|
|
||||||
& > div {
|
|
||||||
margin: 0 20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
[class*="col"]{
|
|
||||||
display: table-row;
|
|
||||||
.thumbnail{
|
|
||||||
display: table-cell;
|
|
||||||
vertical-align: middle;
|
|
||||||
margin-right: 1.3rem;
|
|
||||||
padding-bottom: 1.5rem;
|
|
||||||
width: 120px;
|
|
||||||
img {
|
|
||||||
border-radius: 50%;
|
|
||||||
border: 6px solid #D3D3D3;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
p{
|
|
||||||
display: table-cell;
|
|
||||||
vertical-align: middle;
|
|
||||||
margin-bottom: 0;
|
|
||||||
margin-top: 0;
|
|
||||||
color: $brand-color;
|
|
||||||
line-height: 1rem;
|
|
||||||
padding-left: 1.3rem;
|
|
||||||
padding-bottom: 1.5rem;
|
|
||||||
font-size: 0.8rem;
|
|
||||||
span{
|
|
||||||
display: block;
|
|
||||||
color: $dark;
|
|
||||||
margin-top: 0.6rem;
|
|
||||||
&.organization {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Profile page
|
|
||||||
|
|
||||||
.account-settings-container {
|
|
||||||
.wrapper-profile-section-two {
|
|
||||||
margin-bottom: 5rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.view-profile {
|
|
||||||
.profile-image-field {
|
|
||||||
.image-wrapper {
|
|
||||||
.upload-button-input{
|
|
||||||
top: 0;
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Static pages
|
|
||||||
|
|
||||||
.page-heading{
|
|
||||||
height: 110px;
|
|
||||||
background: url("../images/page-heading.jpg") center center no-repeat;
|
|
||||||
background-size: cover;
|
|
||||||
h1{
|
|
||||||
background-color: rgba($brand-color , 0.7);
|
|
||||||
text-align: center;
|
|
||||||
line-height: 110px;
|
|
||||||
color: $white;
|
|
||||||
font-size: 1.5rem;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.static-content{
|
|
||||||
padding: 3rem 0;
|
|
||||||
h1{
|
|
||||||
font-size: 1.5rem;
|
|
||||||
margin-top: 1rem;
|
|
||||||
color: $black;
|
|
||||||
text-align: left;
|
|
||||||
letter-spacing: 0;
|
|
||||||
}
|
|
||||||
.honor-code-heading{
|
|
||||||
text-align: center !important;
|
|
||||||
}
|
|
||||||
h2{
|
|
||||||
font-size: 1.25rem;
|
|
||||||
color: $black;
|
|
||||||
line-height: 1.6rem;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
h3{
|
|
||||||
font-size: 1rem;
|
|
||||||
color: $black;
|
|
||||||
line-height: 1.6rem;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
.brand-link{
|
|
||||||
display: block;
|
|
||||||
margin: 2rem 0;
|
|
||||||
}
|
|
||||||
p{
|
|
||||||
margin-top: 1rem;
|
|
||||||
margin-bottom: 2rem;
|
|
||||||
color: $dark;
|
|
||||||
line-height: 1.5rem;
|
|
||||||
.brand-link {
|
|
||||||
display: inline;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.mission-statement{
|
|
||||||
margin-top: 1rem;
|
|
||||||
img {
|
|
||||||
border-radius: 50%;
|
|
||||||
border: 6px solid #D3D3D3;
|
|
||||||
width: 120px;
|
|
||||||
}
|
|
||||||
p{
|
|
||||||
font-size: 1.05rem;
|
|
||||||
}
|
|
||||||
h3{
|
|
||||||
font-size: 1rem;
|
|
||||||
color: $black;
|
|
||||||
span{
|
|
||||||
color: $dark;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
hr{
|
|
||||||
border-top: 3px solid $course-section-background-color;
|
|
||||||
margin-bottom: 4rem;
|
|
||||||
}
|
|
||||||
.edx-intro{
|
|
||||||
p{
|
|
||||||
margin-top: 2.5rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.bordered-list{
|
|
||||||
margin: 0.5rem 0 2rem;
|
|
||||||
li{
|
|
||||||
list-style-type: none;
|
|
||||||
margin-bottom: 0;
|
|
||||||
border-bottom: 2px solid $course-section-background-color;
|
|
||||||
a{
|
|
||||||
padding: 0.8rem 0.5rem 0.8rem 0;
|
|
||||||
line-height: 1.5rem;
|
|
||||||
color: $brand-color;
|
|
||||||
font-size: 1rem;
|
|
||||||
display: inline-block;
|
|
||||||
word-break: break-word;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.list-divided {
|
|
||||||
text-transform: capitalize;
|
|
||||||
margin-bottom: 2rem !important;
|
|
||||||
.brand-link{
|
|
||||||
display: inline;
|
|
||||||
line-height: 1.4rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.response {
|
|
||||||
.question{
|
|
||||||
color: $brand-color;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
.answer {
|
|
||||||
overflow: hidden;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#list-bulleted{
|
|
||||||
margin-bottom: 2rem;
|
|
||||||
li{
|
|
||||||
line-height: 1.5rem;
|
|
||||||
}
|
|
||||||
.brand-link{
|
|
||||||
display: inline;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//Footer
|
|
||||||
|
|
||||||
.footer-main{
|
|
||||||
padding: 2em 0;
|
|
||||||
border-top: 3px solid $course-section-background-color;
|
|
||||||
.logo{
|
|
||||||
margin-bottom: 1em;
|
|
||||||
}
|
|
||||||
ul{
|
|
||||||
list-style: none;
|
|
||||||
margin-left: 1.5em;
|
|
||||||
li{
|
|
||||||
color: $dark;
|
|
||||||
padding: .3em 0;
|
|
||||||
a{
|
|
||||||
font-size: 1em;
|
|
||||||
color: $dark !important;
|
|
||||||
&:hover{
|
|
||||||
color: $dark !important;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:first-child{
|
|
||||||
font-weight:bold;
|
|
||||||
}
|
|
||||||
&:last-child{
|
|
||||||
margin-bottom: 2em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.footer-logo{
|
|
||||||
text-align: center;
|
|
||||||
img{
|
|
||||||
margin-bottom: 1.5rem;
|
|
||||||
width: auto;
|
|
||||||
height: 44px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.open-edx-logo{
|
|
||||||
ul{
|
|
||||||
li{
|
|
||||||
text-align: left;
|
|
||||||
img{
|
|
||||||
max-width: 80%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Shopping Cart
|
|
||||||
|
|
||||||
%shopping_cart_btn {
|
|
||||||
background: $brand-color !important;
|
|
||||||
border-color: $brand-color !important;
|
|
||||||
box-shadow: none;
|
|
||||||
font-weight: normal;
|
|
||||||
text-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.shopping-cart {
|
|
||||||
.discount button.blue {
|
|
||||||
@extend %shopping_cart_btn;
|
|
||||||
}
|
|
||||||
div[name='billing'] button[name='billing-details'] {
|
|
||||||
@extend %shopping_cart_btn;
|
|
||||||
}
|
|
||||||
form button[type='submit'] {
|
|
||||||
@extend %shopping_cart_btn;
|
|
||||||
}
|
|
||||||
a.blue {
|
|
||||||
@extend %shopping_cart_btn;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Dashboard
|
|
||||||
|
|
||||||
.dashboard {
|
|
||||||
.wrapper-action-more {
|
|
||||||
width: inherit;
|
|
||||||
}
|
|
||||||
.wrapper-find-courses {
|
|
||||||
margin-top: 66px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Courseware
|
|
||||||
|
|
||||||
.view-in-course {
|
|
||||||
.home {
|
|
||||||
box-sizing: content-box;
|
|
||||||
}
|
|
||||||
.course-tabs {
|
|
||||||
li {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#content {
|
|
||||||
padding-bottom: 60px;
|
|
||||||
}
|
|
||||||
section.wiki .wiki-wrapper>header {
|
|
||||||
box-sizing: content-box;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.discussion {
|
|
||||||
#content {
|
|
||||||
padding-bottom: 60px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//Media Queries
|
|
||||||
|
|
||||||
@media screen and (min-width: 30em){
|
|
||||||
.hero{
|
|
||||||
.tint-dark {
|
|
||||||
.grid-manual {
|
|
||||||
.text-tint {
|
|
||||||
.btn-neutral {
|
|
||||||
padding: 0.8em 2em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.courses-section {
|
|
||||||
.courses-container {
|
|
||||||
.highlighted-courses {
|
|
||||||
.courses {
|
|
||||||
.course-info{
|
|
||||||
height: 165px;
|
|
||||||
}
|
|
||||||
.course-list{
|
|
||||||
.courses-listing-item{
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.footer-main{
|
|
||||||
.footer-logo{
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.visible-mobile{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.hidden-mobile{
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.testimonial-main{
|
|
||||||
p{
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
img{
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 48em){
|
|
||||||
.btn-enroll-mobile{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
header.header-main{
|
|
||||||
.logo a img {
|
|
||||||
height: 44px;
|
|
||||||
}
|
|
||||||
.collapsed-button{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.navbar-collapse{
|
|
||||||
ul{
|
|
||||||
display: block;
|
|
||||||
transition: all .2s;
|
|
||||||
position: relative;
|
|
||||||
top: inherit;
|
|
||||||
right: inherit;
|
|
||||||
left: inherit;
|
|
||||||
border-top: 0;
|
|
||||||
background-color: transparent;
|
|
||||||
box-shadow: none;
|
|
||||||
padding: 0;
|
|
||||||
li{
|
|
||||||
width: auto;
|
|
||||||
text-align: left;
|
|
||||||
line-height: 100px;
|
|
||||||
padding: 0 0.9rem;
|
|
||||||
a{
|
|
||||||
&.btn-neutral{
|
|
||||||
padding: 0.625rem 1.25rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.user-account{
|
|
||||||
ul{
|
|
||||||
position: absolute;
|
|
||||||
right: 1rem;
|
|
||||||
top: 100%;
|
|
||||||
width: 100%;
|
|
||||||
margin-top: -1rem;
|
|
||||||
li{
|
|
||||||
display: block;
|
|
||||||
float: none;
|
|
||||||
line-height: normal;
|
|
||||||
a{
|
|
||||||
padding: 0.5rem;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.footer-main{
|
|
||||||
.footer-logo{
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
.open-edx-logo{
|
|
||||||
ul{
|
|
||||||
li{
|
|
||||||
text-align: right;
|
|
||||||
img{
|
|
||||||
max-width: 80%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.hero {
|
|
||||||
.tint-dark {
|
|
||||||
.grid-manual {
|
|
||||||
.text-tint {
|
|
||||||
p {
|
|
||||||
font-size: 40px;
|
|
||||||
span {
|
|
||||||
display: block;
|
|
||||||
font-size: 1.5rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.hero-video{
|
|
||||||
background: rgba(0,0,0,0.6);
|
|
||||||
.hero-image {
|
|
||||||
display: block;
|
|
||||||
background-size: cover !important;
|
|
||||||
}
|
|
||||||
.tint-dark {
|
|
||||||
background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */
|
|
||||||
background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */
|
|
||||||
background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=1); /* IE6-9 */
|
|
||||||
}
|
|
||||||
.grid-container{
|
|
||||||
.row{
|
|
||||||
height: 22rem;
|
|
||||||
.description{
|
|
||||||
.data{
|
|
||||||
padding: 11.5% 2% 0 0;
|
|
||||||
h1{
|
|
||||||
color: $white;
|
|
||||||
font-size: 2.5rem;
|
|
||||||
}
|
|
||||||
p{
|
|
||||||
color: $white;
|
|
||||||
font-size: 1.3rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.video{
|
|
||||||
float: right;
|
|
||||||
.video-data{
|
|
||||||
line-height: 352px;
|
|
||||||
max-width: 95%;
|
|
||||||
img{
|
|
||||||
border: 3px solid $white;
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.course-info {
|
|
||||||
.course-detail {
|
|
||||||
[class*="col"] {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
.btn-enroll{
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.description-container{
|
|
||||||
.expandable{
|
|
||||||
max-height: 224px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.modal-custom{
|
|
||||||
display:none;
|
|
||||||
width: 540px;
|
|
||||||
padding: 30px 30px;
|
|
||||||
left: calc(50% - 270px) !important;
|
|
||||||
.modal-body{
|
|
||||||
.modal-header{
|
|
||||||
display: table;
|
|
||||||
width: 100%;
|
|
||||||
.instructor-data{
|
|
||||||
display: table-row;
|
|
||||||
.thumbnail{
|
|
||||||
display: table-cell;
|
|
||||||
width: 25%;
|
|
||||||
padding-bottom: 0;
|
|
||||||
img{
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
h3{
|
|
||||||
display: table-cell;
|
|
||||||
width: 65%;
|
|
||||||
padding: 1rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.links{
|
|
||||||
a{
|
|
||||||
margin-right: 1.5rem;
|
|
||||||
display: inline-block;
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 64em){ /* 980px */
|
|
||||||
.footer-main {
|
|
||||||
.footer-logo {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 80em){
|
|
||||||
.footer-main {
|
|
||||||
.footer-logo {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,19 +0,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;
|
|
||||||
|
|
||||||
|
|
||||||
@@ -1,21 +0,0 @@
|
|||||||
// 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
|
|
||||||
@@ -1,21 +0,0 @@
|
|||||||
// ------------------------------
|
|
||||||
// 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";
|
|
||||||
@@ -1,99 +0,0 @@
|
|||||||
/* 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;
|
|
||||||
}
|
|
||||||
@@ -1,51 +0,0 @@
|
|||||||
## 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>
|
|
||||||
@@ -1,31 +0,0 @@
|
|||||||
## 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>
|
|
||||||
@@ -1,37 +0,0 @@
|
|||||||
## 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>
|
|
||||||
@@ -1,428 +0,0 @@
|
|||||||
## mako
|
|
||||||
<%page expression_filter="h"/>
|
|
||||||
<%namespace name='static' file='../static_content.html'/>
|
|
||||||
<%!
|
|
||||||
from itertools import izip_longest
|
|
||||||
from django.utils.translation import ugettext as _
|
|
||||||
from django.core.urlresolvers import reverse
|
|
||||||
from courseware.courses import get_course_about_section
|
|
||||||
from django.conf import settings
|
|
||||||
from edxmako.shortcuts import marketing_link
|
|
||||||
from openedx.core.lib.courses import course_image_url
|
|
||||||
from openedx.core.djangolib.markup import HTML, Text
|
|
||||||
from openedx.core.djangolib.js_utils import js_escaped_string
|
|
||||||
|
|
||||||
%>
|
|
||||||
|
|
||||||
<%inherit file="../main.html" />
|
|
||||||
<%block name="headextra">
|
|
||||||
<link rel="stylesheet" type="text/css" href="${static.url('css/slick.css')}"/>
|
|
||||||
## OG (Open Graph) title and description added below to give social media info to display
|
|
||||||
## (https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content#tags)
|
|
||||||
<meta property="og:title" content="${course.display_name_with_default}" />
|
|
||||||
<meta property="og:description" content="${get_course_about_section(request, course, 'short_description')}" />
|
|
||||||
</%block>
|
|
||||||
|
|
||||||
|
|
||||||
<%block name="js_extra">
|
|
||||||
## CourseTalk widget js script
|
|
||||||
% if show_coursetalk_widget:
|
|
||||||
<script src="//d3q6qq2zt8nhwv.cloudfront.net/s/js/widgets/coursetalk-read-reviews.js"></script>
|
|
||||||
% endif
|
|
||||||
<script src="${static.url('js/course-about.js')}"></script>
|
|
||||||
|
|
||||||
<script type="text/javascript">
|
|
||||||
(function() {
|
|
||||||
|
|
||||||
(function(require) {
|
|
||||||
require(['edx-ui-toolkit/js/utils/html-utils'], function(HtmlUtils) {
|
|
||||||
"use strict";
|
|
||||||
// Listen for click events on element tagged with the 'register' class
|
|
||||||
// Submit the hidden enrolllment form, and include information about which
|
|
||||||
// purchasing workflow is being executed (based on which button is clicked)
|
|
||||||
$(".register").click(function(event) {
|
|
||||||
var purchase_workflow = "single";
|
|
||||||
if (event.currentTarget.id.includes("bulk")) {
|
|
||||||
purchase_workflow = "bulk";
|
|
||||||
}
|
|
||||||
var event_target_input = $("<input>")
|
|
||||||
.attr("type", "hidden")
|
|
||||||
.attr("id", "purchase_workflow")
|
|
||||||
.attr("name", "purchase_workflow").val(purchase_workflow);
|
|
||||||
|
|
||||||
HtmlUtils.append("#class_enroll_form", HtmlUtils.HTML($(event_target_input)));
|
|
||||||
var enroll_form = $("#class_enroll_form");
|
|
||||||
enroll_form.submit();
|
|
||||||
event.preventDefault();
|
|
||||||
});
|
|
||||||
|
|
||||||
% if can_add_course_to_cart:
|
|
||||||
add_course_complete_handler = function(jqXHR, textStatus) {
|
|
||||||
if (jqXHR.status == 200) {
|
|
||||||
location.href = "${cart_link | n, js_escaped_string}";
|
|
||||||
}
|
|
||||||
if (jqXHR.status == 400) {
|
|
||||||
HtmlUtils.setHtml("#register_error", HtmlUtils.HTML(jqXHR.responseText ? jqXHR.responseText : "${_("An error occurred. Please try again later.")| n, js_escaped_string}"));
|
|
||||||
$("#register_error").css("display", "block");
|
|
||||||
}
|
|
||||||
else if (jqXHR.status == 403) {
|
|
||||||
location.href = "${reg_then_add_to_cart_link| n, js_escaped_string}";
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
$("#add_to_cart_post").click(function(event){
|
|
||||||
$.ajax({
|
|
||||||
url: "${reverse('add_course_to_cart', args=[course.id.to_deprecated_string()]) | n, js_escaped_string}",
|
|
||||||
type: "POST",
|
|
||||||
/* Rant: HAD TO USE COMPLETE B/C PROMISE.DONE FOR SOME REASON DOES NOT WORK ON THIS PAGE. */
|
|
||||||
complete: add_course_complete_handler
|
|
||||||
})
|
|
||||||
event.preventDefault();
|
|
||||||
});
|
|
||||||
% endif
|
|
||||||
|
|
||||||
## making the conditional around this entire JS block for sanity
|
|
||||||
%if settings.FEATURES.get('RESTRICT_ENROLL_BY_REG_METHOD') and course.enrollment_domain:
|
|
||||||
<%
|
|
||||||
perms_error = Text(_('The currently logged-in user account does not have permission to enroll in this course. '
|
|
||||||
'You may need to {start_logout_tag}log out{end_tag} then try the enroll button again. '
|
|
||||||
'Please visit the {start_help_tag}help page{end_tag} for a possible solution.')).format(
|
|
||||||
start_help_tag=HTML("<a href='/faq'>"), end_tag=HTML('</a>'),
|
|
||||||
start_logout_tag=HTML("<a href='/logout'>")
|
|
||||||
)
|
|
||||||
%>
|
|
||||||
$('#class_enroll_form').on('ajax:complete', function(event, xhr) {
|
|
||||||
if(xhr.status == 200) {
|
|
||||||
location.href = "${reverse('dashboard')| n, js_escaped_string}";
|
|
||||||
} else if (xhr.status == 403) {
|
|
||||||
location.href = "${reverse('course-specific-register', args=[course.id.to_deprecated_string()])| n, js_escaped_string}?course_id=${course.id | n, js_escaped_string}&enrollment_action=enroll";
|
|
||||||
} else if (xhr.status == 400) { //This means the user did not have permission
|
|
||||||
HtmlUtils.setHtml("#register_error", HtmlUtils.HTML("${perms_error| n, js_escaped_string}"));
|
|
||||||
$('#register_error').css("display", "block");
|
|
||||||
} else {
|
|
||||||
HtmlUtils.setHtml("#register_error", HtmlUtils.HTML(xhr.responseText ? xhr.responseText : "${_("An error occurred. Please try again later.")| n, js_escaped_string}"));
|
|
||||||
$('#register_error').css("display", "block");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
%else:
|
|
||||||
|
|
||||||
$('#class_enroll_form').on('ajax:complete', function(event, xhr) {
|
|
||||||
if(xhr.status == 200) {
|
|
||||||
if (xhr.responseText == "") {
|
|
||||||
location.href = "${reverse('dashboard')| n, js_escaped_string}";
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
location.href = xhr.responseText;
|
|
||||||
}
|
|
||||||
} else if (xhr.status == 403) {
|
|
||||||
// If the form submission receives a Forbidden response, the user is not currently authenticated
|
|
||||||
// Include the purchase workflow context along with the regular user registration location information
|
|
||||||
var purchase_workflow = "&purchase_workflow=" + $("input#purchase_workflow").val();
|
|
||||||
location.href = "${reverse('register_user')| n, js_escaped_string}?course_id=${course.id | n, js_escaped_string}&enrollment_action=enroll" + purchase_workflow;
|
|
||||||
} else {
|
|
||||||
HtmlUtils.setHtml("#register_error", HtmlUtils.HTML(xhr.responseText ? xhr.responseText : "${_("An error occurred. Please try again later.")| n, js_escaped_string}"));
|
|
||||||
$('#register_error').css("display", "block");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
%endif
|
|
||||||
});
|
|
||||||
}).call(this, require || RequireJS.require);
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<%include file="../about_site.html" />
|
|
||||||
<script src="${static.url('js/course_info.js')}"></script>
|
|
||||||
<script src="${static.url('js/slick.min.js')}"></script>
|
|
||||||
<script src="${static.url('js/sticky.js')}"></script>
|
|
||||||
</%block>
|
|
||||||
|
|
||||||
<%block name="pagetitle">${course.display_name_with_default}</%block>
|
|
||||||
|
|
||||||
<section class="course-info" xmlns="http://www.w3.org/1999/html">
|
|
||||||
<header class="hero hero-video grid-manual">
|
|
||||||
<div class="hero-image" style="background: url('${static.url(course_details.banner_image_asset_path)}') no-repeat center right;">
|
|
||||||
<div class="tint-dark no-background-mobile"></div>
|
|
||||||
</div>
|
|
||||||
<div class="tint-dark no-background-mobile">
|
|
||||||
<div class="grid-container grid-manual">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col col-12 sm-col-12 md-col-4 lg-col-4 xl-col-4 video">
|
|
||||||
<div class="video-data">
|
|
||||||
<a href="#video-modal" class="media" rel="leanModal">
|
|
||||||
<img src="${static.url(course_details.video_thumbnail_image_asset_path)}" alt="${course_details.video_thumbnail_image_name}">
|
|
||||||
<span class="play-btn"></span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col col-12 sm-col-12 md-col-8 lg-col-8 xl-col-8 description">
|
|
||||||
<div class="data">
|
|
||||||
<h1>${course_details.title or course.display_name}</h1>
|
|
||||||
<p>${course_details.subtitle}</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<div id="sticky" class="course-detail light-bg">
|
|
||||||
<div class="grid-manual grid-container">
|
|
||||||
<div class="inner-container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col col-12 sm-col-12 md-col-6 sticky-course-title hidden">
|
|
||||||
<span>${course_details.title or course.display_name}</span>
|
|
||||||
</div>
|
|
||||||
<div class="col col-12 sm-col-12 md-col-3 course-run">
|
|
||||||
Start Date:
|
|
||||||
<span>${course_details.start_date.strftime('%b %-d, %Y')}</span>
|
|
||||||
</div>
|
|
||||||
<div class="col col-12 sm-col-12 md-col-3 course-run">
|
|
||||||
Duration:
|
|
||||||
<span>${course_details.duration}</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col col-12 sm-col-12 md-col-2">
|
|
||||||
Price:
|
|
||||||
<span>${course_price}</span>
|
|
||||||
</div>
|
|
||||||
<%
|
|
||||||
btn_text = 'Enroll Now'
|
|
||||||
btn_href = '#'
|
|
||||||
btn_class = ''
|
|
||||||
btn_class_bulk = ''
|
|
||||||
btn_id = ''
|
|
||||||
%>
|
|
||||||
|
|
||||||
% if user.is_authenticated() and registered:
|
|
||||||
<%
|
|
||||||
btn_text = "You are enrolled in this course"
|
|
||||||
btn_class = "disabled"
|
|
||||||
%>
|
|
||||||
|
|
||||||
% elif in_cart:
|
|
||||||
<%
|
|
||||||
btn_text = "This course is in your cart"
|
|
||||||
btn_href = cart_link
|
|
||||||
%>
|
|
||||||
|
|
||||||
% elif is_course_full:
|
|
||||||
<%
|
|
||||||
btn_text = "Course is full"
|
|
||||||
btn_class = "disabled"
|
|
||||||
btn_class_bulk = btn_class
|
|
||||||
%>
|
|
||||||
|
|
||||||
% elif invitation_only and not can_enroll:
|
|
||||||
<%
|
|
||||||
btn_text = "Enrollment in this course is by invitation only"
|
|
||||||
btn_class = "disabled"
|
|
||||||
btn_class_bulk = btn_class
|
|
||||||
%>
|
|
||||||
|
|
||||||
% elif not is_shib_course and not can_enroll:
|
|
||||||
<%
|
|
||||||
btn_text = "Enrollment is Closed"
|
|
||||||
btn_class = "disabled"
|
|
||||||
btn_class_bulk = btn_class
|
|
||||||
%>
|
|
||||||
|
|
||||||
% elif can_add_course_to_cart:
|
|
||||||
<%
|
|
||||||
btn_class = "add-to-cart"
|
|
||||||
btn_text = "Enroll Now"
|
|
||||||
%>
|
|
||||||
|
|
||||||
% if user.is_authenticated():
|
|
||||||
% if user.is_active:
|
|
||||||
<%
|
|
||||||
btn_href = "#"
|
|
||||||
btn_id = "add_to_cart_post"
|
|
||||||
%>
|
|
||||||
% else:
|
|
||||||
<%
|
|
||||||
btn_text = "Please Activate Your Account"
|
|
||||||
btn_class = "disabled"
|
|
||||||
%>
|
|
||||||
% endif
|
|
||||||
% else:
|
|
||||||
<%
|
|
||||||
btn_href = reg_then_add_to_cart_link
|
|
||||||
btn_id = "reg_then_add_to_cart"
|
|
||||||
%>
|
|
||||||
% endif
|
|
||||||
|
|
||||||
% if ecommerce_checkout and ecommerce_checkout_link and user.is_authenticated():
|
|
||||||
<%
|
|
||||||
btn_href = ecommerce_checkout_link
|
|
||||||
%>
|
|
||||||
% endif
|
|
||||||
|
|
||||||
% else:
|
|
||||||
% if ecommerce_checkout:
|
|
||||||
% if ecommerce_checkout_link:
|
|
||||||
<% btn_href = ecommerce_checkout_link %>
|
|
||||||
% else:
|
|
||||||
<% btn_href="#" %>
|
|
||||||
% endif
|
|
||||||
% if professional_mode:
|
|
||||||
% if user.is_authenticated():
|
|
||||||
<% btn_class = "add-to-cart" %>
|
|
||||||
% else:
|
|
||||||
<%
|
|
||||||
btn_class = "register"
|
|
||||||
btn_class_bulk = btn_class
|
|
||||||
%>
|
|
||||||
% endif
|
|
||||||
% endif
|
|
||||||
% endif
|
|
||||||
% endif
|
|
||||||
<div class="col col-12 sm-col-12 md-col-4">
|
|
||||||
<a href="${btn_href}" id="${btn_id}" class="btn-block btn-success btn-large btn-enroll ${btn_class}">
|
|
||||||
${_(btn_text)}
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="grid-manual grid-container">
|
|
||||||
<div class="inner-container">
|
|
||||||
<div class="description-container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col col-12 sm-col-12 md-col-8">
|
|
||||||
|
|
||||||
<h2> Course Description</h2>
|
|
||||||
<div class="course-description">
|
|
||||||
<p>${course_details.description}</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h2> What you'll learn</h2>
|
|
||||||
<div class="course-learning">
|
|
||||||
<ul class="list-bulleted">
|
|
||||||
% for item in course_details.learning_info:
|
|
||||||
<li>${item}</li>
|
|
||||||
%endfor
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
% if can_enroll and not is_course_full:
|
|
||||||
<div class="col col-12 sm-col-12 md-col-4 pull-right extras">
|
|
||||||
<div class="course-features group-purchase">
|
|
||||||
<h2>${_("Want to purchase this course for a group?")} </h2>
|
|
||||||
<p>${_("You can purchase enrollment codes for this course to distribute to your team")}</p>
|
|
||||||
|
|
||||||
% if ecommerce_bulk_checkout_link:
|
|
||||||
<%
|
|
||||||
url = "mailto:harvardxplus@harvard.edu?Subject={course_id}%20{run}%20Bulk%20Discount".format(course_id=course_details.course_id, run=course_details.run)
|
|
||||||
link_start = HTML("<a href='{url}'>").format(url=Text(url))
|
|
||||||
%>
|
|
||||||
<a href="${ecommerce_bulk_checkout_link}" id="ecommerce_bulk_checkout_button" class="btn-block btn-success btn-large btn-enroll ${btn_class_bulk}">${_("Purchase for a Group")}</a>
|
|
||||||
<p>
|
|
||||||
${Text(_("Bulk discounts may apply for groups larger than 10. Contact {link_start}harvardxplus@harvard.edu{link_end} for more information.")).format(
|
|
||||||
link_start=HTML(link_start),
|
|
||||||
link_end=HTML('</a>')
|
|
||||||
)}
|
|
||||||
</p>
|
|
||||||
% else:
|
|
||||||
<%
|
|
||||||
url = "mailto:harvardxplus@harvard.edu?Subject={course_id}%20{run}%20Group%20Purchase".format(
|
|
||||||
course_id=course_details.course_id, run=course_details.run)
|
|
||||||
%>
|
|
||||||
<a href="${url}" class="btn-block btn-success btn-large btn-enroll">${_("Email Us")}</a>
|
|
||||||
% endif
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
% endif
|
|
||||||
</div>
|
|
||||||
<div class="col col-12"><h2>Instructors</h2></div>
|
|
||||||
<% index = 0 %>
|
|
||||||
% for instructors in izip_longest(*([iter(course_details.instructor_info['instructors'])] * 2)):
|
|
||||||
<div class="row instructors">
|
|
||||||
% for instructor in [i for i in instructors if i is not None]:
|
|
||||||
<% index += 1 %>
|
|
||||||
<div class="col col-12 sm-col-12 md-col-6 lg-col-6 xl-col-6">
|
|
||||||
<div class="thumbnail">
|
|
||||||
<a href="#instructor-details-${index}" class="instructor-image"><img src="${static.url(instructor['image'])}" alt="${instructor['name']}"></a>
|
|
||||||
</div>
|
|
||||||
<p>${instructor['name']} <span>${instructor['title']}</span></p>
|
|
||||||
<div class="modal modal-custom" id="instructor-details-${index}">
|
|
||||||
<div class="btn-close modal_close"><i class="fa fa-close"></i></div>
|
|
||||||
<div class="modal-body">
|
|
||||||
<div class="modal-header">
|
|
||||||
<div class="instructor-data">
|
|
||||||
<div class="thumbnail">
|
|
||||||
<img src="${instructor['image']}" alt="${instructor['name']}">
|
|
||||||
</div>
|
|
||||||
<h3>
|
|
||||||
<span class="instructor-name">${instructor['name']}</span>
|
|
||||||
<span>${instructor['title']}
|
|
||||||
% if instructor['organization']:
|
|
||||||
at ${instructor['organization']}
|
|
||||||
% endif
|
|
||||||
</span>
|
|
||||||
</h3>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="instructor-bio">${instructor['bio']}</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
% endfor
|
|
||||||
</div>
|
|
||||||
% endfor
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="light-bg course-about">
|
|
||||||
<div class="grid-manual grid-container">
|
|
||||||
<div class="inner-container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col col-12">
|
|
||||||
${HTML(course_details.overview)}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="about-section">
|
|
||||||
<div class="about-container"></div>
|
|
||||||
<div class="grid-manual">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col col-12 sm-col-12 md-col-4 text-center btn-enroll-mobile">
|
|
||||||
<a href="${btn_href}" id="${btn_id}" class="btn-block btn-success btn-large btn-enroll ${btn_class}">
|
|
||||||
${_(btn_text)}
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
## Need to put this hidden form on the page so that the registration button works.
|
|
||||||
## Since it's no harm to display a hidden form, we display it with the most permissive conditional
|
|
||||||
## which is when the student is not registered.
|
|
||||||
%if active_reg_button or is_shib_course:
|
|
||||||
<div style="display: none;">
|
|
||||||
<form id="class_enroll_form" method="post" data-remote="true" action="${reverse('change_enrollment')}">
|
|
||||||
<fieldset class="enroll_fieldset">
|
|
||||||
<legend class="sr">${_("Enroll")}</legend>
|
|
||||||
<input name="course_id" type="hidden" value="${course.id}">
|
|
||||||
<input name="enrollment_action" type="hidden" value="enroll">
|
|
||||||
</fieldset>
|
|
||||||
<div class="submit">
|
|
||||||
<input name="submit" type="submit" value="${_('enroll')}">
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
%endif
|
|
||||||
|
|
||||||
% if course_details.intro_video and course_details.video_thumbnail_image_name:
|
|
||||||
<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/${course_details.intro_video}?showinfo=0"
|
|
||||||
frameborder="0" allowfullscreen></iframe>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
% endif
|
|
||||||
@@ -1,49 +0,0 @@
|
|||||||
## 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>
|
|
||||||
@@ -1,58 +0,0 @@
|
|||||||
## 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>
|
|
||||||
@@ -1,19 +0,0 @@
|
|||||||
## 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>
|
|
||||||
@@ -1,72 +0,0 @@
|
|||||||
## 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>
|
|
||||||
@@ -1,68 +0,0 @@
|
|||||||
## 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
|
|
||||||
@@ -1,80 +0,0 @@
|
|||||||
## 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>
|
|
||||||
@@ -1,96 +0,0 @@
|
|||||||
## 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>
|
|
||||||
@@ -1,147 +0,0 @@
|
|||||||
<%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>
|
|
||||||
@@ -1,93 +0,0 @@
|
|||||||
## 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>
|
|
||||||
@@ -1,89 +0,0 @@
|
|||||||
## 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>
|
|
||||||
@@ -1,89 +0,0 @@
|
|||||||
## 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>
|
|
||||||
@@ -1,38 +0,0 @@
|
|||||||
<%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>
|
|
||||||
Reference in New Issue
Block a user