Downloaded Harri Mcdonalds templates for the language picker. Slowly updating Luminates templates for the lang picker.
This commit is contained in:
Norm Rasmussen
@ -63,6 +63,11 @@
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if current_person.signed_in? %}
|
||||
{% if current_person.properties.language == "es" %}
|
||||
{% include "spanish_lang" %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</footer>
|
||||
|
||||
<style>
|
||||
@ -72,7 +77,7 @@
|
||||
border-top: 1px solid #DADCE0;
|
||||
padding: 24px 16px 48px;
|
||||
}
|
||||
|
||||
|
||||
.np-footer-top {
|
||||
justify-content:center;
|
||||
flex-direction:column;
|
||||
@ -105,4 +110,4 @@
|
||||
margin: 0 16px 16px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@ -48,175 +48,6 @@
|
||||
|
||||
}
|
||||
|
||||
// setup body class based on property or cookies
|
||||
function setupInitialLanguage() {
|
||||
let userStorageLanguage = window.localStorage.getItem('academy-language');
|
||||
{% if current_person.signed_in? and current_person.properties.user_language contains 'missing property' %}
|
||||
{% assign property_missing = true %}
|
||||
{% else %}
|
||||
{% assign property_missing = false %}
|
||||
{% endif %}
|
||||
{% if current_person.signed_in? and current_person.properties.user_language != 'NULL' and property_missing == false %}
|
||||
var selectedLanguage = "{{ current_person.properties.user_language }}";
|
||||
{% else %}
|
||||
var selectedLanguage = userStorageLanguage || "en";
|
||||
{% endif %}
|
||||
if (['en', 'de', 'es', 'fr', 'br'].includes(selectedLanguage)) {
|
||||
changeLanguage(selectedLanguage, false);
|
||||
} else {
|
||||
changeLanguage('en', false);
|
||||
console.log('wrong language initialized', selectedLanguage);
|
||||
window.current_language = 'en';
|
||||
}
|
||||
|
||||
|
||||
const pathParts = window.location.pathname.split('/').slice(1);
|
||||
|
||||
if (
|
||||
(pathParts.length === 1 && pathParts[0] === 'app') ||
|
||||
(pathParts.length === 2 && (pathParts[0] === 'app' && (pathParts[1] === 'video-tutorials' || pathParts[1] === 'catalog')))
|
||||
) {
|
||||
selectedLanguage = 'en';
|
||||
} else if (
|
||||
window.location.pathname.includes('/de-homepage') ||
|
||||
window.location.pathname.includes('/de-video-tutorials') ||
|
||||
window.location.pathname.includes('/de-catalog')
|
||||
) {
|
||||
selectedLanguage = 'de';
|
||||
} else if (
|
||||
window.location.pathname.includes('/es-homepage') ||
|
||||
window.location.pathname.includes('/es-video-tutorials') ||
|
||||
window.location.pathname.includes('/es-catalog')
|
||||
) {
|
||||
selectedLanguage = 'es';
|
||||
} else if (
|
||||
window.location.pathname.includes('/fr-homepage') ||
|
||||
window.location.pathname.includes('/fr-video-tutorials') ||
|
||||
window.location.pathname.includes('/fr-catalog')
|
||||
) {
|
||||
selectedLanguage = 'fr';
|
||||
} else if (
|
||||
window.location.pathname.includes('/br-homepage') ||
|
||||
window.location.pathname.includes('/br-video-tutorials') ||
|
||||
window.location.pathname.includes('/br-catalog')
|
||||
) {
|
||||
selectedLanguage = 'br';
|
||||
} else {
|
||||
selectedLanguage = 'en';
|
||||
}
|
||||
|
||||
|
||||
changeLanguage(selectedLanguage, false);
|
||||
|
||||
}
|
||||
|
||||
addEventListener('DOMContentLoaded', () => {
|
||||
setupInitialLanguage();
|
||||
});
|
||||
|
||||
function redirectToLanguageHomepage(language) {
|
||||
let homepageUrl = '';
|
||||
|
||||
switch (window.current_language) {
|
||||
case 'de':
|
||||
homepageUrl = '/app/de-homepage';
|
||||
break;
|
||||
case 'es':
|
||||
homepageUrl = '/app/es-homepage';
|
||||
break;
|
||||
case 'fr':
|
||||
homepageUrl = '/app/fr-homepage';
|
||||
break;
|
||||
case 'br':
|
||||
homepageUrl = '/app/br-homepage';
|
||||
break;
|
||||
default:
|
||||
homepageUrl = '/app';
|
||||
break;
|
||||
}
|
||||
|
||||
window.location.href = homepageUrl;
|
||||
}
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const academyLanguage = window.localStorage.getItem('academy-language');
|
||||
const url = window.location.href;
|
||||
const lastSegment = url.substring(url.lastIndexOf('/') + 1);
|
||||
console.log(academyLanguage);
|
||||
function redirectToRightPage() {
|
||||
let catalogUrl = '';
|
||||
let videoUrl = '';
|
||||
let homepageUrl = '';
|
||||
|
||||
if (window.location.href.includes('/app/catalog')) {
|
||||
switch (academyLanguage) {
|
||||
case 'de':
|
||||
catalogUrl = '/app/de-catalog';
|
||||
break;
|
||||
case 'es':
|
||||
catalogUrl = '/app/es-catalog';
|
||||
break;
|
||||
case 'fr':
|
||||
catalogUrl = '/app/fr-catalog';
|
||||
break;
|
||||
case 'br':
|
||||
catalogUrl = '/app/br-catalog';
|
||||
break;
|
||||
case 'en':
|
||||
catalogUrl = '/app/catalog';
|
||||
return;
|
||||
}
|
||||
window.location.href = catalogUrl;
|
||||
}
|
||||
else if (window.location.href.includes('/app/video-tutorials')) {
|
||||
switch (academyLanguage) {
|
||||
case 'de':
|
||||
videoUrl = '/app/de-video-tutorials';
|
||||
break;
|
||||
case 'es':
|
||||
videoUrl = '/app/es-video-tutorials';
|
||||
break;
|
||||
case 'fr':
|
||||
videoUrl = '/app/fr-video-tutorials';
|
||||
break;
|
||||
case 'br':
|
||||
videoUrl = '/app/br-video-tutorials';
|
||||
break;
|
||||
case 'en':
|
||||
videoUrl = '/app/catalog';
|
||||
return;
|
||||
}
|
||||
window.location.href = videoUrl;
|
||||
}
|
||||
else if (lastSegment === 'app') {
|
||||
switch (academyLanguage) {
|
||||
case 'de':
|
||||
homepageUrl = '/app/de-homepage';
|
||||
break;
|
||||
case 'es':
|
||||
homepageUrl = '/app/es-homepage';
|
||||
break;
|
||||
case 'fr':
|
||||
homepageUrl = '/app/fr-homepage';
|
||||
break;
|
||||
case 'br':
|
||||
homepageUrl = '/app/br-homepage';
|
||||
break;
|
||||
case 'en':
|
||||
homepageUrl = '/app';
|
||||
return;
|
||||
}
|
||||
window.location.href = homepageUrl;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
redirectToRightPage();
|
||||
});
|
||||
|
||||
const academyLanguage = window.localStorage.getItem('academy-language');
|
||||
console.log(academyLanguage);
|
||||
</script>
|
||||
|
||||
<!--Function to display proper courses based on language value-->
|
||||
|
||||
@ -45,26 +45,11 @@
|
||||
<div class="header-dropdown-container np-hidden-mobile">
|
||||
<div class="dropdown-arrow"></div>
|
||||
<div class="header-dropdown">
|
||||
<a class="lang-en" href="https://www.walmartluminate.com/apps">Walmart Luminate</a>
|
||||
<a class="lang-es" href="https://www.walmartluminate.com/apps">Walmart Luminate</a>
|
||||
<a class="Home header-dropdown" href="https://www.walmartluminate.com/apps">Walmart Luminate</a>
|
||||
<a class="lang-en" href="https://www.walmartluminate.com/shopperbehavior/dh.clientportal.web/web/#/">Shopper Behavior</a>
|
||||
<a class="lang-es" href="https://www.walmartluminate.com/shopperbehavior/dh.clientportal.web/web/#/">Comportamiento del comprador</a>
|
||||
<a class="lang-en" href="https://www.walmartluminate.com/customerperception">Customer Perception</a>
|
||||
<a class="lang-es" href="https://www.walmartluminate.com/customerperception">Percepción del cliente</a>
|
||||
<a class="lang-en" href="https://www.walmartluminate.com/reportbuilder">Report Builder</a>
|
||||
<a class="lang-es" href="https://www.walmartluminate.com/reportbuilder">Generador de informes</a>
|
||||
<a class="lang-en" href="https://www.walmartluminate.com/channelperformance/selectcategories">Insights</a>
|
||||
<a class="lang-es" href="https://www.walmartluminate.com/channelperformance/selectcategories">Perspectivas</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-dropdown-container np-hidden-desktop">
|
||||
<div class="dropdown-arrow"></div>
|
||||
<div class="header-dropdown">
|
||||
<a href="https://www.walmartluminate.com/apps">Walmart Luminate</a>
|
||||
<a href="https://www.walmartluminate.com/shopperbehavior/dh.clientportal.web/web/#/">Shopper Behavior</a>
|
||||
<a href="https://www.walmartluminate.com/customerperception">Customer Perception</a>
|
||||
<a href="https://www.walmartluminate.com/reportbuilder">Report Builder</a>
|
||||
<a href="https://www.walmartluminate.com/channelperformance/selectcategories">Insights</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-dropdown-container np-hidden-desktop">
|
||||
@ -154,10 +139,10 @@
|
||||
</div>
|
||||
</div>
|
||||
<nav class="np-header-avatar-tooltip-navigation">
|
||||
<a class="np-header-avatar-tooltip-navigation-link" href="https://www.walmartluminate.com/profile">Profile</a>
|
||||
<a class="np-header-avatar-tooltip-navigation-link" href="https://www.walmartluminate.com/admin">Admin</a>
|
||||
<a class="np-header-avatar-tooltip-navigation-link" href="https://www.walmartluminate.com/resources">Resources</a>
|
||||
<a class="np-header-avatar-tooltip-navigation-link" href="https://www.walmartluminate.com/support">Support</a>
|
||||
<a class="Profile np-header-avatar-tooltip-navigation-link" href="https://www.walmartluminate.com/profile">Profile</a>
|
||||
<a class="Admin np-header-avatar-tooltip-navigation-link" href="https://www.walmartluminate.com/admin">Admin</a>
|
||||
<a class="Resources np-header-avatar-tooltip-navigation-link" href="https://www.walmartluminate.com/resources">Resources</a>
|
||||
<a class="Support np-header-avatar-tooltip-navigation-link" href="https://www.walmartluminate.com/support">Support</a>
|
||||
<a
|
||||
class="np-header-avatar-tooltip-navigation-link np-danger"
|
||||
href="{% route logout %}"
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<div class="np-homepage-featured-text">
|
||||
<div class="np-homepage-headline">
|
||||
<div class="Featured np-homepage-headline">
|
||||
{{ homepage.featured_courses_headline }}
|
||||
</div>
|
||||
<div class="featured-carousel-controls np-hidden-mobile">
|
||||
@ -27,8 +27,8 @@
|
||||
|
||||
{% if is_featured %}
|
||||
{% assign featured_courses_count = featured_courses_count | plus: 1 %}
|
||||
|
||||
<div class="featured-course-slide" data-position="{{course.properties.course_position}}">
|
||||
|
||||
<div class="featured-course-slide" data-position="{{course.properties.course_position}}">
|
||||
{% include "cards_article" with course %}
|
||||
</div>
|
||||
{% endif %}
|
||||
@ -87,7 +87,7 @@ window.addEventListener("load", (event) => {
|
||||
|
||||
indexesArray.forEach(e =>
|
||||
document.querySelector(".featured-courses-slider").appendChild(e));
|
||||
|
||||
|
||||
|
||||
initFeaturedCoursesCarousel()
|
||||
|
||||
@ -119,7 +119,7 @@ function initFeaturedCoursesCarousel() {
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
@ -219,4 +219,4 @@ function initFeaturedCoursesCarousel() {
|
||||
margin-top:12px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<div class="np-homepage-ongoing np-max-width">
|
||||
<div class="np-homepage-ongoing-text">
|
||||
<div class="np-homepage-headline">
|
||||
<div class="Ongoing np-homepage-headline">
|
||||
Ongoing Training
|
||||
</div>
|
||||
<div class="ongoing-carousel-controls np-hidden-mobile">
|
||||
@ -54,7 +54,7 @@
|
||||
alt="Yikes! You don't have any ongoing training at this moment."
|
||||
/>
|
||||
<div class="zero-state-cta" style="margin-top:32px;">
|
||||
<a href="/app/catalog" class="np-button">Explore Catalog</a>
|
||||
<a href="/app/catalog" class="Catalog np-button">Explore Catalog</a>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
@ -90,7 +90,7 @@ window.addEventListener("DOMContentLoaded", (event) => {
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
@ -191,4 +191,4 @@ window.addEventListener("DOMContentLoaded", (event) => {
|
||||
margin-top:12px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<section class="homepage-topics np-max-width np-subpage-container">
|
||||
<section class="homepage-topics np-max-width np-subpage-container">
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<div class="np-section-header">Explore Courses by Category</div>
|
||||
<div class="Topics np-section-header">Explore Courses by Category</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -48,7 +48,7 @@
|
||||
</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -136,7 +136,7 @@
|
||||
.category-card:nth-child(3n+1) {
|
||||
margin-left:16px;
|
||||
}
|
||||
|
||||
|
||||
.category-card:nth-child(4n+1) {
|
||||
margin-left:0;
|
||||
}
|
||||
@ -146,4 +146,4 @@
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@ -0,0 +1,674 @@
|
||||
<style>
|
||||
|
||||
.np-dashboard-resources-title.lp,
|
||||
.np-dashboard-resources-title.modules,
|
||||
.np-dashboard-resources-title.events,
|
||||
.np-zero-state-text,
|
||||
.np-button.np-button-wide,
|
||||
.np-footer-support-item.np-footer-support-help,
|
||||
.np-card-content-progress.np-button-color.notstarted,
|
||||
.np-zero-state-text.training-events,
|
||||
.np-button.lp,
|
||||
.sub-navigation-label:nth-child(1),
|
||||
.np-resource-title.modules,
|
||||
.np-resource-subtitle.modules,
|
||||
.np-resource-title.lp,
|
||||
.np-resource-subtitle.lp,
|
||||
.np-card-header-type,
|
||||
.np-resource-title.events,
|
||||
.np-resource-subtitle.events,
|
||||
.np-button.dropdown-button,
|
||||
.np-top-vocabulary.np-text-title.np-text-muted,
|
||||
.np-top-cta-progress-title.np-text-title,
|
||||
.np-top-button.np-button-font-color.np-button.np-button-big,
|
||||
.np-text-title.np-course-outline-title,
|
||||
.np-card-heading,
|
||||
.np-top-cta-progress-text.np-button-color,
|
||||
.np-card-heading.lp,
|
||||
.np-top-cta-progress-title.np-text-title.lp,
|
||||
.np-top-vocabulary.np-text-title,
|
||||
.np-homepage-headline,
|
||||
.Featured.np-homepage-headline,
|
||||
.Home.np-sub-navigation-content-item-link,
|
||||
.Catalog.np-sub-navigation-content-item-link,
|
||||
.Certifications.np-sub-navigation-content-item-link,
|
||||
.Modules.np-sub-navigation-content-item-link,
|
||||
.Dashboard.np-sub-navigation-content-item-link,
|
||||
.Events.np-sub-navigation-content-item-link,
|
||||
.Learning.Paths.np-sub-navigation-content-item-link,
|
||||
.Home.np-footer-navigation-link.np-button-color,
|
||||
.Learning.Paths.np-footer-navigation-link.np-button-color,
|
||||
.Events.np-footer-navigation-link.np-button-color,
|
||||
.course-completion,
|
||||
.np-header-avatar-tooltip-navigation-link,
|
||||
.np-header-avatar-tooltip-navigation-link.np-danger,
|
||||
.np-button.np-button-big.np-button-large-font.np-form-action,
|
||||
.np-resource-title.my-profile,
|
||||
.np-input-label.email,
|
||||
.np-input-label.first-name,
|
||||
.np-input-label.last-name,
|
||||
.np-input-label.display-name,
|
||||
.np-input-label.password,
|
||||
.np-input-label.password-confirmation,
|
||||
.avatar-description,
|
||||
.avatar-requirements,
|
||||
.radio__label.gravatar,
|
||||
.radio__label.custom,
|
||||
.header-dropdown-shopper,
|
||||
.header-dropdown-perception,
|
||||
.header-dropdown-insights,
|
||||
.header-dropdown-reports,
|
||||
.Admin.np-header-avatar-tooltip-navigation-link,
|
||||
.Resources.np-header-avatar-tooltip-navigation-link,
|
||||
.Profile.np-header-avatar-tooltip-navigation-link,
|
||||
.Support.np-header-avatar-tooltip-navigation-link,
|
||||
.hero-search-input,
|
||||
.Topics.np-section-header,
|
||||
.Catalog.np-button,
|
||||
.Ongoing.np-homepage-headline,
|
||||
.Progress.np-section-header,
|
||||
.Learning.Paths.np-dashboard-resources-title,
|
||||
.Courses.np-dashboard-resources-title,
|
||||
.Catalog.np-resource-title,
|
||||
.Catalog.np-resource-subtitle,
|
||||
#desktop_upload_avatar
|
||||
{
|
||||
text-indent: -9999999px;
|
||||
}
|
||||
|
||||
/* HEADER */
|
||||
|
||||
.np-header-avatar-tooltip-navigation-link::after {
|
||||
/* Profile Settings */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Configuración de Perfil";
|
||||
}
|
||||
|
||||
.np-header-avatar-tooltip-navigation-link.np-danger::after {
|
||||
/* Sign Out */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Desconectar";
|
||||
}
|
||||
|
||||
/* HEADER DROPDOWN */
|
||||
|
||||
.Support.np-header-avatar-tooltip-navigation-link::after {
|
||||
/* Support */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Apoyo";
|
||||
}
|
||||
|
||||
.Admin.np-header-avatar-tooltip-navigation-link::after {
|
||||
/* Admin */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Administradora";
|
||||
}
|
||||
|
||||
.Profile.np-header-avatar-tooltip-navigation-link::after {
|
||||
/* Profile */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Perfil";
|
||||
}
|
||||
|
||||
.Resources.np-header-avatar-tooltip-navigation-link::after {
|
||||
/* Resources */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Recursos";
|
||||
}
|
||||
|
||||
.header-dropdown-shopper::after {
|
||||
/* Sign Out */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Compradora";
|
||||
}
|
||||
|
||||
.header-dropdown-insights::after {
|
||||
/* Sign Out */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Perspectivas";
|
||||
}
|
||||
|
||||
.header-dropdown-perceptions::after {
|
||||
/* Sign Out */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Percepciones";
|
||||
}
|
||||
|
||||
.header-dropdown-reports::after {
|
||||
/* Sign Out */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Informes";
|
||||
}
|
||||
|
||||
/* ACCOUNT */
|
||||
|
||||
.radio__label.gravatar::after {
|
||||
/* Use Gravatar™ */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Utilice Gravatar™";
|
||||
}
|
||||
|
||||
.radio__label.custom::after{
|
||||
/* Upload Custom Photo */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Subir Foto Personalizada";
|
||||
}
|
||||
|
||||
#desktop_upload_avatar::after {
|
||||
/* Upload Photo */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Subir Foto";
|
||||
}
|
||||
|
||||
.avatar-description::after {
|
||||
/* Adding a photo adds a personal touch to your profile. Your profile picture is used as the icon for your account to represent you. It is also displayed in various other places next to your name. */
|
||||
text-indent: 0;
|
||||
line-height: auto;
|
||||
display: block;
|
||||
content: "Agregar una foto agrega un toque personal a su perfil. Su foto de perfil se utiliza como icono de su cuenta para representarlo. También se muestra en varios otros lugares junto a su nombre.";
|
||||
}
|
||||
|
||||
.avatar-requirements::after {
|
||||
/* For the best results, your profile picture size should be at least 400x400 pixels, and a max size of 2MB. The file format should be PNG, JPG or GIF. */
|
||||
text-indent: 0;
|
||||
line-height: auto;
|
||||
display: block;
|
||||
content: "Para obtener los mejores resultados, el tamaño de la imagen de su perfil debe ser de al menos 400x400 píxeles y un tamaño máximo de 2 MB. El formato de archivo debe ser PNG, JPG o GIF.";
|
||||
}
|
||||
|
||||
.np-button.np-button-big.np-button-large-font.np-form-action::after {
|
||||
/* Save Profile */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Guardar Perfil";
|
||||
}
|
||||
|
||||
.np-resource-title.my-profile::after {
|
||||
/* My Profile */
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Mi Perfil";
|
||||
margin-bottom: 24px;
|
||||
margin-top: -24px;
|
||||
}
|
||||
|
||||
.np-input-label.email::after {
|
||||
/* Email */
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Email *";
|
||||
}
|
||||
|
||||
.np-input-label.first-name::after {
|
||||
/* First Name */
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Nombre *";
|
||||
}
|
||||
|
||||
.np-input-label.last-name::after {
|
||||
/* Last Name */
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Apellido *";
|
||||
}
|
||||
|
||||
.np-input-label.display-name::after {
|
||||
/* Display Name */
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Nombre para mostrar";
|
||||
}
|
||||
|
||||
.np-input-label.password::after {
|
||||
/* Password */
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Contraseña *";
|
||||
}
|
||||
|
||||
.np-input-label.password-confirmation::after {
|
||||
/* Password Confirmation */
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Confirmación de Contraseña *";
|
||||
}
|
||||
|
||||
/* MAIN CONTENT */
|
||||
|
||||
.Catalog.np-button::after {
|
||||
/* Explore Catalog */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Explorar catálogo",
|
||||
}
|
||||
|
||||
.Ongoing.np-homepage-headline::after {
|
||||
/* Ongoing Training */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Entrenamiento en curso",
|
||||
}
|
||||
|
||||
.Progress.np-section-header::after {
|
||||
/* Progress Tracker */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Seguimiento de progreso";
|
||||
}
|
||||
|
||||
.Topics.np-section-header::after {
|
||||
/* Explore Courses by Category */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Explorar cursos por categoría";
|
||||
}
|
||||
|
||||
.hero-search-input::after {
|
||||
/* What are you looking for? */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content[placeholder]: "¿Qué estás buscando?";
|
||||
}
|
||||
|
||||
.Featured.np-homepage-headline::after {
|
||||
/* Featured Courses */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Cursos destacados";
|
||||
}
|
||||
|
||||
.np-homepage-headline::after {
|
||||
/* Headline */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Benvenida a Luminate Mexico";
|
||||
}
|
||||
.np-dashboard-resources-title.lp::after {
|
||||
/* Learning Paths */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Mis rutas";
|
||||
}
|
||||
|
||||
.np-dashboard-resources-title.modules::after {
|
||||
/* Modules */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Módulos";
|
||||
}
|
||||
|
||||
.np-dashboard-resources-title.events::after {
|
||||
/* Events */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Próximos Eventos";
|
||||
}
|
||||
|
||||
/* SUB-NAVIGATION */
|
||||
|
||||
.Home.np-sub-navigation-content-item-link::after {
|
||||
/* Home */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Página de Inicio";
|
||||
margin-top: -9px;
|
||||
}
|
||||
|
||||
.Events.np-sub-navigation-content-item-link::after {
|
||||
/* Events */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Próximos Eventos";
|
||||
margin-top: -9px;
|
||||
}
|
||||
|
||||
.Certifications.np-sub-navigation-content-item-link::after {
|
||||
/* Events */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Certificaciones";
|
||||
margin-top: -9px;
|
||||
}
|
||||
|
||||
.Dashboard.np-sub-navigation-content-item-link::after {
|
||||
/* Dashboard */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Panel";
|
||||
margin-top: -9px;
|
||||
}
|
||||
|
||||
.Catalog.np-sub-navigation-content-item-link::after {
|
||||
/* Modules */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Catalogar";
|
||||
margin-top: -9px;
|
||||
}
|
||||
|
||||
.Modules.np-sub-navigation-content-item-link::after {
|
||||
/* Modules */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Módulos";
|
||||
margin-top: -9px;
|
||||
}
|
||||
|
||||
.Learning.Paths.np-sub-navigation-content-item-link::after {
|
||||
/* Learning Paths */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Mis Rutas";
|
||||
margin-top: -9px;
|
||||
}
|
||||
|
||||
/* DASHBOARD */
|
||||
|
||||
.Learning.Paths.np-dashboard-resources-title::after {
|
||||
/* Learning Paths */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Mis Rutas";
|
||||
}
|
||||
|
||||
.Courses.np-dashboard-resources-title::after {
|
||||
/* Courses */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Cursos";
|
||||
}
|
||||
|
||||
/* CATALOG */
|
||||
|
||||
.Catalog.np-resource-title::after {
|
||||
/* Course Catalog */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Catálogo de cursos";
|
||||
}
|
||||
|
||||
.Catalog.np-resource-subtitle::after {
|
||||
/* Great courses from the comfort of your home or office. */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Excelentes cursos desde la comodidad de tu hogar u oficina.";
|
||||
}
|
||||
|
||||
/* LEARNING PATHS */
|
||||
|
||||
.np-button.lp::after {
|
||||
/* View */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Ver";
|
||||
}
|
||||
|
||||
.np-zero-state-text::after {
|
||||
/* Bummer! You're not assigned any Learning Paths. */
|
||||
text-indent: 0;
|
||||
line-height: inherit;
|
||||
display: block;
|
||||
content: "¡Gorrón! No se le asignó ninguna ruta de aprendizaje.";
|
||||
margin-top: -10px;
|
||||
}
|
||||
|
||||
.np-resource-subtitle.lp::after {
|
||||
/* Explore curated sets of courses for a tailored learning experience */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Explore conjuntos de cursos seleccionados para una experiencia de aprendizaje personalizada";
|
||||
}
|
||||
|
||||
.np-card-header-type::after,
|
||||
.np-resource-title.lp::after,
|
||||
.np-top-vocabulary.np-text-title::after
|
||||
{
|
||||
/* Learning Paths */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Mis rutas";
|
||||
}
|
||||
|
||||
.np-top-cta-progress-text.np-button-color::after {
|
||||
/* Not started */
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "No empezado";
|
||||
}
|
||||
|
||||
.np-card-heading.lp::after {
|
||||
/* About This Learning Path */
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Acerca de esta ruta de aprendizaje";
|
||||
}
|
||||
|
||||
/* COURSE CARDS */
|
||||
|
||||
.np-button.np-button-wide::after {
|
||||
/* View */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Ver";
|
||||
}
|
||||
|
||||
.np-card-content-progress.np-button-color.notstarted::after {
|
||||
/* Not started */
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "No empezado";
|
||||
}
|
||||
|
||||
.np-top-cta-progress-title.np-text-title.lp::after {
|
||||
/* Learning Path Progress */
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Progreso de la ruta de aprendizaje";
|
||||
}
|
||||
|
||||
.course-completion::after {
|
||||
/* Complete */
|
||||
text-indent: 0;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
content: "Completo";
|
||||
margin-top: -13px;
|
||||
}
|
||||
|
||||
/* EVENTS */
|
||||
|
||||
.np-zero-state-text.training-events::after {
|
||||
/* You have no upcoming Events. Check back later for updates */
|
||||
text-indent: 0;
|
||||
line-height: inherit;
|
||||
display: block;
|
||||
content: "No tienes eventos próximos. Vuelve más tarde para ver las actualizaciones.";
|
||||
margin-top: -10px;
|
||||
}
|
||||
|
||||
.np-resource-title.events::after {
|
||||
/* Training Events */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Eventos de formación";
|
||||
}
|
||||
|
||||
.np-resource-subtitle.events::after {
|
||||
/* Discover in-person and online events to maximize your learning */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Descubra eventos en persona y en línea para maximizar su aprendizaje";
|
||||
}
|
||||
|
||||
.np-button.dropdown-button::after {
|
||||
/* Filter */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Filtrar";
|
||||
}
|
||||
|
||||
/* FOOTER */
|
||||
|
||||
.np-footer-support-item.np-footer-support-help::after {
|
||||
/* Need help? */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
float: right;
|
||||
content: "¿Necesitas ayuda?";
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.Home.np-footer-navigation-link.np-button-color::after {
|
||||
/* Home */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Página de Inicio";
|
||||
margin-top: -9px;
|
||||
}
|
||||
|
||||
.Events.np-footer-navigation-link.np-button-color::after {
|
||||
/* Events */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Próximos Eventos";
|
||||
margin-top: -9px;
|
||||
}
|
||||
|
||||
.Learning.Paths.np-footer-navigation-link.np-button-color::after {
|
||||
/* Learning Paths */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Mis Rutas";
|
||||
margin-top: -9px;
|
||||
}
|
||||
|
||||
/* MODULES */
|
||||
|
||||
.np-resource-title.modules::after {
|
||||
/* Modules */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Módulos";
|
||||
}
|
||||
|
||||
.np-resource-subtitle.modules::after {
|
||||
/* Great Modules from the comfort of your home or office. */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Grandes módulos desde la comodidad de su hogar u oficina.";
|
||||
}
|
||||
|
||||
.np-top-vocabulary.np-text-title.np-text-muted::after {
|
||||
/* Module */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Módulo";
|
||||
}
|
||||
|
||||
.np-top-cta-progress-title.np-text-title::after {
|
||||
/* Course Progress */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Progreso del curso";
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.np-top-button.np-button-font-color.np-button.np-button-big::after {
|
||||
/* Continue */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Continuar";
|
||||
}
|
||||
|
||||
.np-text-title.np-course-outline-title::after {
|
||||
/* Module outline */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Esquema del módulo";
|
||||
}
|
||||
|
||||
.np-card-heading::after {
|
||||
/* About the module */
|
||||
text-indent: 0;
|
||||
line-height: 0;
|
||||
display: block;
|
||||
content: "Sobre el modulo";
|
||||
}
|
||||
</style>
|
||||
@ -2,9 +2,9 @@
|
||||
<div class="np-sub-navigation-content">
|
||||
{% for link in navigations.sub_navigation %}
|
||||
<div class="np-sub-navigation-content-item {{ link.active_class }}">
|
||||
<a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
|
||||
<i class="{{ link.icon }} np-button-color np-sub-navigation-content-item-icon"></i>
|
||||
{{ link.label }}
|
||||
<i class="{{ link.icon }} np-button-color np-sub-navigation-content-item-icon"></i>
|
||||
<a class="{{ link.label }} np-sub-navigation-content-item-link" href="{{ link.url }}">
|
||||
{{ link.label }}
|
||||
</a>
|
||||
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
|
||||
</div>
|
||||
@ -41,9 +41,10 @@
|
||||
</script>
|
||||
|
||||
<style>
|
||||
/*
|
||||
.np-sub-navigation-content-item-link,
|
||||
.np-sub-navigation-content-item-active .np-sub-navigation-content-item-link {
|
||||
color:#333;
|
||||
}
|
||||
}*/
|
||||
</style>
|
||||
|
||||
|
||||
@ -4,8 +4,8 @@
|
||||
<main class="np-main np-catalog np-subpage-container np-max-width">
|
||||
<div class="np-catalog-header-wrapper">
|
||||
<div class="np-catalog-header">
|
||||
<div class="np-resource-title">{{ catalog.headline }}</div>
|
||||
<div class="np-resource-subtitle">{{ catalog.subheadline }}</div>
|
||||
<div class="Catalog np-resource-title">{{ catalog.headline }}</div>
|
||||
<div class="Catalog np-resource-subtitle">{{ catalog.subheadline }}</div>
|
||||
</div>
|
||||
{% capture label %}{% t shared.filters.by_category %}{% endcapture %}
|
||||
|
||||
|
||||
@ -5,12 +5,12 @@
|
||||
<div class="row np-flex-center">
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
{% if features.learning_paths? %}
|
||||
<div class="np-dashboard-resources-title">
|
||||
<div class="Learning Paths np-dashboard-resources-title">
|
||||
{% t shared.learning_paths %}
|
||||
</div>
|
||||
{% include "learning_paths_index", items: learning_paths.enrolled %}
|
||||
{% endif %}
|
||||
<div class="np-dashboard-resources-title">
|
||||
<div class="Courses np-dashboard-resources-title">
|
||||
{% t shared.course_vocabulary.plural, key: current_school.course_vocabulary %}
|
||||
</div>
|
||||
{% include "courses_index", class: "col-xs-12 col-sm-6 np-stretch-content" %}
|
||||
@ -25,4 +25,4 @@
|
||||
{% endif %}
|
||||
</div>
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
{% include "footer" %}
|
||||
|
||||
@ -107,7 +107,7 @@
|
||||
<div class="np-max-width np-homepage-row-wrapper">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-sm-12 col-md-12" style="display:flex; flex-direction:column;">
|
||||
<div class="np-section-header">Progress Tracker</div>
|
||||
<div class="Progress np-section-header">Progress Tracker</div>
|
||||
<div class="learning-path-progress-container">
|
||||
<div class="row">
|
||||
{% assign lps_in_progress = 0 %}
|
||||
|
||||
@ -237,7 +237,6 @@ html {
|
||||
.np-main {
|
||||
padding-top: 64px;
|
||||
}
|
||||
|
||||
.np-sub-navigation:not(.homepage-nav):not(.np-page-container) {
|
||||
position: fixed;
|
||||
top: 64px;
|
||||
|
||||
Reference in New Issue
Block a user