Tons of anthology work with notes and scripts. Updated DE's tamplates. Small script changes as well.
This commit is contained in:
Norm Rasmussen
BIN
Custom_Templates/customer_templates/Displayr-DataStoryAcademy/.DS_Store
vendored
Normal file
BIN
Custom_Templates/customer_templates/Displayr-DataStoryAcademy/.DS_Store
vendored
Normal file
Binary file not shown.
@ -0,0 +1,38 @@
|
||||
<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-text">
|
||||
{{ course.full_description }}
|
||||
</div>
|
||||
|
||||
<!--<div class="np-card-content-subtitle">
|
||||
{{ course.instructor_names }}
|
||||
</div>-->
|
||||
<div class="np-card-content-footer">
|
||||
<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 %}
|
||||
<a class="np-button np-button-wide" href="{{ course_path }}">
|
||||
{% t shared.view %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,16 @@
|
||||
{% if courses.enrolled.any? %}
|
||||
<div class="row row-with-thumbnails">
|
||||
{% for course in courses.enrolled %}
|
||||
<div class="{{ class }}">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
{% capture message %}
|
||||
{% t shared.zero_state.courses.index,
|
||||
key: current_school.course_vocabulary
|
||||
%}
|
||||
{% endcapture %}
|
||||
{% include "courses_zero_state", message: message %}
|
||||
{% endif %}
|
||||
@ -0,0 +1,106 @@
|
||||
<footer class="np-footer">
|
||||
<div class="np-max-width">
|
||||
<div class="np-footer-top">
|
||||
{% if current_school.logo_url %}
|
||||
<h2 class="np-footer-logo">
|
||||
<a href="{% route home %}">
|
||||
<!--<img
|
||||
alt="{{ current_school.name }}"
|
||||
class="np-footer-logo-image"
|
||||
src="{{ current_school.logo_url }}"
|
||||
/>-->
|
||||
<img alt="{{ current_school.name }}"
|
||||
class="np-footer-logo-image" src="https://theme.zdassets.com/theme_assets/1504508/a17112bbce253e218c2819f04cb2881b57f56ecc.svg">
|
||||
</a>
|
||||
</h2>
|
||||
{% else %}
|
||||
<div class="np-school-name np-header-font-color">
|
||||
{{ current_school.name }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if website_footer.show_navigation_links? %}
|
||||
<div class="np-footer-navigation">
|
||||
<ul class="np-footer-navigation-list">
|
||||
<!--{% for website_navigation in navigations.footer_navigations %}
|
||||
<li class="np-footer-navigation-item">
|
||||
<a
|
||||
class="np-footer-navigation-link np-button-color"
|
||||
href="{{ website_navigation.path }}"
|
||||
{% if website_navigation.external? %} target="_blank" {% endif %}
|
||||
>
|
||||
{{ website_navigation.name }}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}-->
|
||||
<li class="np-footer-navigation-item">
|
||||
<a href="#" class="np-footer-navigation-link np-button-color">About The Data Story Academy </a>
|
||||
</li>
|
||||
<li class="np-footer-navigation-item">
|
||||
<a href="#" class="np-footer-navigation-link np-button-color">The Data Story Guide</a>
|
||||
</li>
|
||||
<li class="np-footer-navigation-item">
|
||||
<a href="#" class="np-footer-navigation-link np-button-color">Privacy</a>
|
||||
</li>
|
||||
<li class="np-footer-navigation-item">
|
||||
<a href="#" class="np-footer-navigation-link np-button-color">Terms</a>
|
||||
</li>
|
||||
<li class="np-footer-navigation-item">
|
||||
<a href="#" class="np-footer-navigation-link np-button-color">Contact Us</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
<div class="np-footer-bottom">
|
||||
{% if website_footer.show_customer_service_email? and
|
||||
website_footer.school_customer_service_email
|
||||
%}
|
||||
<div class="np-footer-support">
|
||||
<div class="np-footer-support-item np-footer-support-help">
|
||||
{% t .need_help %}
|
||||
</div>
|
||||
<div class="np-footer-support-item np-footer-support-email">
|
||||
{% t .email %}
|
||||
</div>
|
||||
<a
|
||||
class="np-footer-support-item np-footer-support-link np-button-color"
|
||||
href="mailto:{{ website_footer.school_customer_service_email }}"
|
||||
>
|
||||
{{ website_footer.school_customer_service_email }}
|
||||
</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
<nav class="np-footer-social-links">
|
||||
{% if website_footer.show_social_media_links? %}
|
||||
<ul class="np-footer-social-links-list">
|
||||
{% for social_media_link in website_footer.social_media_links %}
|
||||
<li class="np-footer-social-links-item">
|
||||
<a
|
||||
class="np-footer-social-links-link np-button-color"
|
||||
href="{{ social_media_link.link }}"
|
||||
target="_blank" title="{{ social_media_link.name }}"
|
||||
>
|
||||
<i class="np-footer-social-links-icon
|
||||
np-button-color
|
||||
fab fa-{{ social_media_link.name }}"
|
||||
></i>
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
<li class="np-footer-social-links-item">
|
||||
<a
|
||||
class="np-footer-social-links-link np-button-color"
|
||||
href="#"
|
||||
target="_blank" title="">
|
||||
<img src="https://theme.zdassets.com/theme_assets/1504508/68f60eabc360080d7dc3ccae32094a78b573820d.svg" />
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
{% endif %}
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
@ -0,0 +1,193 @@
|
||||
<header class="np-header np-header-color">
|
||||
<div class="np-header-content">
|
||||
|
||||
{% if current_school.logo_url %}
|
||||
<h1 class="np-header-logo">
|
||||
<a href="{% route home %}">
|
||||
<img alt="{{ current_school.name }}" class="np-header-logo-image" src="{{ current_school.logo_url }}" />
|
||||
</a>
|
||||
</h1>
|
||||
{% else %}
|
||||
<a href="{% route home %}" class="np-school-name np-header-font-color">
|
||||
{{ current_school.name }}
|
||||
</a>
|
||||
{% endif %}
|
||||
<div class="np-hidden-desktop np-header-mobile-menu-nav">
|
||||
{% if current_person.signed_in? %}
|
||||
<button data-toggle-class="np-hidden" class="np-header-mobile-menu-nav-button fal fa-times np-hidden np-header-font-color" data-toggle-target=".np-header-mobile-avatar-menu,
|
||||
.np-header-mobile-menu-content, .np-main, .np-footer"></button>
|
||||
<button data-test="open-mobile-menu" data-toggle-class="np-hidden" class="np-header-mobile-menu-nav-button np-header-mobile-avatar-menu" data-toggle-target=".fa-times, .np-header-mobile-menu-content, .np-main, .np-footer">
|
||||
<img alt="{{ current_person.name }}" class="np-header-avatar-image" src="{{ current_person.avatar_url }}" />
|
||||
</button>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if current_person.signed_in? %}
|
||||
<a href="#" class="burger" id="burger" onClick="showHideDiv('Leftmenu')">
|
||||
<i></i>
|
||||
</a>
|
||||
<div class="menu-left" id="Leftmenu">
|
||||
<ul>
|
||||
<li><a href="https://academy.datastory.guide/app/courses">Explore Academy</a></li>
|
||||
<li><a href="https://academy.datastory.guide/app/dashboard">Dashboard</a></li>
|
||||
<li><a href="#">About</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
{% else %}
|
||||
|
||||
<div class="menu-left np-hidden-mobile" id="Leftmenu">
|
||||
<ul>
|
||||
<li><a href="https://academy.datastory.guide/app/courses">Explore Academy</a></li>
|
||||
<li><a href="https://academy.datastory.guide/app/dashboard">Dashboard</a></li>
|
||||
<li><a href="#">About</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="np-hidden-mobile np-header-desktop-nav">
|
||||
<ul class="np-header-desktop-nav-list">
|
||||
{% for website_navigation in navigations.header_navigations_external %}
|
||||
<li class="np-header-desktop-nav-item">
|
||||
<a href="{{ website_navigation.path }}" class="np-header-desktop-nav-link np-header-font-color" target="_blank">
|
||||
{{ website_navigation.name }}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{% if current_person.signed_in? %}
|
||||
<div class="np-hidden-mobile np-header-search np-header-search-expanded">
|
||||
<form action="{% route search %}" method="get" data-test="desktop-search">
|
||||
<input aria-label="{% t .search %}" class="np-header-search-input np-header-font-background-color" type="text" name="q" placeholder="{% t .search %}" />
|
||||
<i class="np-header-search-icon far fa-search"></i>
|
||||
</form>
|
||||
</div>
|
||||
<div class="np-hidden-mobile np-header-avatar">
|
||||
<button class="np-header-avatar-button" data-test="open-desktop-menu" data-toggle-class-on-target="np-hidden" data-toggle-target=".np-header-avatar-tooltip" data-toggle-outside>
|
||||
<img alt="{{ current_person.name }}" class="np-header-avatar-image" src="{{ current_person.avatar_url }}">
|
||||
</button>
|
||||
<div class="np-header-avatar-tooltip np-hidden" role="tooltip">
|
||||
<span class="np-header-avatar-tooltip-arrow-up"></span>
|
||||
<div class="np-header-avatar-tooltip-learner">
|
||||
<div class="np-header-avatar-tooltip-learner-name">
|
||||
{{ current_person.name }}
|
||||
</div>
|
||||
<div class="np-header-avatar-tooltip-learner-email">
|
||||
{{ current_person.email }}
|
||||
</div>
|
||||
</div>
|
||||
<nav class="np-header-avatar-tooltip-navigation">
|
||||
{% unless current_school.sso_active? %}
|
||||
<a class="np-header-avatar-tooltip-navigation-link" href="{% route account %}">
|
||||
{% t .profile_settings %}
|
||||
</a>
|
||||
{% endunless %}
|
||||
<a class="np-header-avatar-tooltip-navigation-link np-danger" href="{% route logout %}" Login>
|
||||
{% t .sign_out %}
|
||||
</a>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
{% else %}
|
||||
|
||||
<div class="np-hidden-mobile np-header-search np-header-search-expanded">
|
||||
<form action="{% route search %}" method="get" data-test="desktop-search">
|
||||
<input aria-label="{% t .search %}" class="np-header-search-input np-header-font-background-color" type="text" name="q" placeholder="{% t .search %}" />
|
||||
<i class="np-header-search-icon far fa-search"></i>
|
||||
</form>
|
||||
</div>
|
||||
<a href="#" class="burger" id="burger-new" onClick="showHide('Profilemenu')">
|
||||
<i></i>
|
||||
</a>
|
||||
|
||||
<ul class="profile-menu" id="Profilemenu">
|
||||
<li class="np-hidden-desktop np-show-mobile"><a href="https://academy.datastory.guide/app/courses">Explore Academy</a></li>
|
||||
<li class="np-hidden-desktop np-show-mobile"><a href="https://academy.datastory.guide/app/dashboard">Dashboard</a></li>
|
||||
<li class="np-hidden-desktop np-show-mobile"><a href="#">About</a></li>
|
||||
|
||||
<li><a class="np-header-sign-in np-header-desktop-nav-link np-header-font-color" aria-label="{% t shared.sign_in %}" href="{% route login %}"> Login
|
||||
<!--{% t shared.sign_in %}-->
|
||||
</a>
|
||||
</li>
|
||||
<li><a href="https://academy.datastory.guide/sign_up" class="register-linkbtn">Register</a></li>
|
||||
</ul>
|
||||
{% endif %}
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="np-hidden-desktop">
|
||||
<div class="np-header-mobile-menu-content np-hidden">
|
||||
{% if current_person.signed_in? %}
|
||||
<img alt="{{ current_person.name }}" class="np-header-mobile-menu-content-avatar" src="{{ current_person.avatar_url }}" />
|
||||
<div class="np-header-mobile-menu-content-name">
|
||||
{{ current_person.name }}
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="np-header-mobile-menu-content-nav">
|
||||
<form class="np-header-search" data-test="mobile-search" method="get" action="{% route search %}">
|
||||
<input aria-label="{% t .search %}" class="np-header-search-input" type="text" name="q" placeholder="{% t .search %}" />
|
||||
<i class="np-header-search-icon far fa-search"></i>
|
||||
</form>
|
||||
{% for website_navigation in navigations.header_navigations %}
|
||||
<a href="{{ website_navigation.path }}" class="np-header-mobile-menu-content-button" {% if website_navigation.external? %} target="_blank" {% endif %}>
|
||||
{{ website_navigation.name }}
|
||||
</a>
|
||||
{% endfor %}
|
||||
<div class="np-header-mobile-menu-content-line"></div>
|
||||
{% unless current_school.sso_active? %}
|
||||
<a class="np-header-mobile-menu-content-button" href="{% route account %}">
|
||||
{% t .profile_settings %}
|
||||
</a>
|
||||
{% endunless %}
|
||||
<a class="np-header-mobile-menu-content-button np-danger" href="{% route logout %}">
|
||||
{% t .sign_out %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include "messages" %}
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
function showHideDiv(ele) {
|
||||
var srcElement = document.getElementById(ele);
|
||||
var menuicon= document.getElementById('burger');
|
||||
|
||||
if (srcElement != null) {
|
||||
if (srcElement.style.display == "block") {
|
||||
srcElement.style.display = 'none';
|
||||
srcElement.classList.remove('active');
|
||||
menuicon.classList.remove('active');
|
||||
|
||||
}
|
||||
else {
|
||||
srcElement.style.display = 'block';
|
||||
srcElement.classList.add('active');
|
||||
menuicon.classList.add('active');
|
||||
|
||||
}
|
||||
return false;
|
||||
}
|
||||
}
|
||||
function showHide(element) {
|
||||
var srcElement = document.getElementById(element);
|
||||
var menuicon1= document.getElementById('burger-new');
|
||||
|
||||
if (srcElement != null) {
|
||||
if (srcElement.style.display == "block") {
|
||||
srcElement.style.display = 'none';
|
||||
srcElement.classList.remove('active');
|
||||
menuicon1.classList.remove('active');
|
||||
|
||||
}
|
||||
else {
|
||||
srcElement.style.display = 'block';
|
||||
srcElement.classList.add('active');
|
||||
menuicon1.classList.add('active');
|
||||
|
||||
}
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
@ -0,0 +1,19 @@
|
||||
<div class="home-section-growth-wrap">
|
||||
<div class="custom-container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<div class="growth-img-leftwrap">
|
||||
<img src="https://theme.zdassets.com/theme_assets/1504508/1ed9745a87a2031f39ef822b44eb3e9750efa0b8.png" class="growimg" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<div class="growth-content-rightwrap">
|
||||
<h2>Learn. Apply. Grow.</h2>
|
||||
<p>The Data Story Academy is the worldwide leader in free online training for inbound marketing, sales, and customer service professionals. We specialize in comprehensive certifications, singular topic courses, and bite-sized lessons for professionals looking to grow their career and business.</p>
|
||||
<a href="#" class="h-learnmore-btn">Learn more</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,20 @@
|
||||
<main class="np-main np-courses np-subpage-container">
|
||||
<div class="np-max-width">
|
||||
<!--<div class="np-resource-title">
|
||||
{% t shared.course_vocabulary.plural, key: current_school.course_vocabulary %}
|
||||
</div>
|
||||
<div class="np-resource-subtitle">{% t .headline, key: current_school.course_vocabulary %}</div>-->
|
||||
|
||||
<div class="np-course-group">
|
||||
<div class="np-course-title">
|
||||
<h3>courses</h3>
|
||||
</div>
|
||||
<div class="course-right-link">
|
||||
<a href="#" class="h-explore-btn">Explore all courses</a>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
</div>
|
||||
{% include "courses_index", class: "col-xs-12 col-sm-6 col-lg-3 np-stretch-content course-grid-item" %}
|
||||
|
||||
</div>
|
||||
</main>
|
||||
@ -0,0 +1,79 @@
|
||||
<div class="faq-main-wrapper">
|
||||
<div class="custom-container faq-padding">
|
||||
<div class="faq-heading">
|
||||
<h2>FAQ</h2>
|
||||
<div class="faq-accrodian-inner">
|
||||
<!--
|
||||
The data-toggle-class attribute tells this button
|
||||
to toggle the class `is-open` on itself and its target on click.
|
||||
|
||||
The data-toggle-target-parent attribute tells to look inside its parent element
|
||||
for a target element matching `#panel_1` selector.
|
||||
|
||||
The data-toggle-group attribute tells that this button
|
||||
is a part of the `accordion` group: only one of them can be active at a time.
|
||||
|
||||
The data-toggle-escape attribute tells that you can use
|
||||
the escape key to toggle back off this trigger.
|
||||
|
||||
The data-toggle-arrows attribute allows you to navigate
|
||||
through the buttons of the `accordion` group with the arrow keys.
|
||||
|
||||
The data-toggle-is-active attribute on the first button tells that
|
||||
this one is active by default.
|
||||
|
||||
As the aria-expanded attribute is set, its value changes too.
|
||||
-->
|
||||
<button type="button" class="example-collapsible-button" id="buttonForPanel_1" data-toggle-class="is-open" data-toggle-target-parent="#panel_1" data-toggle-group="accordion" data-toggle-escape data-toggle-arrows data-toggle-is-active aria-controls="panel_1" aria-expanded="false">
|
||||
What is The Data Story Academy
|
||||
</button>
|
||||
|
||||
<!-- As the aria-hidden attribute is set on this target, its value changes too. -->
|
||||
<div class="example-collapsible-panel" id="panel_1" role="region" aria-labelledby="buttonForPanel_1" aria-hidden="true">
|
||||
<div class="example-collapsible-panel-content">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Other panels -->
|
||||
<button type="button" class="example-collapsible-button" id="buttonForPanel_2" data-toggle-class="is-open" data-toggle-target-parent="#panel_2" data-toggle-group="accordion" data-toggle-escape data-toggle-arrows aria-controls="panel_2" aria-expanded="false">
|
||||
Is it free?
|
||||
</button>
|
||||
|
||||
<div class="example-collapsible-panel" id="panel_2" role="region" aria-labelledby="buttonForPanel_2" aria-hidden="true">
|
||||
<div class="example-collapsible-panel-content">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="button" class="example-collapsible-button" id="buttonForPanel_3" data-toggle-class="is-open" data-toggle-target-parent="#panel_3" data-toggle-group="accordion" data-toggle-escape data-toggle-arrows aria-controls="panel_3" aria-expanded="false">
|
||||
What’s included in each course?
|
||||
</button>
|
||||
|
||||
<div class="example-collapsible-panel" id="panel_3" role="region" aria-labelledby="buttonForPanel_3" aria-hidden="true">
|
||||
<div class="example-collapsible-panel-content">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="example-collapsible-button" id="buttonForPanel_4" data-toggle-class="is-open" data-toggle-target-parent="#panel_4" data-toggle-group="accordion" data-toggle-escape data-toggle-arrows aria-controls="panel_4" aria-expanded="false">
|
||||
How do I get certified by The Data Story Academy?
|
||||
</button>
|
||||
|
||||
<div class="example-collapsible-panel" id="panel_4" role="region" aria-labelledby="buttonForPanel_4" aria-hidden="true">
|
||||
<div class="example-collapsible-panel-content">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="example-collapsible-button" id="buttonForPanel_5" data-toggle-class="is-open" data-toggle-target-parent="#panel_5" data-toggle-group="accordion" data-toggle-escape data-toggle-arrows aria-controls="panel_5" aria-expanded="false">
|
||||
How can I find courses right for me?
|
||||
</button>
|
||||
|
||||
<div class="example-collapsible-panel" id="panel_5" role="region" aria-labelledby="buttonForPanel_5" aria-hidden="true">
|
||||
<div class="example-collapsible-panel-content">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,22 @@
|
||||
<div class="h-recognition-wrapper">
|
||||
<div class="custom-container-fluid">
|
||||
<div class="d-flex">
|
||||
<div class="col-xs-12 col-sm-6 learn-new-main">
|
||||
<div class="learn-new-skill-wrap">
|
||||
<img src="https://theme.zdassets.com/theme_assets/1504508/691129719921293fd6df5a91e4acb857152bc47f.svg" class="" />
|
||||
<h3>Learn New Skills</h3>
|
||||
<p>Get up to speed on popular research and analysis topics with our free courses.</p>
|
||||
<a href="https://academy.datastory.guide/app/courses" class="view-course-btn">View all courses</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-6 learn-recognition-main">
|
||||
<div class="learn-recognition-skill-wrap">
|
||||
<img src="https://theme.zdassets.com/theme_assets/1504508/08e159ead360039b60e62092174a8e096e69ecc0.svg" class="" />
|
||||
<h3>Earn Recognition</h3>
|
||||
<p>Grow your career by completing certifications and adding industry-recognized badges to your LinkedIn profile.</p>
|
||||
<a href="https://academy.datastory.guide/app/courses" class="view-course-btn">View all courses</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,38 @@
|
||||
<div class="resource-wrapper">
|
||||
<div class="custom-container">
|
||||
<div class="resouce-heading">
|
||||
<h2>Resources</h2>
|
||||
<p>Discover some more ways The Data Story Academy can support you in your learning journey.</p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<div class="resource-section">
|
||||
<div class="resource-img">
|
||||
<img src="https://theme.zdassets.com/theme_assets/1504508/226d5634723cc82f82c036b9557ba49096ff1a9f.svg" />
|
||||
</div>
|
||||
<h5>TIPS & TRICKS</h5>
|
||||
<p>How to clean and tidy data</p>
|
||||
<a href="#" class="article-link">4 articles <span class="toparrow"><img src="https://theme.zdassets.com/theme_assets/1504508/d2f636a64c30aecbdfe252c384d0a7aaeeea9bb0.svg" /></span></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<div class="resource-section">
|
||||
<div class="resource-img">
|
||||
<img src="https://theme.zdassets.com/theme_assets/1504508/131128d4c9704901448d3995d2a871bb0ac2aa7a.svg" />
|
||||
</div>
|
||||
<h5>GROW WITH THE DATA STORY GUIDE</h5>
|
||||
<p>Strategies, techniques, and frameworks for extracting insights from data</p>
|
||||
<a href="#" class="article-link">4 articles <span class="toparrow"><img src="https://theme.zdassets.com/theme_assets/1504508/d2f636a64c30aecbdfe252c384d0a7aaeeea9bb0.svg" /></span></a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-12">
|
||||
<div class="resource-section-full bg-grediant-image">
|
||||
<h5>The Data Story Guide</h5>
|
||||
<p>Everything you need to know to advance your skills in survey analysis and reporting</p>
|
||||
<a href="#"><span class="toparrow"><img src="https://theme.zdassets.com/theme_assets/1504508/d2f636a64c30aecbdfe252c384d0a7aaeeea9bb0.svg" /></span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,12 @@
|
||||
<div class="home-top-banner">
|
||||
<div class="container">
|
||||
<div class="certified-center">
|
||||
<h1>Get certified in data storytelling</h1>
|
||||
<p>From quick, practical courses to comprehensive certifications, learn everything you need to know about the most sought-after business skills.</p>
|
||||
|
||||
<div class="badge-img">
|
||||
<img src="https://theme.zdassets.com/theme_assets/1504508/49f346d08964049da579b0f1c43019ab4e20303a.svg" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,11 @@
|
||||
<div class="top-header-section" id="topheader">
|
||||
<div class="container">
|
||||
<p><img src="https://theme.zdassets.com/theme_assets/1504508/e382779127071564b86ac1087f510fc13c8cfb32.png" /> More courses coming soon - be the first to know. <span><a href="#">Register now >></a></span><span class="topclose-btn" onclick="hide()"><img src="https://theme.zdassets.com/theme_assets/1504508/a9063f4c305bff6dd3920d27cab5acd0b60ec3a8.png" /></span></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function hide() {
|
||||
document.getElementById('topheader').style.display = 'none'
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,29 @@
|
||||
<div class="learing-wrapper">
|
||||
<div class="custom-container px-75">
|
||||
<div class="data-logo">
|
||||
<img src="https://theme.zdassets.com/theme_assets/1504508/1448196b6025918c89d397fd314c9e62ca154f1c.svg" />
|
||||
</div>
|
||||
<h2>Why learn with The Data Story Academy?</h2>
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-sm-4">
|
||||
<div class="learn-section">
|
||||
<h4>Advance your career</h4>
|
||||
<p>Invest in yourself and your career by staying up to date on the latest trends in digital marketing, sales, customer support, and more.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-4">
|
||||
<div class="learn-section">
|
||||
<h4>Show off your skills</h4>
|
||||
<p>Add a globally recognized certification to your LinkedIn profile to show your employer — or future employer — you know your stuff.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-4">
|
||||
<div class="learn-section">
|
||||
<h4>Grow your business</h4>
|
||||
<p>Build your business strategy on the inbound methodology to generate more leads, close more deals, and delight your customers.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,14 @@
|
||||
<nav class="np-sub-navigation">
|
||||
<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 }}
|
||||
</a>
|
||||
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
@ -0,0 +1,20 @@
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.enrolled %}
|
||||
<div class="course-top-banner">
|
||||
<div class="container">
|
||||
<h5>Explore courses</h5>
|
||||
<p>Learn everything you need to know about the most sought-after business skills.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--{% include "sub_navigation" %}-->
|
||||
<main class="np-main np-courses np-subpage-container">
|
||||
<div class="np-max-width">
|
||||
<!--<div class="np-resource-title">
|
||||
{% t shared.course_vocabulary.plural, key: current_school.course_vocabulary %}
|
||||
</div>
|
||||
<div class="np-resource-subtitle">{% t .headline, key: current_school.course_vocabulary %}</div>-->
|
||||
{% include "courses_index", class: "col-xs-12 col-sm-6 col-lg-3 np-stretch-content course-grid-item" %}
|
||||
</div>
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
@ -0,0 +1,46 @@
|
||||
|
||||
{% include "home_section_topheader" %}
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.featured %}
|
||||
{% include "home_section_topbanner" %}
|
||||
<main class="np-main np-courses np-subpage-container">
|
||||
<div class="np-max-width">
|
||||
<div class="np-course-group">
|
||||
<div class="np-course-title">
|
||||
<h3>courses</h3>
|
||||
</div>
|
||||
<div class="course-right-link">
|
||||
<a href="https://academy.datastory.guide/app/courses" class="h-explore-btn">Explore all courses</a>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if current_person.signed_in? %}
|
||||
<div class="row row-with-thumbnails">
|
||||
{% for course in courses.enrolled %}
|
||||
<div class="col-xs-12 col-sm-6 col-lg-3 np-stretch-content course-grid-item">
|
||||
{% include "cards_course" %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
{% else %}
|
||||
<div class="row row-with-thumbnails">
|
||||
{% for course in courses.in_catalog %}
|
||||
<div class="col-xs-12 col-sm-6 col-lg-3 np-stretch-content course-grid-item">
|
||||
{% include "cards_course" %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
{% include "home_section_business" %}
|
||||
{% include "home_section_recognition" %}
|
||||
{% include "home_section_whylearn" %}
|
||||
{% include "home_section_faq" %}
|
||||
{% include "home_section_resources" %}
|
||||
{% include "footer" %}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -20,7 +20,7 @@
|
||||
{% for category_name in category_names %}
|
||||
{% assign stripped_category_name = category_name | strip %}
|
||||
{% if stripped_category_name == category.name %}
|
||||
{% include 'course' %}
|
||||
{% include 'catalog_course' %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{%- endfor -%}
|
||||
|
||||
@ -228,24 +228,25 @@
|
||||
})*/
|
||||
|
||||
$( window ).on( "load", function() {
|
||||
if ($(".session-dialog__footer-buttons button").length) {
|
||||
if ($(".session-dialog__footer-buttons button[data-test='unregister-button']").length) {
|
||||
console.log("show link")
|
||||
$(".session-link").css("display", "inline-block")
|
||||
}
|
||||
|
||||
if ($(".session-dialog__footer-buttons button").attr("data-test") == "unregister-button") {
|
||||
$(".session-link").css("display", "inline-block")
|
||||
$(".session-dialog__footer-buttons").click(function(e) {
|
||||
const unregisterButton = $(this).find(".uk-button[data-test='unregister-button']");
|
||||
|
||||
const registerButton = $(this).find(".uk-button[data-test='register-button']");
|
||||
|
||||
if (unregisterButton.length) {
|
||||
console.log("hide join now")
|
||||
$(".session-link").hide()
|
||||
}
|
||||
|
||||
$(".session-dialog__footer-buttons").click(function(e) {
|
||||
const buttonStatus = $(this).find("button").attr("data-test");
|
||||
|
||||
if (buttonStatus == "register-button") {
|
||||
$(".session-link").css("display", "inline-block")
|
||||
}
|
||||
|
||||
if (buttonStatus == "unregister-button") {
|
||||
$(".session-link").hide()
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
if (registerButton.length) {
|
||||
console.log("show join now")
|
||||
$(".session-link").css("display", "inline-block")
|
||||
}
|
||||
})
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user