Commit ccbd88ac by Saleem Latif

Merge pull request #11402 from edx/saleem-latif/WL-298

WL-298: Create a theme named 'stanford-style' to be used by comprehensive theming
parents 23dc424c 14572c19
......@@ -111,9 +111,7 @@ from openedx.core.lib.courses import course_image_url
<hgroup>
<h1>
${course.display_name_with_default_escaped}
% if not self.theme_enabled():
<a href="#">${course.display_org_with_default | h}</a>
% endif
<a href="#">${course.display_org_with_default | h}</a>
</h1>
</hgroup>
......@@ -211,66 +209,8 @@ from openedx.core.lib.courses import course_image_url
<section class="course-sidebar">
<section class="course-summary">
<header>
% if static.get_value('course_about_show_social_links', True):
<div class="social-sharing">
<div class="sharing-message">${_("Share with friends and family!")}</div>
## TODO: this should probably be an overrideable block,
## or something allowing themes to do whatever they
## want here (and on this whole page, really).
% if self.stanford_theme_enabled():
<a href="http://twitter.com/intent/tweet?text=I+just+enrolled+in+${course.number}+${course.display_name_with_default_escaped}!+(http://class.stanford.edu)" class="share">
<i class="icon fa fa-twitter"></i><span class="sr">${_("Tweet that you've enrolled in this course")}</span>
</a>
<a href="mailto:?subject=Take%20a%20course%20at%20Stanford%20online!&body=I%20just%20enrolled%20in%20${course.number}%20${course.display_name_with_default_escaped}+(http://class.stanford.edu)" class="share">
<i class="icon fa fa-envelope"></i><span class="sr">${_("Email someone to say you've enrolled in this course")}</span>
</a>
% else:
<%
site_domain = static.get_value('site_domain', settings.SITE_NAME)
platform_name = static.get_platform_name()
## Translators: This text will be automatically posted to the student's
## Twitter account. {url} should appear at the end of the text.
tweet_text = _("I just enrolled in {number} {title} through {account}: {url}").format(
number=course.number,
title=course.display_name_with_default_escaped,
account=static.get_value('course_about_twitter_account', settings.PLATFORM_TWITTER_ACCOUNT),
url=u"http://{domain}{path}".format(
domain=site_domain,
path=reverse('about_course', args=[course.id.to_deprecated_string()])
)
).replace(u" ", u"+")
tweet_action = u"http://twitter.com/intent/tweet?text={tweet_text}".format(tweet_text=tweet_text)
facebook_link = static.get_value('course_about_facebook_link', settings.PLATFORM_FACEBOOK_ACCOUNT)
email_subject = u"mailto:?subject={subject}&body={body}".format(
subject=_("Take a course with {platform} online").format(platform=platform_name),
body=_("I just enrolled in {number} {title} through {platform} {url}").format(
number=course.number,
title=course.display_name_with_default_escaped,
platform=platform_name,
url=u"http://{domain}{path}".format(
domain=site_domain,
path=reverse('about_course', args=[course.id.to_deprecated_string()]),
)
)
).replace(u" ", u"%20")
%>
<a href="${tweet_action}" class="share">
<i class="icon fa fa-twitter"></i><span class="sr">${_("Tweet that you've enrolled in this course")}</span>
</a>
<a href="${facebook_link}" class="share">
<i class="icon fa fa-thumbs-up"></i><span class="sr">${_("Post a Facebook message to say you've enrolled in this course")}</span>
</a>
<a href="${email_subject}" class="share">
<i class="icon fa fa-envelope"></i><span class="sr">${_("Email someone to say you've enrolled in this course")}</span>
</a>
% endif
</div>
% endif
</header>
<%include file="course_about_sidebar_header.html" />
<ol class="important-dates">
<li class="important-dates-item"><i class="icon fa fa-info-circle"></i><p class="important-dates-item-title">${_("Course Number")}</p><span class="important-dates-item-text course-number">${course.display_number_with_default | h}</span></li>
......
<%namespace name='static' file='../static_content.html'/>
<%!
from django.utils.translation import ugettext as _
from django.core.urlresolvers import reverse
from django.conf import settings
%>
<header>
% if static.get_value('course_about_show_social_links', True):
<div class="social-sharing">
<div class="sharing-message">${_("Share with friends and family!")}</div>
## TODO: this should probably be an overrideable block,
## or something allowing themes to do whatever they
## want here (and on this whole page, really).
<%
site_domain = static.get_value('site_domain', settings.SITE_NAME)
platform_name = static.get_platform_name()
## Translators: This text will be automatically posted to the student's
## Twitter account. {url} should appear at the end of the text.
tweet_text = _("I just enrolled in {number} {title} through {account}: {url}").format(
number=course.number,
title=course.display_name_with_default_escaped,
account=static.get_value('course_about_twitter_account', settings.PLATFORM_TWITTER_ACCOUNT),
url=u"http://{domain}{path}".format(
domain=site_domain,
path=reverse('about_course', args=[course.id.to_deprecated_string()])
)
).replace(u" ", u"+")
tweet_action = u"http://twitter.com/intent/tweet?text={tweet_text}".format(tweet_text=tweet_text)
facebook_link = static.get_value('course_about_facebook_link', settings.PLATFORM_FACEBOOK_ACCOUNT)
email_subject = u"mailto:?subject={subject}&body={body}".format(
subject=_("Take a course with {platform} online").format(platform=platform_name),
body=_("I just enrolled in {number} {title} through {platform} {url}").format(
number=course.number,
title=course.display_name_with_default_escaped,
platform=platform_name,
url=u"http://{domain}{path}".format(
domain=site_domain,
path=reverse('about_course', args=[course.id.to_deprecated_string()]),
)
)
).replace(u" ", u"%20")
%>
<a href="${tweet_action}" class="share">
<i class="icon fa fa-twitter"></i><span class="sr">${_("Tweet that you've enrolled in this course")}</span>
</a>
<a href="${facebook_link}" class="share">
<i class="icon fa fa-thumbs-up"></i><span class="sr">${_("Post a Facebook message to say you've enrolled in this course")}</span>
</a>
<a href="${email_subject}" class="share">
<i class="icon fa fa-envelope"></i><span class="sr">${_("Email someone to say you've enrolled in this course")}</span>
</a>
</div>
% endif
</header>
<%namespace file="../main.html" import="stanford_theme_enabled" />
<%! from django.utils.translation import ugettext as _ %>
${_("Thank you for signing up for {platform_name}.").format(platform_name=settings.PLATFORM_NAME)}
......@@ -13,17 +12,7 @@ ${_("Change your life and start learning today by activating your "
% else:
http://${ site }/activate/${ key }
% endif
% if stanford_theme_enabled(): ## Temporary hack until we develop a better way to adjust language
${_("If you didn't request this, you don't need to do anything; you won't "
"receive any more email from us. Please do not reply to this e-mail; "
"if you require assistance, check the about section of the "
"{platform_name} Courses web site.").format(platform_name=settings.PLATFORM_NAME)}
% else:
${_("If you didn't request this, you don't need to do anything; you won't "
"receive any more email from us. Please do not reply to this e-mail; "
"if you require assistance, check the help section of the "
"{platform_name} website.").format(platform_name=settings.PLATFORM_NAME)}
% endif
<%! from django.core.urlresolvers import reverse %>
<%! from django.utils.translation import ugettext as _ %>
<%namespace file="../main.html" import="stanford_theme_enabled" />
## Again, ugly hack that needs to be changed
## TODO: this probably needs better formatting to look nice in an
## email client (Mako leaves awkward whitespace)
% if stanford_theme_enabled():
${_("This is to confirm that you changed the e-mail associated with "
"{platform_name} from {old_email} to {new_email}. If you "
"did not make this request, please contact us at").format(platform_name=settings.PLATFORM_NAME, old_email=old_email, new_email=new_email)}
${_("This is to confirm that you changed the e-mail associated with "
"{platform_name} from {old_email} to {new_email}. If you "
"did not make this request, please contact us immediately. Contact "
"information is listed at:").format(platform_name=settings.PLATFORM_NAME, old_email=old_email, new_email=new_email)}
${settings.CONTACT_EMAIL}
% else:
${_("This is to confirm that you changed the e-mail associated with "
"{platform_name} from {old_email} to {new_email}. If you "
"did not make this request, please contact us immediately. Contact "
"information is listed at:").format(platform_name=settings.PLATFORM_NAME, old_email=old_email, new_email=new_email)}
% if is_secure:
% if is_secure:
https://${ site }${reverse('contact')}
% else:
% else:
http://${ site }${reverse('contact')}
% endif
% endif
${_("We keep a log of old e-mails, so if this request was unintentional, we "
......
<%! from django.utils.translation import ugettext as _ %>
<%namespace file="../main.html" import="stanford_theme_enabled" />
${_("We received a request to change the e-mail associated with your "
"{platform_name} account from {old_email} to {new_email}. "
"If this is correct, please confirm your new e-mail address by "
......@@ -11,15 +10,7 @@ ${_("We received a request to change the e-mail associated with your "
http://${ site }/email_confirm/${ key }
% endif
## TODO: fix this ugly hack
% if stanford_theme_enabled():
${_("If you didn't request this, you don't need to do anything; you won't "
"receive any more email from us. Please do not reply to this e-mail; "
"if you require assistance, check the about section of the "
"{platform_name} Courses web site.").format(platform_name=settings.PLATFORM_NAME)}
% else:
${_("If you didn't request this, you don't need to do anything; you won't "
"receive any more email from us. Please do not reply to this e-mail; "
"if you require assistance, check the help section of the "
"{platform_name} web site.").format(platform_name=settings.PLATFORM_NAME)}
% endif
${_("If you didn't request this, you don't need to do anything; you won't "
"receive any more email from us. Please do not reply to this e-mail; "
"if you require assistance, check the help section of the "
"{platform_name} web site.").format(platform_name=settings.PLATFORM_NAME)}
<%! from django.utils.translation import ugettext as _ %>
<%namespace file="../main.html" import="stanford_theme_enabled" />
<%namespace name='static' file='../static_content.html'/>
(Not currently used)
## TODO: fix this ugly hack
% if stanford_theme_enabled():
${_("We are sorry. Our course staff did not approve your request to change "
"your name from {old_name} to {new_name}. If you need further "
"assistance, please e-mail the tech support at {email}"
).format(
old_name=old_name,
new_name=new_name,
email=settings.TECH_SUPPORT_EMAIL,
)}
% else:
${_("We are sorry. Our course staff did not approve your request to change "
"your name from {old_name} to {new_name}. If you need further "
"assistance, please e-mail the course staff at {email}."
).format(
old_name=old_name,
new_name=new_name,
email="ta@edx.org",
)}
% endif
${_("We are sorry. Our course staff did not approve your request to change "
"your name from {old_name} to {new_name}. If you need further "
"assistance, please e-mail the course staff at {email}."
).format(
old_name=old_name,
new_name=new_name,
email=static.get_tech_support_email_address(),
)}
<%namespace file="../main.html" import="stanford_theme_enabled" />
<%! from django.utils.translation import ugettext as _ %>
% if status == "approved":
${_("We have successfully verified your identity for the {assessment} assessment in the {course_name} course."
......
......@@ -13,15 +13,10 @@ from django.core.urlresolvers import reverse
% if homepage_overlay_html:
${homepage_overlay_html}
% else:
% if self.stanford_theme_enabled():
<h1>${_("Free courses from <strong>{university_name}</strong>").format(university_name="Stanford")}</h1>
<h2>${_("For anyone, anywhere, anytime")}</h2>
% else:
## Translators: 'Open edX' is a brand, please keep this untranslated. See http://openedx.org for more information.
<h1>${_("Welcome to Open edX!")}</h1>
## Translators: 'Open edX' is a brand, please keep this untranslated. See http://openedx.org for more information.
<h2>${_("It works! This is the default homepage for this Open edX instance.")}</h2>
% endif
% endif
</hgroup>
% if settings.FEATURES.get('ENABLE_COURSE_DISCOVERY'):
......@@ -56,12 +51,7 @@ from django.core.urlresolvers import reverse
% if show_homepage_promo_video:
<section id="video-modal" class="modal home-page-video-modal video-modal">
<div class="inner-wrapper">
<%
youtube_video_id = homepage_promo_video_youtube_id
if self.stanford_theme_enabled():
youtube_video_id = "2gmreZObCY4"
%>
<iframe title="YouTube Video" width="640" height="360" src="//www.youtube.com/embed/${youtube_video_id}?showinfo=0" frameborder="0" allowfullscreen></iframe>
<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
......
......@@ -19,18 +19,6 @@ from branding import api as branding_api
## embedding theme conditionals into templates. All inheriting
## templates have access to these functions, and we can import these
## into non-inheriting templates via the %namespace tag.
<%def name="theme_enabled()">
<% return settings.FEATURES.get("USE_CUSTOM_THEME", False) %>
</%def>
<%def name="stanford_theme_enabled()">
<%
if not theme_enabled():
return False
return getattr(settings, "THEME_NAME", None) == "stanford"
%>
</%def>
## this needs to be here to prevent the title from mysteriously appearing in the body, in one case
<%def name="pagetitle()" />
......
## mako
<%namespace name='static' file='static_content.html'/>
<%namespace file='main.html' import="login_query, stanford_theme_enabled"/>
<%namespace file='main.html' import="login_query"/>
<%!
from django.core.urlresolvers import reverse
from django.utils.translation import ugettext as _
......
## mako
<%namespace name='static' file='static_content.html'/>
<%namespace file='main.html' import="login_query, stanford_theme_enabled"/>
<%namespace file='main.html' import="login_query"/>
<%!
from django.core.urlresolvers import reverse
from django.utils.translation import ugettext as _
......
......@@ -5,7 +5,6 @@ from django.utils.translation import ugettext as _
from django_countries import countries
from student.models import UserProfile
%>
<%namespace file='main.html' import="stanford_theme_enabled"/>
<input type="hidden" name="csrfmiddlewaretoken" value="${ csrf_token }">
......@@ -240,16 +239,12 @@ from student.models import UserProfile
% endif
% if settings.REGISTRATION_EXTRA_FIELDS['honor_code'] != 'hidden':
## If the stanford theme isn't enabled, check if we have an Honor Code link in our marketing map
% if not stanford_theme_enabled() and marketing_link('HONOR') and marketing_link('HONOR') != '#':
## check if we have an Honor Code link in our marketing map
% if marketing_link('HONOR') and marketing_link('HONOR') != '#':
<div class="field ${settings.REGISTRATION_EXTRA_FIELDS['honor_code']} checkbox" id="field-honorcode">
<input id="honorcode-yes" type="checkbox" name="honor_code" value="true" />
<%
## TODO: provide a better way to override these links
if stanford_theme_enabled():
honor_code_path = marketing_link('TOS') + "#honor"
else:
honor_code_path = marketing_link('HONOR')
honor_code_path = marketing_link('HONOR')
%>
<label for="honorcode-yes">${_('I agree to the {link_start}Honor Code{link_end}').format(
link_start='<a href="{url}" class="new-vp" tabindex="-1">'.format(url=honor_code_path),
......
......@@ -169,11 +169,7 @@ import calendar
<div class="field required checkbox" id="field-honorcode">
<input id="honorcode-yes" type="checkbox" name="honor_code" value="true" />
<%
## TODO: provide a better way to override these links
if self.stanford_theme_enabled():
honor_code_path = marketing_link('TOS') + "#honor"
else:
honor_code_path = marketing_link('HONOR')
honor_code_path = marketing_link('HONOR')
%>
<label for="honorcode-yes">${_('I agree to the {link_start}Honor Code{link_end}').format(
link_start='<a href="{url}" class="new-vp">'.format(url=honor_code_path),
......
......@@ -2,7 +2,7 @@
from django.utils.translation import ugettext as _
from django.core.urlresolvers import reverse
%>
<%namespace file='main.html' import="login_query, stanford_theme_enabled"/>
<%namespace file='main.html' import="login_query"/>
<%namespace name='static' file='static_content.html'/>
......@@ -25,20 +25,14 @@ from django.core.urlresolvers import reverse
## TODO: Use a %block tag or something to allow themes to
## override in a more generalizable fashion.
% if not stanford_theme_enabled():
<div class="cta cta-welcome">
<h3>${_("Welcome to {platform_name}").format(platform_name=platform_name)}</h3>
<p>${_("Registering with {platform_name} gives you access to all of our current and future free courses. Not ready to take a course just yet? Registering puts you on our mailing list - we will update you as courses are added.").format(platform_name=platform_name)}</p>
</div>
% endif
<div class="cta cta-welcome">
<h3>${_("Welcome to {platform_name}").format(platform_name=platform_name)}</h3>
<p>${_("Registering with {platform_name} gives you access to all of our current and future free courses. Not ready to take a course just yet? Registering puts you on our mailing list - we will update you as courses are added.").format(platform_name=platform_name)}</p>
</div>
<div class="cta cta-nextsteps">
<h3>${_("Next Steps")}</h3>
% if stanford_theme_enabled():
<p>${_("You will receive an activation email. You must click on the activation link to complete the process. Don't see the email? Check your spam folder and mark emails from class.stanford.edu as 'not spam', since you'll want to be able to receive email from your courses.")}</p>
% else:
<p>${_("As part of joining {platform_name}, you will receive an activation email. You must click on the activation link to complete the process. Don't see the email? Check your spam folder and mark {platform_name} emails as 'not spam'. At {platform_name}, we communicate mostly through email.").format(platform_name=platform_name)}</p>
% endif
</div>
% if settings.MKTG_URL_LINK_MAP.get('FAQ'):
......
CSS files should go in this directory. If you are using a CSS preprocessor
like Sass, you should configure it to output CSS in this directory. Running
`paver compile_sass` should do the right thing in this case.
// Theming overrides for sample theme
$header-bg: rgb(140,21,21);
$footer-bg: rgb(140,21,21);
$container-bg: rgb(241,241,241);
$content-wrapper-bg: rgb(241,241,241);
$serif: 'Comic Sans', 'Comic Sans MS';
$sans-serif: 'Comic Sans', 'Comic Sans MS';
// Theming overrides for sample theme
@import 'overrides';
// import the rest of the application
@import 'lms/static/sass/lms-main-rtl';
// Theming overrides for sample theme
@import 'overrides';
// import the rest of the application
@import 'lms/static/sass/lms-main';
<%!
from django.utils.translation import ugettext as _
%>
<header>
<div class="social-sharing">
<div class="sharing-message">${_("Share with friends and family!")}</div>
<a href="http://twitter.com/intent/tweet?text=I+just+enrolled+in+${course.number}+${course.display_name_with_default_escaped}!+(http://class.stanford.edu)" class="share">
<i class="icon fa fa-twitter"></i><span class="sr">${_("Tweet that you've enrolled in this course")}</span>
</a>
<a href="mailto:?subject=Take%20a%20course%20at%20Stanford%20online!&body=I%20just%20enrolled%20in%20${course.number}%20${course.display_name_with_default_escaped}+(http://class.stanford.edu)" class="share">
<i class="icon fa fa-envelope"></i><span class="sr">${_("Email someone to say you've enrolled in this course")}</span>
</a>
</div>
</header>
<%! from django.utils.translation import ugettext as _ %>
${_("Thank you for signing up for {platform_name}.").format(platform_name=settings.PLATFORM_NAME)}
${_("Change your life and start learning today by activating your "
"{platform_name} account. Click on the link below or copy and "
"paste it into your browser's address bar.").format(
platform_name=settings.PLATFORM_NAME
)}
% if is_secure:
https://${ site }/activate/${ key }
% else:
http://${ site }/activate/${ key }
% endif
${_("If you didn't request this, you don't need to do anything; you won't "
"receive any more email from us. Please do not reply to this e-mail; "
"if you require assistance, check the about section of the "
"{platform_name} Courses web site.").format(platform_name=settings.PLATFORM_NAME)}
<%! from django.utils.translation import ugettext as _ %>
${_("This is to confirm that you changed the e-mail associated with "
"{platform_name} from {old_email} to {new_email}. If you "
"did not make this request, please contact us at").format(platform_name=settings.PLATFORM_NAME, old_email=old_email, new_email=new_email)}
${settings.CONTACT_EMAIL}
${_("We keep a log of old e-mails, so if this request was unintentional, we "
"can investigate.")}
<%! from django.utils.translation import ugettext as _ %>
${_("We received a request to change the e-mail associated with your "
"{platform_name} account from {old_email} to {new_email}. "
"If this is correct, please confirm your new e-mail address by "
"visiting:").format(platform_name=settings.PLATFORM_NAME, old_email=old_email, new_email=new_email)}
% if is_secure:
https://${ site }/email_confirm/${ key }
% else:
http://${ site }/email_confirm/${ key }
% endif
${_("If you didn't request this, you don't need to do anything; you won't "
"receive any more email from us. Please do not reply to this e-mail; "
"if you require assistance, check the about section of the "
"{platform_name} Courses web site.").format(platform_name=settings.PLATFORM_NAME)}
<%! from django.utils.translation import ugettext as _ %>
<%namespace name='static' file='../static_content.html'/>
(Not currently used)
${_("We are sorry. Our course staff did not approve your request to change "
"your name from {old_name} to {new_name}. If you need further "
"assistance, please e-mail the tech support at {email}"
).format(
old_name=old_name,
new_name=new_name,
email=static.get_tech_support_email_address(),
)}
## mako
<%!
from django.core.urlresolvers import reverse
from django.utils.translation import ugettext as _
%>
<%!
from datetime import date
%>
<div class="wrapper-footer">
<footer>
<div class="colophon">
<nav class="nav-colophon">
<ol>
<li><a href="${reverse('about')}">${_("About")}</a></li>
<li><a href="${reverse('about')}#careers">${_("Careers")}</a></li>
<li><a href="${reverse('about')}#contact">${_("Contact")}</a></li>
<li><a href="${reverse('tos')}">${_("Terms of Service")}</a></li>
<li><a href="${reverse('tos')}#privacy">${_("Privacy Policy")}</a></li>
<li><a href="${reverse('tos')}#honor">${_("Honor Code")}</a></li>
<li><a href="${reverse('tos')}#copyright">${_("Copyright")}</a></li>
</ol>
</nav>
</div>
<div class="references">
<span>Built on <a href="http://open.edx.org">OpenEdX</a>.</span>
</div>
<div class="copyright">
<p><span>
${_('Copyright {year}. All rights reserved.').format(
year=date.today().year
)}
</span></p>
</div>
</footer>
</div>
## mako
<%namespace name='static' file='/static_content.html'/>
<%inherit file="/navigation.html"/>
## TODO: this will eventually be moved to the Sass
<%block name="navigation_logo">
<img src="${static.url('images/logo.png')}" height="50" alt="Home Page" />
</%block>
<%inherit file="main.html" />
<%!
from django.utils.translation import ugettext as _
%>
<section class="home">
<header>
<div class="outer-wrapper">
<div class="title">
<hgroup>
% if homepage_overlay_html:
${homepage_overlay_html}
% else:
<h1>${_("Free courses from <strong>{university_name}</strong>").format(university_name="Stanford")}</h1>
<h2>${_("For anyone, anywhere, anytime")}</h2>
% endif
</hgroup>
% if settings.FEATURES.get('ENABLE_COURSE_DISCOVERY'):
<div class="course-search">
<form method="get" action="/courses">
<label><span class="sr">${_("Search for a course")}</span>
<input class="search-input" name="search_query" type="text" placeholder="${_("Search for a course")}"></input>
</label>
<button class="search-button" type="submit">
<i class="icon fa fa-search" aria-hidden="true"></i><span class="sr">${_("Search")}</span>
</button>
</form>
</div>
% endif
</div>
% if show_homepage_promo_video:
<a href="#video-modal" class="media" rel="leanModal">
<div class="hero">
<div class="play-intro"></div>
</div>
</a>
% endif
</div>
</header>
<%include file="${courses_list}" />
</section>
<section id="video-modal" class="modal home-page-video-modal video-modal">
<div class="inner-wrapper">
<iframe title="YouTube Video" width="640" height="360" src="//www.youtube.com/embed/${homepage_promo_video_youtube_id}?showinfo=0" frameborder="0" allowfullscreen></iframe>
</div>
</section>
<%block name="js_extra">
<script type="text/javascript">
$(window).load(function() {
if(getParameterByName('next')) {
$('#login').trigger("click");
}
})
</script>
</%block>
% if show_signup_immediately is not UNDEFINED:
## NOTE: This won't work in production, because anonymous views are cached, so it will
## show either with or without this extra js for 3 minutes at a time.
<script type="text/javascript">
$(window).load(function() {$('#signup_action').trigger("click");});
</script>
% endif
<%inherit file="main.html" />
<%!
from django.utils.translation import ugettext as _
from django.core.urlresolvers import reverse
%>
<%block name="pagetitle">${_("Preferences for {platform_name}").format(platform_name=settings.PLATFORM_NAME)}</%block>
<%block name="bodyclass">view-register</%block>
<%block name="js_extra">
<script type="text/javascript">
$(function() {
// adding js class for styling with accessibility in mind
$('body').addClass('js');
// new window/tab opening
$('a[rel="external"], a[class="new-vp"]')
.click( function() {
window.open( $(this).attr('href') );
return false;
});
// form field label styling on focus
$("form :input").focus(function() {
$("label[for='" + this.id + "']").parent().addClass("is-focused");
}).blur(function() {
$("label").parent().removeClass("is-focused");
});
});
(function() {
toggleSubmitButton(true);
$('#register-form').on('submit', function() {
toggleSubmitButton(false);
});
$('#register-form').on('ajax:error', function() {
toggleSubmitButton(true);
});
$('#register-form').on('ajax:success', function(event, json, xhr) {
var url = json.redirect_url || "${reverse('dashboard')}";
location.href = url;
});
$('#register-form').on('ajax:error', function(event, jqXHR, textStatus) {
toggleSubmitButton(true);
json = $.parseJSON(jqXHR.responseText);
$('.status.message.submission-error').addClass('is-shown').focus();
$('.status.message.submission-error .message-copy').html(json.value).stop().css("display", "block");
$(".field-error").removeClass('field-error');
$("[data-field='"+json.field+"']").addClass('field-error')
});
})(this);
function toggleSubmitButton(enable) {
var $submitButton = $('form .form-actions #submit');
if(enable) {
$submitButton.
removeClass('is-disabled').
attr('aria-disabled', false).
removeProp('disabled').
text("${_('Update my {platform_name} Account').format(platform_name=settings.PLATFORM_NAME)}");
}
else {
$submitButton.
addClass('is-disabled').
attr('aria-disabled', true).
prop('disabled', true).
text("${_('Processing your account information')}");
}
}
</script>
</%block>
<section class="introduction">
<header>
<h1 class="sr">${_("Welcome {username}! Please set your preferences below").format(username=extauth_id,
platform_name=settings.PLATFORM_NAME)}</h1>
</header>
</section>
<%block name="login_button"></%block>
<section class="register container">
<section role="main" class="content">
<form role="form" id="register-form" method="post" data-remote="true" action="/create_account" novalidate>
<!-- status messages -->
<div role="alert" class="status message">
<h3 class="message-title">${_("We're sorry, but this version of your browser is not supported. Try again using a different browser or a newer version of your browser.")}</h3>
</div>
<div role="alert" class="status message submission-error" tabindex="-1">
<h3 class="message-title">${_("The following errors occurred while processing your registration:")} </h3>
<ul class="message-copy"> </ul>
</div>
<p class="instructions">
${_('Required fields are noted by <strong class="indicator">bold text and an asterisk (*)</strong>.')}
</p>
<fieldset class="group group-form group-form-requiredinformation">
<legend class="sr">${_('Required Information')}</legend>
<div class="message">
<p class="message-copy">${_("Enter a public username:")}</p>
</div>
<ol class="list-input">
<li class="field required text" id="field-username">
<label for="username">${_('Public Username')}</label>
<input id="username" type="text" name="username" value="${extauth_username}" placeholder="${_('example: JaneDoe')}" required aria-required="true" />
<span class="tip tip-input">${_('Will be shown in any discussions or forums you participate in')}</span>
</li>
% if ask_for_email:
<li class="field required text" id="field-email">
<label for="email">${_("E-mail")}</label>
<input class="" id="email" type="email" name="email" value="" placeholder="${_('example: username@domain.com')}" />
</li>
% endif
% if ask_for_fullname:
<li class="field required text" id="field-name">
<label for="name">${_('Full Name')}</label>
<input id="name" type="text" name="name" value="" placeholder="$_('example: Jane Doe')}" />
</li>
% endif
</ol>
</fieldset>
<fieldset class="group group-form group-form-accountacknowledgements">
<legend class="sr">${_("Account Acknowledgements")}</legend>
<ol class="list-input">
<li class="field-group">
% if ask_for_tos :
<div class="field required checkbox" id="field-tos">
<input id="tos-yes" type="checkbox" name="terms_of_service" value="true" required aria-required="true" />
<label for="tos-yes">${_('I agree to the {link_start}Terms of Service{link_end}').format(
link_start='<a href="{url}" class="new-vp">'.format(url=marketing_link('TOS')),
link_end='</a>')}</label>
</div>
% endif
<div class="field required checkbox" id="field-honorcode">
<input id="honorcode-yes" type="checkbox" name="honor_code" value="true" />
<%
honor_code_path = marketing_link('TOS') + "#honor"
%>
<label for="honorcode-yes">${_('I agree to the {link_start}Honor Code{link_end}').format(
link_start='<a href="{url}" class="new-vp">'.format(url=honor_code_path),
link_end='</a>')}</label>
</div>
</li>
</ol>
</fieldset>
% if course_id and enrollment_action:
<input type="hidden" name="enrollment_action" value="${enrollment_action | h}" />
<input type="hidden" name="course_id" value="${course_id | h}" />
% endif
<div class="form-actions">
<button name="submit" type="submit" id="submit" class="action action-primary action-update">${_('Submit')} <span class="orn-plus">+</span> ${_('Update My Account')}</button>
</div>
</form>
</section>
</section>
<%!
from django.utils.translation import ugettext as _
from django.core.urlresolvers import reverse
%>
<%namespace file='main.html' import="login_query"/>
<header>
<h3 class="sr">${_("Registration Help")}</h3>
</header>
% if has_extauth_info is UNDEFINED:
<div class="cta cta-login">
<h3 class="title">${_("Already registered?")}</h3>
<p class="instructions">
<a class="cta-login-action" href="${reverse('signin_user')}${login_query()}">
${_("Log in")}
</a>
</p>
</div>
% endif
<div class="cta cta-nextsteps">
<h3>${_("Next Steps")}</h3>
<p>${_("You will receive an activation email. You must click on the activation link to complete the process. Don't see the email? Check your spam folder and mark emails from class.stanford.edu as 'not spam', since you'll want to be able to receive email from your courses.")}</p>
</div>
% if settings.MKTG_URL_LINK_MAP.get('FAQ'):
<div class="cta cta-help">
<h3>${_("Need Help?")}</h3>
<p>${_("Need help in registering with {platform_name}?").format(platform_name=platform_name)}
<a href="${marketing_link('FAQ')}">
${_("View our FAQs for answers to commonly asked questions.")}
</a>
${_("Once registered, most questions can be answered in the course specific discussion forums or through the FAQs.")}</p>
</div>
% endif
## mako
<%!
from django.utils.translation import ugettext as _
%>
<%namespace name='static' file='/static_content.html'/>
<%inherit file="/main.html" />
<%block name="title"><title>${_('About')}</title></%block>
<%block name="js_extra">
<script type="text/javascript">
$(function() {
$('section.message').hide();
$('#about-menu a').removeClass('active');
window.scrollTo(0,0);
var hash = window.location.hash
if (hash) {
$('section' + hash).show();
$('#about-menu a.' + hash.substring(1)).addClass('active');
} else {
$('section#about').show();
$('#about-menu a.about').addClass('active');
}
$('#about-menu a').click(function(event) {
event.preventDefault();
$('#about-menu a').removeClass('active');
$(this).addClass('active');
var clickId = "section" + $(this).attr('href');
$('section.message').hide();
$(clickId).show();
});
});
</script>
</%block>
<section class="container about" style="width: auto;">
<nav id="about-menu">
<a href="#about" class="about active">${_('About')}</a>
<a href="#careers" class="careers">${_('Careers')}</a>
<a href="#contact" class="contact">${_('Contact')}</a>
</nav>
<section class="vision">
## About Section ##
<section class="message left" id="about">
<div class="photo">
<!--
Photo License: CC0 Public Domain (Free for commercial use / No attribution required)
https://pixabay.com/en/book-books-circle-curly-education-2869/
-->
<img src="${static.url('themes/default/images/about.jpg')}" alt="" />
</div>
<article>
<h2>${_('About')}</h2>
<p>Your about text goes here!</p>
<p>&nbsp;</p>
</article>
<hr class="fade-right-hr-divider">
</section>
## Careers Section ##
<section class="message left" id="careers">
<div class="photo">
<!--
Photo License: CC0 Public Domain (Free for commercial use / No attribution required)
https://pixabay.com/en/man-corporate-businessman-suit-tie-871960/
-->
<img src="${static.url('themes/default/images/careers.jpg')}" alt="" />
</div>
<article>
<h2>${_('Careers')}</h2>
<p>Your job postings go here!</p>
<p>&nbsp;</p>
</article>
<hr class="fade-right-hr-divider">
</section>
## Contact Section ##
<section class="message left" id="contact">
<div class="photo">
<!--
Photo License: CC0 Public Domain (Free for commercial use / No attribution required)
https://pixabay.com/en/network-cobweb-dewdrop-586177/
-->
<img src="${static.url('themes/default/images/contact.jpg')}" alt="" />
</div>
<article id="stanford-OpenEdX-contact">
<h2>${_('Contact Us')}</h2>
<p>Your contact information goes here!</p>
<p>&nbsp;</p>
</article>
<hr class="fade-right-hr-divider">
</section>
</section>
</section>
## mako
<%!
from django.utils.translation import ugettext as _
%>
<%inherit file="/main.html" />
<%block name="title"><title>${_('Terms of Service')}</title></%block>
<section class="static-container tos">
<h2>${_('Terms of Service')}</h2>
<p>${_('Put your Terms of Service here!')}</p>
<h2 id="privacy">${_('Privacy Policy')}</h2>
<p>${_('Put your Privacy Policy here!')}</p>
<h2 id="honor">${_('Honor Code')}</h2>
<p>${_('Put your Honor Code here!')}</p>
<h2 id="copyright">${_('Copyright')}</h2>
<p>${_('Put your Copyright Text here!')}</p>
</section>
<script>
$(document).ready(function() {
var print_tos = '<input type="button" value="Print Terms of Service" class="print">';
$('#content section.tos').prepend(print_tos).append(print_tos);
$('#content section.tos input.print').click(function() {
window.print();
return false;
});
});
</script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment