crossbeam
This commit is contained in:
Norm Rasmussen
File diff suppressed because it is too large
Load Diff
@ -3,4 +3,5 @@
|
||||
src: url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100&display=swap');
|
||||
}
|
||||
body, html, div {
|
||||
font-family: 'Roboto Slab' !important;
|
||||
font-family: 'Roboto Slab' !important;
|
||||
}
|
||||
@ -0,0 +1,57 @@
|
||||
<div class="np-card">
|
||||
<div class="np-card-container">
|
||||
{% if course.ribbon %}
|
||||
<div class="np-card-ribbon">
|
||||
{{ course.ribbon }}
|
||||
</div>
|
||||
{% endif %}
|
||||
<img
|
||||
class="np-card-image"
|
||||
alt="{{ course.name }}"
|
||||
src="{{ course.image_url }}"
|
||||
>
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<h3 class="np-card-content-title">
|
||||
{{ course.name }}
|
||||
</h3>
|
||||
<div class="np-card-content-subtitle">
|
||||
{{ course.instructor_names }}
|
||||
</div>
|
||||
<div class="np-card-content-footer">
|
||||
{% if course.progress == 100 %}
|
||||
{% comment %}<img class="np-dashboard-medal-icon" src="{{course.properties.course_badge}}" alt="{{course.name}}-medal-icon"/>{% endcomment %}
|
||||
<span class="np-dashboard-medal-icon">👍</span>
|
||||
{% endif %}
|
||||
|
||||
<div class="np-card-content-progress np-button-color">
|
||||
{% t shared.progress, count: course.progress %}
|
||||
</div>
|
||||
{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
|
||||
{% if course.has_to_restart? %}
|
||||
{% include "course_version_outdated_popup", path: course_path %}
|
||||
{% endif %}
|
||||
|
||||
{% if course.name == 'Accelerator Certification Course' %}
|
||||
<a class="np-button np-button-wide np-course-card-button"
|
||||
{% if course.enrolled? %}
|
||||
href="#" style="pointer-events: none; color: #486776; background: #F2F4F5"
|
||||
{% else %}
|
||||
href="{% route course_enrollment, code: course.enrollment_code %}"
|
||||
{% endif %}
|
||||
>
|
||||
{% if course.enrolled? == false %}
|
||||
Pre-Register
|
||||
{% else %}
|
||||
Coming Soon
|
||||
{% endif %}
|
||||
</a>
|
||||
{% else %}
|
||||
<a class="np-button np-button-wide np-course-card-button" href="{{ course_path }}">
|
||||
{% t shared.view %}
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,16 @@
|
||||
<div class="np-top-vocabulary np-text-title np-text-muted">
|
||||
{{ current_school.course_vocabulary }}
|
||||
<i class="far fa-graduation-cap np-button-color np-learning-path-icon np-hidden-mobile">
|
||||
</i>
|
||||
</div>
|
||||
<div class="np-top-title" style='font-weight: 600;'>
|
||||
<a href="{% route home %}" class="np-back-button" aria-label="{% t shared.go_back %}">
|
||||
<i class="far fa-arrow-left np-hidden-mobile np-icon-back"></i>
|
||||
</a>
|
||||
{{ course.name }}
|
||||
</div>
|
||||
<img
|
||||
src="{{ course.image_url }}"
|
||||
class="np-top-image np-hidden-desktop"
|
||||
alt="{{ course.name }}"
|
||||
/>
|
||||
@ -0,0 +1,16 @@
|
||||
<div class="np-course-outline">
|
||||
<div class="np-text-title np-course-outline-title">
|
||||
{% t .header, key: current_school.course_vocabulary %}
|
||||
</div>
|
||||
<div class="np-course-outline-content">
|
||||
<ol class="np-course-outline-content-section">
|
||||
{% for section in course.sections %}
|
||||
<li class="np-course-outline-content-section-list">
|
||||
<div class="np-course-outline-content-section-name np-text-title-bold np-text-title-bold" style='font-weight: 600;'>
|
||||
{{ section.name }}
|
||||
</div>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,6 +1,10 @@
|
||||
{% styles default %}
|
||||
{% styles colors %}
|
||||
{% styles custom %}
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js" type="text/javascript"></script>
|
||||
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300&display=swap');
|
||||
</style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&display=swap');
|
||||
</style>
|
||||
@ -0,0 +1,15 @@
|
||||
<nav class="np-sub-navigation">
|
||||
<div class="np-sub-navigation-content">
|
||||
{% for link in navigations.sub_navigation %}
|
||||
{% if link.label == 'Home'%}
|
||||
<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 }}
|
||||
</a>
|
||||
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</nav>
|
||||
@ -0,0 +1,262 @@
|
||||
<!-- {% comment %}{% include "header" %}{% endcomment %}
|
||||
{% include "course_version_outdated_alert", courses: courses.in_catalog %}
|
||||
{% comment %}{% include "sub_navigation" %}{% endcomment %}
|
||||
{% comment %} https://s3.amazonaws.com/static.northpass.com/Crayon/acceleratorBadge.png {% endcomment %}
|
||||
{% comment %} https://s3.amazonaws.com/static.northpass.com/Crayon/activatorBadge.png {% endcomment %}
|
||||
{% comment %} https://s3.amazonaws.com/static.northpass.com/Crayon/architectBadge.png {% endcomment %}
|
||||
|
||||
<main class="np-main np-dashboard np-subpage-container np-max-width">
|
||||
<div class="row np-flex-center">
|
||||
<div class="col-xs-12">
|
||||
<div class="np-dashboard-header">
|
||||
<div class="np-resource-title">Hi {{current_person.first_name}}! 👋</div>
|
||||
<div class="np-resource-subtitle">This is what’s relevant to you right now in Competitive Advantage Academy</div>
|
||||
</div>
|
||||
</div>
|
||||
{% comment %}<div class="np-grid-spacing col-xs-12 col-md-6">
|
||||
<div class="np-dashboard-achievements-panel col-xs-12 row">
|
||||
<div class="np-resource-title col-xs-5">Achievements</div>
|
||||
<div class="col-xs-7">
|
||||
<div class="np-dashboard-medal-card">
|
||||
<div class="col-xs-12 row" style="margin: 0">
|
||||
{% for course in courses.in_catalog %}
|
||||
{% if course.name == 'Activator Certification Course' %}
|
||||
{% if course.progress == 100 %}
|
||||
<img class="np-dashboard-medal-icon" src="{{course.properties.course_badge}}" alt="{{course.name}}-medal-icon"/>
|
||||
{% else %}
|
||||
<div class="np-dashboard-medal-circle"></div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% for course in courses.in_catalog %}
|
||||
{% if course.name == 'Architect Certification Course' %}
|
||||
{% if course.progress == 100 %}
|
||||
<img class="np-dashboard-medal-icon" src="{{course.properties.course_badge}}" alt="{{course.name}}-medal-icon"/>
|
||||
{% else %}
|
||||
<div class="np-dashboard-medal-circle"></div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% for course in courses.in_catalog %}
|
||||
{% if course.name == 'Accelerator Certification Course' %}
|
||||
{% if course.progress == 100 %}
|
||||
<img class="np-dashboard-medal-icon" src="{{course.properties.course_badge}}" alt="{{course.name}}-medal-icon"/>
|
||||
{% else %}
|
||||
<div class="np-dashboard-medal-circle"></div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<div class="np-dashboard-medal-circle"></div>
|
||||
<div class="np-dashboard-medal-circle"></div>
|
||||
<div class="np-dashboard-medal-circle"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>{% endcomment %}
|
||||
</div>
|
||||
|
||||
<div class="row dashboard-section-courses">
|
||||
<div class="col-xs-12 col-sm-6 col-lg-4">
|
||||
|
||||
{% for course in courses.in_catalog %}
|
||||
{% if course.name == 'Activator Certification Course' %}
|
||||
<div class="np-md-flex-wrapper" style="text-align: center;">
|
||||
<div class="np-dashboard-resources-title">
|
||||
Beginner
|
||||
</div>
|
||||
</div>
|
||||
{% include 'cards_course' with course %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 col-sm-6 col-lg-4">
|
||||
{% for course in courses.in_catalog %}
|
||||
{% if course.name == 'Architect Certification Course' %}
|
||||
<div class="np-md-flex-wrapper" style="text-align: center;">
|
||||
<div class="np-dashboard-resources-title">
|
||||
Intermediate
|
||||
</div>
|
||||
</div>
|
||||
{% include 'cards_course' with course %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 col-sm-6 col-lg-4">
|
||||
{% for course in courses.in_catalog %}
|
||||
{% if course.name == 'Accelerator Certification Course' %}
|
||||
<div class="np-md-flex-wrapper" style="text-align: center;">
|
||||
<div class="np-dashboard-resources-title">
|
||||
Advanced
|
||||
</div>
|
||||
</div>
|
||||
{% include 'cards_course' with course %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% comment %}{% if courses.enrolled.any? %}
|
||||
{% assign course_limiter = 0 %}
|
||||
{% if categories.enrolled.any? %}
|
||||
{% assign all_categories = categories.enrolled | map: "name" %}
|
||||
{% for enrolled_category in all_categories %}
|
||||
{% for course in courses.enrolled%}
|
||||
{% if course_limiter < 1%}
|
||||
<div class="np-md-flex-wrapper" style="text-align: center;">
|
||||
<div class="np-dashboard-resources-title">
|
||||
{{ course.name }}
|
||||
</div>
|
||||
<div class="np-dashboard-resources-category">
|
||||
{{ enrolled_category }}
|
||||
</div>
|
||||
{%
|
||||
include "filter_by_progress",
|
||||
label: "Filter by Progress:",
|
||||
default_option: "All Courses",
|
||||
topic: enrolled_category,
|
||||
%}
|
||||
</div>
|
||||
{% include 'cards_course' with course %}
|
||||
|
||||
{% assign course_limiter = course_limiter | plus: 1 %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
{% assign enrolled_category = "Not Categorized" %}
|
||||
{% for course in courses.enrolled%}
|
||||
{% if course_limiter < 1%}
|
||||
<div class="np-md-flex-wrapper" style="text-align: center;">
|
||||
<div>
|
||||
<div class="np-dashboard-resources-title">
|
||||
{{ course.name }}
|
||||
</div>
|
||||
<div class="np-dashboard-resources-category">
|
||||
{{ enrolled_category }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% include 'cards_course' with course %}
|
||||
|
||||
{% assign course_limiter = course_limiter | plus: 1 %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<div class="np-dashboard-resources-title" style="margin-bottom:19px;">
|
||||
Courses
|
||||
</div>
|
||||
{% capture message %}
|
||||
{% t shared.zero_state.courses.index,
|
||||
key: current_school.course_vocabulary
|
||||
%}
|
||||
{% endcapture %}
|
||||
<div style="margin-bottom:3rem;">
|
||||
{% include "courses_zero_state", message: message %}
|
||||
{% endif %}{% endcomment %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
{% comment %}<script>
|
||||
// Creates the custom dropdown and dropdown functionality
|
||||
var x, i, j, l, ll, selElmnt, a, b, c;
|
||||
/* Look for any elements with the class “select-wrapper”: */
|
||||
x = document.getElementsByClassName("progress-filter");
|
||||
l = x.length;
|
||||
for (i = 0; i < l; i++) {
|
||||
selElmnt = x[i].getElementsByTagName("select")[0];
|
||||
ll = selElmnt.length;
|
||||
a = document.createElement("DIV");
|
||||
a.setAttribute("class", "select-selected");
|
||||
a.innerHTML = selElmnt.options[selElmnt.selectedIndex].innerHTML;
|
||||
x[i].appendChild(a);
|
||||
b = document.createElement("DIV");
|
||||
b.setAttribute("class", "select-items select-hide");
|
||||
for (j = 1; j < ll; j++) {
|
||||
c = document.createElement("DIV");
|
||||
c.innerHTML = selElmnt.options[j].innerHTML;
|
||||
c.addEventListener("click", function(e) {
|
||||
var y, i, k, s, h, sl, yl;
|
||||
s = this.parentNode.parentNode.getElementsByTagName("select")[0];
|
||||
sl = s.length;
|
||||
h = this.parentNode.previousSibling;
|
||||
for (i = 0; i < sl; i++) {
|
||||
if (s.options[i].innerHTML == this.innerHTML) {
|
||||
s.selectedIndex = i;
|
||||
h.innerHTML = this.innerHTML;
|
||||
y = this.parentNode.getElementsByClassName("same-as-selected");
|
||||
yl = y.length;
|
||||
for (k = 0; k < yl; k++) {
|
||||
y[k].removeAttribute("class");
|
||||
}
|
||||
this.setAttribute("class", "same-as-selected");
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
filterCourses(this);
|
||||
|
||||
h.click();
|
||||
});
|
||||
b.appendChild(c);
|
||||
}
|
||||
x[i].appendChild(b);
|
||||
a.addEventListener("click", function(e) {
|
||||
e.stopPropagation();
|
||||
closeAllSelect(this);
|
||||
this.nextSibling.classList.toggle("select-hide");
|
||||
this.classList.toggle("select-arrow-active");
|
||||
});
|
||||
}
|
||||
|
||||
function closeAllSelect(elmnt) {
|
||||
var x, y, i, xl, yl, arrNo = [];
|
||||
x = document.getElementsByClassName("select-items");
|
||||
y = document.getElementsByClassName("select-selected");
|
||||
xl = x.length;
|
||||
yl = y.length;
|
||||
for (i = 0; i < yl; i++) {
|
||||
if (elmnt == y[i]) {
|
||||
arrNo.push(i)
|
||||
} else {
|
||||
y[i].classList.remove("select-arrow-active");
|
||||
}
|
||||
}
|
||||
for (i = 0; i < xl; i++) {
|
||||
if (arrNo.indexOf(i)) {
|
||||
x[i].classList.add("select-hide");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* If the user clicks anywhere outside the select box,
|
||||
then close all select boxes: */
|
||||
document.addEventListener("click", closeAllSelect);
|
||||
$(".select-items div").each(function() {
|
||||
if($( this ).text() == $(".select-selected").text()) {
|
||||
$(this).addClass("same-as-selected");
|
||||
}
|
||||
});
|
||||
|
||||
function filterCourses(selectedItem) {
|
||||
|
||||
let filterGroup = $(selectedItem).closest(".progress-filter").data("topic");
|
||||
let selectedFilter = $(selectedItem).text().replace(" ", "-").toLowerCase();
|
||||
let carouselGroup = $('.courses-carousel[data-topic="' + filterGroup + '"]');
|
||||
|
||||
carouselGroup.slick('slickUnfilter');
|
||||
|
||||
if (selectedFilter != "all-courses") {
|
||||
carouselGroup.slick('slickFilter', `.${selectedFilter}`);
|
||||
}
|
||||
|
||||
}
|
||||
</script>{% endcomment %} -->
|
||||
|
||||
<script>
|
||||
window.location.replace('/app')
|
||||
</script>
|
||||
@ -0,0 +1,16 @@
|
||||
<script>
|
||||
if(window.location.pathname === '/app/courses/ab4f0c0b-e506-42df-9e81-e97da5fe7d5b'){
|
||||
window.location.replace('/app/catalog')
|
||||
}
|
||||
</script>
|
||||
{% include "header" %}
|
||||
<main class="np-main np-max-width np-page-container">
|
||||
<div class="np-hidden-mobile" id="course-desktop">
|
||||
{% include "course_desktop_view" %}
|
||||
</div>
|
||||
<div class="np-hidden-desktop" id="course-mobile">
|
||||
{% include "course_mobile_view" %}
|
||||
</div>
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
|
||||
@ -0,0 +1,3 @@
|
||||
<script>
|
||||
window.location.replace('/app')
|
||||
</script>
|
||||
@ -0,0 +1,64 @@
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.in_catalog %}
|
||||
{% comment %}{% include "sub_navigation" %}{% endcomment %}
|
||||
{% comment %} https://s3.amazonaws.com/static.northpass.com/Crayon/acceleratorBadge.png {% endcomment %}
|
||||
{% comment %} https://s3.amazonaws.com/static.northpass.com/Crayon/activatorBadge.png {% endcomment %}
|
||||
{% comment %} https://s3.amazonaws.com/static.northpass.com/Crayon/architectBadge.png {% endcomment %}
|
||||
|
||||
<main class="np-main np-dashboard np-subpage-container np-max-width">
|
||||
<div class="row np-flex-center">
|
||||
<div class="col-xs-12">
|
||||
<div class="np-dashboard-header">
|
||||
<div class="np-resource-title">Hi {{current_person.first_name}}! 👋</div>
|
||||
{% comment %}<div class="np-resource-subtitle">This is what’s relevant to you right now in Competitive Advantage Academy</div>{%endcomment%}
|
||||
<div class="np-resource-subtitle">Take the courses. Get your certificates. Compete like you mean it.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row dashboard-section-courses">
|
||||
<div class="col-xs-12 col-sm-6 col-lg-4">
|
||||
|
||||
{% for course in courses.in_catalog %}
|
||||
{% if course.name == 'Activator Certification Course' %}
|
||||
<div class="np-md-flex-wrapper" style="text-align: center;">
|
||||
<div class="np-dashboard-resources-title">
|
||||
Beginner
|
||||
</div>
|
||||
</div>
|
||||
{% include 'cards_course' with course %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 col-sm-6 col-lg-4">
|
||||
{% for course in courses.in_catalog %}
|
||||
{% if course.name == 'Architect Certification Course' %}
|
||||
<div class="np-md-flex-wrapper" style="text-align: center;">
|
||||
<div class="np-dashboard-resources-title">
|
||||
Intermediate
|
||||
</div>
|
||||
</div>
|
||||
{% include 'cards_course' with course %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 col-sm-6 col-lg-4">
|
||||
{% for course in courses.in_catalog %}
|
||||
{% if course.name == 'Accelerator Certification Course' %}
|
||||
<div class="np-md-flex-wrapper" style="text-align: center;">
|
||||
<div class="np-dashboard-resources-title">
|
||||
Advanced
|
||||
</div>
|
||||
</div>
|
||||
{% include 'cards_course' with course %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
@ -0,0 +1,19 @@
|
||||
{% comment %}{% include "header" %}
|
||||
{% include "sub_navigation" %}
|
||||
<main class="np-main np-learning-paths np-subpage-container np-max-width">
|
||||
<div class="np-learning-paths-main">
|
||||
<div class="np-resource-title">
|
||||
{% t shared.learning_paths %}
|
||||
</div>
|
||||
<div class="np-resource-subtitle">
|
||||
{% t .subtitle %}
|
||||
</div>
|
||||
{% include "learning_paths_index", items: learning_paths.available %}
|
||||
</div>
|
||||
</main>
|
||||
{% include "footer" %}{% endcomment %}
|
||||
|
||||
<script>
|
||||
window.location.replace('/app/courses/f1d39335-8ca2-4b6e-98c6-02b2144fb02a')
|
||||
// window.location.replace('/app/catalog')
|
||||
</script>
|
||||
@ -0,0 +1,8 @@
|
||||
<script>
|
||||
var year = new Date().getFullYear();
|
||||
var month = new Date().getMonth() + 1;
|
||||
var adress = window.location.hash
|
||||
var newAdress = 'https://www.linkedin.com/profile/add?startTask=CERTIFICATION_NAME&' + adress.slice(1).replaceAll('~space~' , '%20').replaceAll('~customyear~', year).replaceAll('~customonth~', month)
|
||||
console.log(newAdress)
|
||||
window.location.replace(newAdress)
|
||||
</script>
|
||||
@ -4,4 +4,322 @@
|
||||
}
|
||||
body, html, div {
|
||||
font-family: 'Jost', sans-serif !important;
|
||||
}
|
||||
|
||||
.np-card-content{
|
||||
max-height: 140px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px){
|
||||
.np-card-content{
|
||||
padding-top: 0.5rem;
|
||||
}
|
||||
|
||||
.np-card-content-title{
|
||||
font-size: 1.1rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
.np-card-content-title{
|
||||
font-size: 1rem !important;
|
||||
}
|
||||
|
||||
.np-course-card-button{
|
||||
width: 8rem;
|
||||
}
|
||||
|
||||
/* ------------------------------------------------------------------------------------------------------ */
|
||||
/* Achievements Panel */
|
||||
/* .np-dashboard-achievements-panel{
|
||||
background: #ffffff;
|
||||
height: 8rem;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.np-dashboard-achievements-card{
|
||||
background: #F3F8FF;
|
||||
color: #1C6FE8;
|
||||
height: 6rem;
|
||||
width: 5.25rem;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.np-dashboard-achievements-card-text{
|
||||
font-size: 0.75rem;
|
||||
margin-top: -0.5rem;
|
||||
}
|
||||
|
||||
.np-dashboard-medal-card{
|
||||
background: #3f0c59;
|
||||
height: 6rem;
|
||||
border-radius: 10px;
|
||||
display: flex;
|
||||
align-content: center;
|
||||
} */
|
||||
|
||||
/* .np-dashboard-medal-icon{
|
||||
margin-right: -4rem;
|
||||
} */
|
||||
|
||||
@media (min-width: 395px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -4rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 410px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 425px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -6rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 440px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -7rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 465px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -8rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 480px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -9rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 495px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -10rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 510px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -11rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 525px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -12rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 540px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -13rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 555px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -14rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 570px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -15rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 595px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -16rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 610px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -17rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 625px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -18rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 640px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -19rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 655px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -20rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 670px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -21rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 695px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -22rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 710px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -23rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 725px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -24rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 740px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -25rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 755px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -26rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: 0rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 830px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 860px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -2rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 925px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -3rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 975px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -4rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 990px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1005px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -6rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1030px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -7rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1055px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -8rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1125px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -9rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1150px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -10rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1185px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -11rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: 0rem;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1250px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1300px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -2rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1350px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -3rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1400px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -4rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1675px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -3rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 2200px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -2rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 2550px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: -1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 3050px){
|
||||
.np-dashboard-medal-icon{
|
||||
margin-right: 0rem;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,23 @@
|
||||
{% comment %}{% include "header" %}
|
||||
{% include "sub_navigation" %}
|
||||
<main class="np-main np-training-events np-subpage-container np-max-width">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-sm-10">
|
||||
<div class="np-resource-title">
|
||||
{% t .title %}
|
||||
</div>
|
||||
<div class="np-resource-subtitle">
|
||||
{% t .subtitle %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-2">
|
||||
{% include "training_events_filter" %}
|
||||
</div>
|
||||
</div>
|
||||
{% include "training_events_index" %}
|
||||
</main>
|
||||
{% include "footer" %}{% endcomment%}
|
||||
|
||||
<script>
|
||||
window.location.replace('/app')
|
||||
</script>
|
||||
@ -20,4 +20,10 @@
|
||||
</div>
|
||||
<div class="np-hidden-desktop">
|
||||
{% include "course_cta_button" %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{% if course.activites | count > 2 %}
|
||||
<div class="al"
|
||||
{% else %}
|
||||
<div
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user