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('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('example', 'example', get_theme_base_dir('example')),
|
||||
Theme('stanford-style', 'stanford-style', get_theme_base_dir('stanford-style')),
|
||||
]
|
||||
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