Anthology templates again. Cin7 notes.
This commit is contained in:
Norm Rasmussen
BIN
Custom_Templates/customer_templates/.DS_Store
vendored
BIN
Custom_Templates/customer_templates/.DS_Store
vendored
Binary file not shown.
@ -200,8 +200,8 @@
|
||||
Anthology
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="np-card-container">
|
||||
{% comment %} <div class="card-image-replacement"></div> {% endcomment %}
|
||||
{% comment %} <div class="np-card-container">
|
||||
<div class="card-image-replacement"></div>
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding course-card-info">
|
||||
<div class="np-flex-1">
|
||||
<h3 class="np-card-content-title course-card-title">
|
||||
@ -266,11 +266,73 @@
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div> {% endcomment %}
|
||||
<div class="np-card-container">
|
||||
<div class="card-image-replacement"></div>
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding course-card-info">
|
||||
<div class="np-flex-1">
|
||||
<h3 class="np-card-content-title course-card-title">
|
||||
{{ course.name }}
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-bottom-details">
|
||||
{% if flag == 'dashboard' %}
|
||||
<div style="
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-start;
|
||||
padding-left: 15px;
|
||||
width: 70%;">
|
||||
<div style="
|
||||
background: #BACCE9;
|
||||
border-radius: 10px;
|
||||
height: 8px;
|
||||
margin-right: 15px;
|
||||
width: 60%;
|
||||
">
|
||||
<div
|
||||
style="height: 8px; background: {{ color_main }}; border-radius: 10px; width: {{ course.progress }}%; "
|
||||
class="np-button-background-color np-card-progress-bar course-card-progress-bar">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<span style="color: #757575; font-size: 14px">
|
||||
{% assign act_count = 0 %}
|
||||
{% for section in course.sections %}
|
||||
{% for activity in section.activities %}
|
||||
{% assign act_count = act_count| plus: 1 %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
{{ act_count }} {% if act_count == 1 %}Activity{% else %}Activities{% endif %}
|
||||
</span>
|
||||
{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
|
||||
<a class="np-button np-button-wide course-card-button"
|
||||
{% if course.properties.video_on_demand == true %}
|
||||
{% if course.enrolled? %}
|
||||
href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"
|
||||
{% else %}
|
||||
href="{% route course_enrollment, code: course.enrollment_code %}"
|
||||
{% endif %}
|
||||
{% else %}
|
||||
href="{{ course_path }}"
|
||||
{% endif %}
|
||||
>
|
||||
{% if course.progress > 0 and course.progress < 100 %}
|
||||
Continue
|
||||
{% else %}
|
||||
View
|
||||
{% endif %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<style>
|
||||
{% comment %} <style>
|
||||
.course-card-wrapper{
|
||||
display: flex;
|
||||
}
|
||||
@ -355,4 +417,120 @@
|
||||
padding: 0 10px !important;
|
||||
}
|
||||
}
|
||||
</style> {% endcomment %}
|
||||
|
||||
<style>
|
||||
.course-card .np-card-container{
|
||||
padding: 8px 12px 8px 8px;
|
||||
}
|
||||
|
||||
.card-product-banner{
|
||||
align-items: center;
|
||||
background: #FFF;
|
||||
box-shadow: 0 3px 30px rgba(0,0,0,.1);
|
||||
display: flex;
|
||||
height: 32px;
|
||||
overflow: hidden;
|
||||
padding: 6px 8px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.product-logo{
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.card-image-replacement{
|
||||
background: linear-gradient(325deg, rgba(255,255,255,1) 0%, rgb(225 235 343 / 30%) 60%);
|
||||
height: 12rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 550px) and (max-width: 649px){
|
||||
.card-image-replacement{
|
||||
height: 15rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 650px) and (max-width: 767px){
|
||||
.card-image-replacement{
|
||||
height: 20rem;
|
||||
}
|
||||
}
|
||||
|
||||
.course-card-info{
|
||||
height: calc(100% - 38px);
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: unset;
|
||||
}
|
||||
|
||||
.course-card-title{
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
line-height: 25px;
|
||||
margin-top: 8px !important;
|
||||
}
|
||||
|
||||
.course-card-button{
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
height: 100%;
|
||||
line-height: 21px;
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.course-card-button:focus{
|
||||
border: 2px solid blue;
|
||||
}
|
||||
|
||||
.np-progress-bar-container,
|
||||
.np-card-progress-bar{
|
||||
border-radius: 0;
|
||||
height: 6px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.np-card-content-progress{
|
||||
height: 25px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.course-card-progress-bar{
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.np-card-content-progress{
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
.card-bottom-details{
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px){
|
||||
/* .np-card{
|
||||
margin-bottom: 15px !important;
|
||||
min-width: unset;
|
||||
} */
|
||||
|
||||
.course-card .np-card-container{
|
||||
padding: 16px 24px 16px 16px;
|
||||
}
|
||||
|
||||
.course-card-wrapper{
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.course-card{
|
||||
padding: 0 10px !important;
|
||||
}
|
||||
|
||||
.course-card-wrapper,
|
||||
.course-card{
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -216,12 +216,18 @@
|
||||
<h3 class="np-card-content-title course-card-title">
|
||||
{{ course.name }}
|
||||
</h3>
|
||||
<span style="color: #757575; font-size: 14px">
|
||||
{{ act_count }} {% if act_count == 1 %}Activity{% else %}Activities{% endif %}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-bottom-details">
|
||||
<span style="color: #757575; font-size: 14px">
|
||||
{% assign act_count = 0 %}
|
||||
{% for section in course.sections %}
|
||||
{% for activity in section.activities %}
|
||||
{% assign act_count = act_count| plus: 1 %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
{{ act_count }} {% if act_count == 1 %}Activity{% else %}Activities{% endif %}
|
||||
</span>
|
||||
<a class="np-button np-button-wide course-card-button"
|
||||
href="{{ course_path }}"
|
||||
>
|
||||
|
||||
@ -7,7 +7,7 @@
|
||||
{% for course in courses.enrolled %}
|
||||
{%- comment -%} {% unless course.progress > 0 %}
|
||||
{% endunless %} {%- endcomment -%}
|
||||
<div class="col-xs-12 col-sm-6 col-lg-3 np-stretch-content course-card-wrapper" data-product="{{ course.properties.product_names_for_course_cards}}">
|
||||
<div class="col-xs-12 col-sm-6 col-lg-4 np-stretch-content course-card-wrapper" data-product="{{ course.properties.product_names_for_course_cards}}">
|
||||
{%- comment -%} {% include "cards_course" with course, flag: 'catalog' %} {%- endcomment -%}
|
||||
{% if current_person.email contains '+preview' or current_person.email == 'kfelton@anthology.com'%}
|
||||
{% include "cards_course_revamped" with course, flag: 'null' %}
|
||||
|
||||
@ -90,8 +90,24 @@
|
||||
/* padding-right: 4%; */
|
||||
}
|
||||
|
||||
/* .product-bar{
|
||||
margin-top: 25.5%;
|
||||
} */
|
||||
|
||||
.product-bar .product-subscriptions{
|
||||
padding-left: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
/* @media screen and (min-width: 2300px){
|
||||
.product-bar{
|
||||
margin-top: 21%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 2800px){
|
||||
.product-bar{
|
||||
margin-top: 18%;
|
||||
}
|
||||
} */
|
||||
</style>
|
||||
@ -39,10 +39,12 @@
|
||||
{% include "course_version_outdated_alert", courses: courses.in_catalog %}
|
||||
|
||||
<div class="np-homepage-hero">
|
||||
<img class="np-homepage-hero-image"
|
||||
src="https://s3.amazonaws.com/static.northpass.com/anthology/Anthology_header_New.jpg"
|
||||
alt="{{ homepage.headline }}"
|
||||
/>
|
||||
<a href="/app/search/00000000-0000-0000-0000-000000000000?q=101" style="width: 100%;">
|
||||
<img class="np-homepage-hero-image"
|
||||
src="https://s3.amazonaws.com/static.northpass.com/anthology/Anthology_header_New.svg"
|
||||
alt="{{ homepage.headline }}"
|
||||
/>
|
||||
</a>
|
||||
<div class="np-homepage-hero-content">
|
||||
<div class="np-homepage-headline np-header-font-color">
|
||||
{% comment %} Welcome to Anthology Academy {% endcomment %}
|
||||
@ -323,6 +325,25 @@
|
||||
margin-bottom: 12px
|
||||
}
|
||||
|
||||
.card-image-replacement{
|
||||
/* background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(225,235,243,1) 60%); */
|
||||
background: linear-gradient(325deg, rgba(255,255,255,1) 0%, rgb(225 235 343 / 30%) 60%);
|
||||
height: 12rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 550px) and (max-width: 649px){
|
||||
.card-image-replacement{
|
||||
height: 15rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 650px) and (max-width: 767px){
|
||||
.card-image-replacement{
|
||||
height: 20rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px){
|
||||
.np-main{
|
||||
margin-top: none;
|
||||
@ -353,14 +374,10 @@
|
||||
margin-top: 350px;
|
||||
} */
|
||||
|
||||
.product-bar{
|
||||
margin-top: 25.5%;
|
||||
}
|
||||
|
||||
.np-homepage-hero{
|
||||
width: calc(100vw + 1.75em);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
/* width: calc(100vw + 1.75em); */
|
||||
/* position: absolute; */
|
||||
/* left: 0; */
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -7,7 +7,6 @@
|
||||
{% assign render_search = false %}
|
||||
{% if results.items.any? %}
|
||||
{% for result in results.items %}
|
||||
{% comment %} https://newacademy.anthology.com/app/search/00000000-0000-0000?q= {% endcomment %}
|
||||
{% if result.type == 'course' %}
|
||||
{% for course in courses.enrolled %}
|
||||
{% if result.course.id == course.id %}
|
||||
@ -30,13 +29,14 @@
|
||||
<div class="np-resource-title">
|
||||
{% comment %} {% t .showing %} {% endcomment %}
|
||||
{% if render_search %}
|
||||
<span class="np-resource-subtitle-number">{{ result_count }}</span>
|
||||
{% else %}
|
||||
<span class="np-resource-subtitle-number">{{ results.count }}</span>
|
||||
<span class="np-resource-subtitle-number" style="color: #363636;">
|
||||
{{ result_count }} Resources For <span class="">"{{ results.term }}"</span>
|
||||
</span>
|
||||
{% comment %} {% else %}
|
||||
<span class="np-resource-subtitle-number">{{ results.count }} Resources</span> {% endcomment %}
|
||||
{% endif %}
|
||||
{% comment %} {% t .results_for %} {% endcomment %}
|
||||
Resources For
|
||||
<span class="np-button-color">"{{ results.term }}"</span>
|
||||
|
||||
</div>
|
||||
{% if render_search %}
|
||||
<div style="align-items: center; display: flex; flex-direction: row;">
|
||||
@ -169,15 +169,17 @@
|
||||
}
|
||||
|
||||
.card-bottom-details{
|
||||
justify-content: flex-end;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.product-filter-dropdown,
|
||||
.category-filter-dropdown{
|
||||
padding: 0 5px;
|
||||
/* padding: 0 5px; */
|
||||
/* border-radius: 0; */
|
||||
height: 45px;
|
||||
min-width: 150px;
|
||||
/* height: 45px;
|
||||
min-width: 150px; */
|
||||
margin: 10px 10px 0;
|
||||
padding: 2px 20px;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px){
|
||||
|
||||
@ -13,7 +13,7 @@
|
||||
|
||||
html,
|
||||
body{
|
||||
color: #000000;
|
||||
color: #363636 !important;
|
||||
font-family: 'Nunito Sans', sans-serif;
|
||||
}
|
||||
|
||||
@ -79,6 +79,10 @@ main{
|
||||
|
||||
/* COURSE CARDS */
|
||||
|
||||
.np-card-content-title{
|
||||
color: #363636;
|
||||
}
|
||||
|
||||
.course-card .np-card-container{
|
||||
border-radius: 0;
|
||||
box-shadow: 0 3px 30px rgba(0,0,0,.1);
|
||||
@ -166,7 +170,7 @@ main{
|
||||
.category-filter-dropdown{
|
||||
background-color: #fefefe;
|
||||
border-radius: 4px;
|
||||
color: #393939;
|
||||
color: #363636;
|
||||
font-size: 1em;
|
||||
font-weight: 700;
|
||||
height: 60px;
|
||||
|
||||
@ -95,3 +95,13 @@ Groups:
|
||||
* Both Core & Omni
|
||||
|
||||
No firm launch date, figuring it out in April
|
||||
|
||||
## 08-08-2024
|
||||
|
||||
Julie has revamped how CS is being using - this is great!
|
||||
Invested in the academy.
|
||||
But the way they implemented groups might be too complicated
|
||||
|
||||
They also need to consider how sales is using the academy
|
||||
Can we send Inventoro (new acquisition) content as a journey.
|
||||
Cin7 wants to be more proactive around sending content.
|
||||
|
||||
1
wan_ip.txt
Normal file
1
wan_ip.txt
Normal file
@ -0,0 +1 @@
|
||||
79.56.225.62
|
||||
Reference in New Issue
Block a user