new JJSV templates & walmart script is being annoying
This commit is contained in:
Norm Rasmussen
@ -10,4 +10,4 @@
|
||||
* If he sets up a group with 4 courses, can Fountain provision the group?
|
||||
* Copy over styling from Nana to Nana Fountain
|
||||
* Change Font too. Make sure everything matches
|
||||
*
|
||||
|
||||
|
||||
@ -0,0 +1,11 @@
|
||||
<div class="np-zero-state-container">
|
||||
<div class="np-zero-state-text">
|
||||
There are currently no topics available
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.np-zero-state-text a {
|
||||
color:#009999;
|
||||
}
|
||||
</style>
|
||||
@ -7,10 +7,5 @@
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
{% capture message %}
|
||||
{% t shared.zero_state.courses.catalog,
|
||||
key: current_school.course_vocabulary
|
||||
%}
|
||||
{% endcapture %}
|
||||
{% include "courses_zero_state", message: message %}
|
||||
{% include "catalog_zero_state" %}
|
||||
{% endif %}
|
||||
246
NP_Custom_Templates/customer_templates/JJSV/_footer.html.liquid
Normal file
246
NP_Custom_Templates/customer_templates/JJSV/_footer.html.liquid
Normal file
@ -0,0 +1,246 @@
|
||||
<div class="footer-terms">
|
||||
<hr />
|
||||
<p>Please see our <a href="#" target="_blank" onclick="return false;">Privacy Policy</a>. Use of this site constitutes your consent to the application of such laws and regulations and to our Privacy Policy. Your use of the information on this site is subject to the terms of our <a href="#" target="_blank" onclick="return false;">Terms of Use</a>.
|
||||
{% comment %} <a href="#" target="_blank">Contact Us</a> with any questions or search this site for more information.</p> {% endcomment %}
|
||||
|
||||
<p>This website is published by Johnson & Johnson Services, Inc., which is solely responsible for its content. This website is intended for visitors in the United States. Third-party trademarks used herein are trademarks of their respective owners. Portions of this website are intended for visitors from certain geographical regions only and will be indicated as such.</p>
|
||||
|
||||
<p>The materials on this website are intended to provide information about products of the Johnson & Johnson Medical Devices Companies. Each product has its own labeling, which may include specific limitations relevant to the use of the product and which may vary from country to country. Please remember to check the local labeling of each product you plan to use to be aware of these limitations. If you have any questions on the use of these products, please contact your sales consultant.</p>
|
||||
|
||||
<p>This is a Healthcare Professional (HCP) educational website published by the Johnson & Johnson Institute, LLC which is solely responsible for its content. It is intended for all HCPs. Third party trademarks used herein are trademarks of their respective owners. You are solely responsible for your interactions on this website and we encourage you to review the Privacy Policy. HCPs are advised to consult their respective regulatory bodies, licensing authorities and program directors for program and product specific information and applicable industry associations and laws related to interactions between suppliers and HCPs. HCPs are responsible for complying with any specific hospital/entity requirements as well as their respective legal and regulatory requirements - which may affect participation in the programs offered. Products and/or procedures referenced in program materials may not be approved for sale in your location or the approval may differ from what is presented. Please check your local product labeling/instructions for use for the approved use. Program materials are not intended to be relied upon for medical or other advice.</p>
|
||||
|
||||
{% comment %} <p>093430-180612</p> {% endcomment %}
|
||||
</div>
|
||||
|
||||
<div class="jnj-footer-links">
|
||||
<div class="links-col">
|
||||
<div class="links-col-header">About</div>
|
||||
<hr style="width:40px;"/>
|
||||
<div class="links-col-link">
|
||||
<a href="https://www.jjvision.com/about-us" target="_blank">About Us</a>
|
||||
<a href="https://www.jjvision.com/news-media-center" target="_blank">News & Media</a>
|
||||
<a href="https://www.jnjvisionpro.com/grants" target="_blank">Grants</a>
|
||||
<a href="http://www.jnjvisioncareinfo.com/" target="_blank">State & Federal Advocacy</a>
|
||||
<a href="http://www.mddtransparency.com/vistakon?siteFlag=1" target="_blank">Transparency</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="links-col">
|
||||
<div class="links-col-header">Useful Links</div>
|
||||
<hr style="width:40px;"/>
|
||||
<div class="links-col-link">
|
||||
<a href="https://jnjinstitute.com/" target="_blank">Johnson & Johnson Institute</a>
|
||||
<a href="https://www.jnjvisionpro.com/" target="_blank">Johnson & Johnson Vision Pro</a>
|
||||
<a href="https://www.jnjvisionpro.com/products/experience-all-benefits-direct-ordering" target="_blank">Direct Ordering</a>
|
||||
<a href="https://www.jnjvisionpro.com/discontinued-products" target="_blank">Discontinued Products</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="links-col">
|
||||
<div class="links-col-header">Legal</div>
|
||||
<hr style="width:40px;"/>
|
||||
<div class="links-col-link">
|
||||
<a href="https://www.northpass.com/privacy-policy" target="_blank" onclick="return false;">Privacy Policy</a>
|
||||
<a href="https://www.jnjvisionpro.com/internal-page/california-compliance" target="_blank" onclick="return false;">California Compliance</a>
|
||||
<a href="https://www.jnjvisionpro.com/important-safety-information" target="_blank" onclick="return false;">Important Safety Information</a>
|
||||
<a href="https://www.northpass.com/legal" target="_blank" onclick="return false;">Legal Policy</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="links-col">
|
||||
<div class="links-col-header">Connect With Us</div>
|
||||
<hr style="width:40px;"/>
|
||||
<div class="links-col-link">
|
||||
<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 }}"
|
||||
>
|
||||
{% if social_media_link.name == 'linkedin' %}
|
||||
<i class="np-footer-social-links-icon
|
||||
fab fa-linkedin-in"
|
||||
></i>
|
||||
{% else %}
|
||||
<i class="np-footer-social-links-icon
|
||||
fab fa-{{ social_media_link.name }}"
|
||||
></i>
|
||||
{% endif %}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
</nav>
|
||||
<a href="https://app.smartsheet.com/b/form/14620ecccc25470080b794a7ce33b983" target="_blank">Contact Us</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-links-code">pp2022xxxx</div>
|
||||
</div>
|
||||
|
||||
<footer class="np-footer">
|
||||
<div class="np-footer-top">
|
||||
{% if website_footer.show_navigation_links? %}
|
||||
<div class="np-footer-navigation"'>
|
||||
<ul class="np-footer-navigation-list">
|
||||
{% for website_navigation in navigations.footer_navigations %}
|
||||
{% if website_navigation.external? %}
|
||||
<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 %}
|
||||
style='color: white;opacity: 0.5;''
|
||||
>
|
||||
{{ website_navigation.name }}
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% 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 }}"
|
||||
/>
|
||||
</a>
|
||||
</h2>
|
||||
{% else %}
|
||||
<div class="np-school-name np-header-font-color">
|
||||
{{ current_school.name }}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div class="np-footer-bottom">
|
||||
<div class="copyright">©Johnson & Johnson Surgical Vision, Inc. 2022. All rights reserved. This site is published by Johnson & Johnson Surgical Vision, Inc., which is solely responsible for its content.</div>
|
||||
|
||||
{% 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 }}"
|
||||
>
|
||||
{% comment %} {{ website_footer.school_customer_service_email }} {% endcomment %}
|
||||
support@northpass.com
|
||||
</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<style>
|
||||
.np-footer {
|
||||
background: #63666a !important;
|
||||
padding: 1rem 1.25rem;
|
||||
}
|
||||
.np-powered-by {
|
||||
background: #63666a !important;
|
||||
text-transform: uppercase !important;
|
||||
font-size: 12px !important;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.np-footer-logo-image {
|
||||
opacity:1;
|
||||
filter: brightness(0) invert(1);
|
||||
}
|
||||
|
||||
.copyright {
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
.np-footer-social-links-list { padding:0;}
|
||||
|
||||
.np-footer-social-links-icon {
|
||||
color: #c03;
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
.footer-terms {
|
||||
padding: 1rem 1.25rem;
|
||||
}
|
||||
|
||||
.footer-terms hr {
|
||||
margin-bottom:32px;
|
||||
}
|
||||
|
||||
.footer-terms a {
|
||||
color: #c03;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.jnj-footer-links {
|
||||
width:100%;
|
||||
padding: 1rem 1.25rem;
|
||||
}
|
||||
|
||||
.jnj-footer-links .links-col {
|
||||
margin-bottom:32px;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.jnj-footer-links .links-col-header {
|
||||
font-size:18px;
|
||||
color:#cc0033;
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
.jnj-footer-links .links-col-link a {
|
||||
text-decoration:none;
|
||||
display:block;
|
||||
margin-bottom:16px;
|
||||
color:#212121;
|
||||
}
|
||||
|
||||
.jnj-footer-links .links-col-link a:hover {
|
||||
color:#009999;
|
||||
}
|
||||
|
||||
.footer-links-code {
|
||||
width:100%;
|
||||
text-align:right;
|
||||
font-size:14px;
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
.np-footer, .footer-terms, .jnj-footer-links {
|
||||
padding: 1rem 4%;
|
||||
}
|
||||
|
||||
.jnj-footer-links {
|
||||
display:flex;
|
||||
flex-wrap:wrap;
|
||||
}
|
||||
|
||||
.jnj-footer-links .links-col {
|
||||
width:50%;
|
||||
padding-right: 32px;
|
||||
}
|
||||
|
||||
.jnj-footer-links .links-col-header {
|
||||
font-size:22px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width:1200px) {
|
||||
|
||||
.jnj-footer-links .links-col {
|
||||
width:25%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -25,11 +25,7 @@
|
||||
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 }}"
|
||||
/>
|
||||
<i class="far fa-bars"></i>
|
||||
</button>
|
||||
{% endif %}
|
||||
</div>
|
||||
@ -62,7 +58,7 @@
|
||||
{% if link.label == 'Dashboard' %}
|
||||
My Topics
|
||||
{% elsif link.label == 'Catalog' %}
|
||||
All Topics
|
||||
All Content
|
||||
{% else %}
|
||||
{{ link.label }}
|
||||
{% endif %}
|
||||
@ -71,6 +67,14 @@
|
||||
</li>
|
||||
{% endunless %}
|
||||
{% endfor %}
|
||||
<li class= "np-header-desktop-nav-item">
|
||||
<a
|
||||
href="/app/product-education"
|
||||
class="np-header-desktop-nav-link np-header-font-color"
|
||||
>
|
||||
Product Education
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% for website_navigation in navigations.header_navigations_external %}
|
||||
<li class= "np-header-desktop-nav-item">
|
||||
@ -181,14 +185,34 @@
|
||||
<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>
|
||||
{% unless website_navigation.path == '/app/learning_paths' %}
|
||||
<a
|
||||
href="{{ website_navigation.path }}"
|
||||
class="np-header-mobile-menu-content-button"
|
||||
{% if website_navigation.external? %} target="_blank" {% endif %}
|
||||
>
|
||||
{% if website_navigation.name == 'Dashboard' %}
|
||||
My Topics
|
||||
{% elsif website_navigation.name == 'Catalog' %}
|
||||
All Topics
|
||||
{% else %}
|
||||
{{ website_navigation.name }}
|
||||
{% endif %}
|
||||
</a>
|
||||
{% endunless %}
|
||||
{% endfor %}
|
||||
<a
|
||||
href="/app/catalog"
|
||||
class="np-header-mobile-menu-content-button"
|
||||
>
|
||||
All Content
|
||||
</a>
|
||||
<a
|
||||
href="/app/product-education"
|
||||
class="np-header-mobile-menu-content-button"
|
||||
>
|
||||
Product Education
|
||||
</a>
|
||||
<div class="np-header-mobile-menu-content-line"></div>
|
||||
{% unless current_school.sso_active? %}
|
||||
<a
|
||||
@ -199,7 +223,7 @@
|
||||
</a>
|
||||
{% endunless %}
|
||||
<a
|
||||
class="np-header-mobile-menu-content-button np-danger"
|
||||
class="np-header-mobile-menu-content-button logout-button"
|
||||
href="{% route logout %}"
|
||||
>
|
||||
{% t .sign_out %}
|
||||
@ -209,3 +233,68 @@
|
||||
</div>
|
||||
|
||||
{% include "messages" %}
|
||||
|
||||
<style>
|
||||
|
||||
.np-header-mobile-menu-nav-button .fa-bars {
|
||||
font-size:25px;
|
||||
}
|
||||
|
||||
.np-header-logo {
|
||||
margin:0;
|
||||
}
|
||||
|
||||
.np-header-logo img.np-header-logo-image {
|
||||
height:30px;
|
||||
}
|
||||
|
||||
.np-header-mobile-menu-content {
|
||||
background-color:#f3f3f3;
|
||||
}
|
||||
|
||||
.np-header-mobile-menu-content-button.logout-button {
|
||||
background-color: transparent;
|
||||
border: 3px solid #009999;
|
||||
}
|
||||
|
||||
|
||||
.np-header-desktop-nav-link {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.np-header-desktop-nav-item.np-sub-navigation-content-item-active {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
.np-header {
|
||||
height: auto;
|
||||
padding: 12px 4%;
|
||||
}
|
||||
|
||||
.np-header-desktop-nav-list {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.np-header-search-input {
|
||||
background:transparent;
|
||||
}
|
||||
|
||||
.np-header-search-icon {
|
||||
color:#212121;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width:992px) {
|
||||
.np-header-logo img.np-header-logo-image {
|
||||
height:40px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
if (window.location.pathname.includes("/app/product-education")) {
|
||||
|
||||
$(".np-header-desktop-nav-item a[href='/app/product-education']").parent().addClass("np-sub-navigation-content-item-active")
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,197 @@
|
||||
<div class="homepage-hero-carousel" style="display:none;">
|
||||
<div class="homepage-hero-slide">
|
||||
<div class="homepage-hero-slide-image" style="background-image:url(https://s3.amazonaws.com/static.northpass.com/J%26J/pexels-andrea-piacquadio-3768131.jpg)">
|
||||
</div>
|
||||
<div class="homepage-hero-slide-content">
|
||||
<div class="homepage-hero-slide-headline">
|
||||
Vision Excellence Institute
|
||||
</div>
|
||||
<div class="homepage-hero-slide-subheadline">
|
||||
Powered by Johnson & Johnson Professional Education
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="homepage-hero-slide">
|
||||
<div class="homepage-hero-slide-image" style="background-image:url(https://s3.amazonaws.com/static.northpass.com/J%26J/2f537d7b-f756-492b-87e7-a62c2a4ed35c.jpeg)">
|
||||
</div>
|
||||
<div class="homepage-hero-slide-content">
|
||||
<div class="homepage-hero-slide-headline">
|
||||
Vision Excellence Institute
|
||||
</div>
|
||||
<div class="homepage-hero-slide-subheadline">
|
||||
Powered by Johnson & Johnson Professional Education
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="homepage-hero-slide">
|
||||
<div class="homepage-hero-slide-image" style="background-image:url(https://s3.amazonaws.com/static.northpass.com/J%26J/4de5b8a6-6b5c-41f6-96a3-e2ef31cf00ad.jpeg)">
|
||||
</div>
|
||||
<div class="homepage-hero-slide-content">
|
||||
<div class="homepage-hero-slide-headline">
|
||||
Vision Excellence Institute
|
||||
</div>
|
||||
<div class="homepage-hero-slide-subheadline">
|
||||
Powered by Johnson & Johnson Professional Education
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('.homepage-hero-carousel').on('init', function(slick){
|
||||
console.log(slick)
|
||||
$('.homepage-hero-carousel').css('display', 'block')
|
||||
})
|
||||
|
||||
$(".homepage-hero-carousel").slick({
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
dots: false,
|
||||
infinite: true,
|
||||
cssEase: 'linear',
|
||||
prevArrow: '<svg viewBox="0 0 20 20" class="_1ycOA _left"><path d="M12 16a.997.997 0 0 1-.707-.293l-5-5a.999.999 0 0 1 0-1.414l5-5a.999.999 0 1 1 1.414 1.414L8.414 10l4.293 4.293A.999.999 0 0 1 12 16" fill-rule="evenodd"></path></svg>',
|
||||
nextArrow: '<svg viewBox="0 0 20 20" class="_1ycOA _right"><path d="M8 16a.999.999 0 0 1-.707-1.707L11.586 10 7.293 5.707a.999.999 0 1 1 1.414-1.414l5 5a.999.999 0 0 1 0 1.414l-5 5A.997.997 0 0 1 8 16" fill-rule="evenodd"></path></svg>'
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.np-homepage-hero-content {
|
||||
position: inherit;
|
||||
}
|
||||
|
||||
.homepage-hero-slide {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
background-color: #cc0033;
|
||||
}
|
||||
|
||||
.homepage-hero-slide-image {
|
||||
height: 200px;
|
||||
width: 100%;
|
||||
background-size:cover;
|
||||
background-position:center;
|
||||
}
|
||||
|
||||
.homepage-hero-slide-content {
|
||||
color:#fff;
|
||||
text-align:center;
|
||||
padding:32px 16px;
|
||||
}
|
||||
|
||||
.homepage-hero-slide-headline {
|
||||
font-size: 28px;
|
||||
line-height: 32px;
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
.homepage-hero-slide-subheadline {
|
||||
opacity: 0.85;
|
||||
margin-top:8px;
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
.homepage-hero-slide {
|
||||
display: flex!important;
|
||||
min-height:300px;
|
||||
}
|
||||
|
||||
.homepage-hero-slide-image {
|
||||
width: 50%;
|
||||
min-height: 100%;
|
||||
height:auto;
|
||||
}
|
||||
|
||||
.homepage-hero-slide-content {
|
||||
width: 50%;
|
||||
padding:32px 20px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 992px) {
|
||||
.homepage-hero-slide-image {
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.homepage-hero-slide-content {
|
||||
width: 60%;
|
||||
padding:48px;
|
||||
}
|
||||
|
||||
.homepage-hero-slide-headline {
|
||||
font-size: 32px;
|
||||
line-height: 36px;
|
||||
}
|
||||
|
||||
.homepage-hero-slide-subheadline {
|
||||
font-size:18px;
|
||||
line-height:20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1200px) {
|
||||
|
||||
.homepage-hero-slide-headline {
|
||||
font-size: 40px;
|
||||
line-height: 48px;
|
||||
}
|
||||
}
|
||||
|
||||
._1ycOA {
|
||||
cursor: pointer;
|
||||
fill: #292824;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border-radius: 50%;
|
||||
background: #fff;
|
||||
box-shadow: 0 0 1px rgba(66, 71, 76, 0.45), 0 2px 1px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
._left:before,
|
||||
._right:before {
|
||||
font-size: 30px;
|
||||
background: black;
|
||||
color: white;
|
||||
border-radius: 50%;
|
||||
font-style: normal;
|
||||
font-feature-settings: normal;
|
||||
font-variant: normal;
|
||||
text-rendering: auto;
|
||||
line-height: 1;
|
||||
font-family: Font awesome\5 Pro;
|
||||
font-weight: 900;
|
||||
margin-bottom: 0;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
._left,
|
||||
._right {
|
||||
top: 50%;
|
||||
z-index: 1000;
|
||||
position: absolute;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
transform: translate(0, -50%);
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
}
|
||||
|
||||
._right {
|
||||
right: 2%;
|
||||
}
|
||||
|
||||
._left {
|
||||
left: 2%;
|
||||
}
|
||||
</style>
|
||||
@ -1,4 +1,4 @@
|
||||
<div class="sidebar-content-block login-register-block">
|
||||
<div class="login-register-block np-hidden-mobile">
|
||||
{% if current_person.signed_in? %}
|
||||
<div class="welcome-block">
|
||||
<p class="welcome-block-header">Welcome {{current_person.first_name}}!</p>
|
||||
@ -51,6 +51,19 @@
|
||||
|
||||
<style>
|
||||
|
||||
.login-register-block {
|
||||
background: #f3f3f3;
|
||||
padding: 32px;
|
||||
color: #212121;
|
||||
display: block;
|
||||
margin-bottom: 32px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.login-register-block .np-input {
|
||||
background:#fff;
|
||||
}
|
||||
|
||||
.homepage-login-form {
|
||||
width:auto;
|
||||
margin-bottom:32px;
|
||||
@ -1,10 +1,8 @@
|
||||
|
||||
<div class="videos-header">Video Spotlight</div>
|
||||
<div class="main-slider homepage-video-carousel" id="main-slider">
|
||||
<div class="video-slide"
|
||||
>
|
||||
<div class="example-dialog-trigger carousel-slide-trigger"
|
||||
>
|
||||
{% comment %} <div class="video-slide">
|
||||
<div class="carousel-slide-trigger">
|
||||
<div class="thumbnail-wrapper">
|
||||
<video width="320" height="240" controls>
|
||||
<source src="https://s3.amazonaws.com/static.northpass.com/J%26J/video-embed-test_delete_later.mp4" type="video/mp4">
|
||||
@ -17,10 +15,9 @@
|
||||
<div class="img-caption-description">Nulla quis lorem ut libero malesuada feugiat. Proin eget tortor risus. Vivamus suscipit tortor eget felis porttitor volutpat. Pellentesque in ipsum id orci porta dapibus.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="video-slide">
|
||||
<div class="example-dialog-trigger"
|
||||
>
|
||||
</div> {% endcomment %}
|
||||
{% comment %} <div class="video-slide">
|
||||
<div class="carousel-slide-trigger">
|
||||
<div class="thumbnail-wrapper">
|
||||
<video width="320" height="240" controls>
|
||||
<source src="https://s3.amazonaws.com/static.northpass.com/J%26J/video-embed-test_delete_later.mp4" type="video/mp4">
|
||||
@ -32,29 +29,45 @@
|
||||
<div class="img-caption-description">Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus suscipit tortor eget felis porttitor volutpat. Quisque velit nisi, pretium ut lacinia in, elementum id enim.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {% endcomment %}
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
$('#main-slider').slick({
|
||||
$(document).ready(function() {
|
||||
|
||||
const videoInfo = {{current_school.properties.video_carousel}}
|
||||
|
||||
if (videoInfo.length > 0) {
|
||||
$('#main-slider').slick({
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
autoplay: true,
|
||||
//autoplay: true,
|
||||
autoplaySpeed: 3000,
|
||||
dots: true,
|
||||
infinite: true,
|
||||
arrows: false
|
||||
});
|
||||
arrows: false,
|
||||
gutter: 8,
|
||||
});
|
||||
|
||||
videoInfo.forEach(function(video) {
|
||||
|
||||
const videoSlide = $(`<div class='video-slide'><div class='carousel-slide-trigger'><div class='thumbnail-wrapper'><video width='320' height='240' controls><source src='${video.video_url}' type='video/mp4'>Your browser does not support the video tag.</video></div><div class="img-caption"><div class="img-caption-title">${video.video_title}</div><div class="img-caption-description">${video.video_description}</div></div></div></div>`)
|
||||
|
||||
$('#main-slider').slick("slickAdd", videoSlide);
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
.videos-header {
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
margin-bottom:24px;
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
margin-bottom:16px;
|
||||
}
|
||||
|
||||
.homepage-video-carousel {
|
||||
@ -78,23 +91,23 @@ $('#main-slider').slick({
|
||||
}
|
||||
|
||||
.img-caption {
|
||||
background: #63666a;
|
||||
color:#fff;
|
||||
padding: 16px 32px;
|
||||
text-align: center;
|
||||
background: #f3f3f3;
|
||||
color: #212121;
|
||||
padding: 16px;
|
||||
margin-top: -6px;
|
||||
|
||||
flex:1;
|
||||
}
|
||||
|
||||
.img-caption-title {
|
||||
font-size: 22px;
|
||||
font-weight: 700;
|
||||
line-height: 28px;
|
||||
margin-bottom: 8px;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
line-height: 26px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.carousel-slide-trigger {
|
||||
display: inline-block;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
@ -110,7 +123,7 @@ $('#main-slider').slick({
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.slick-dots li {
|
||||
.slick-dots li {
|
||||
margin: 0 0.25rem;
|
||||
}
|
||||
|
||||
@ -118,8 +131,7 @@ $('#main-slider').slick({
|
||||
display: block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
padding: 0;
|
||||
|
||||
padding: 0;
|
||||
border: none;
|
||||
border-radius: 100%;
|
||||
background-color: transparent;
|
||||
@ -136,5 +148,21 @@ $('#main-slider').slick({
|
||||
height: auto;
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
.videos-header {
|
||||
font-size: 20px;
|
||||
margin-bottom:24px;
|
||||
}
|
||||
|
||||
.img-caption {
|
||||
padding: 16px 32px;
|
||||
}
|
||||
|
||||
.img-caption-title {
|
||||
font-size: 22px;
|
||||
line-height: 28px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
@ -4,12 +4,13 @@
|
||||
<div class="color-layer"></div>
|
||||
<div class="col-xs-12 col-sm-9 col-md-6" style="margin:auto;">
|
||||
<div class="subpage-intro-content-wrapper">
|
||||
<div class="subpage-intro-title">All Topics</div>
|
||||
<div class="subpage-intro-divider"></div>
|
||||
<div class="subpage-intro-subtitle">Nulla porttitor accumsan tincidunt. Donec rutrum congue leo eget malesuada. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Nulla porttitor accumsan tincidunt.</div>
|
||||
<div class="subpage-intro-title">{{catalog.headline}}</div>
|
||||
<div class="subpage-intro-divider"></div>
|
||||
<div class="subpage-intro-subtitle">{{catalog.subheadline}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-disclaimer np-subpage-container">The content you access on this website is intended for Healthcare Professionals practicing in the U.S. and is consistent with U.S. labeling.</div>
|
||||
<main class="np-main np-catalog np-subpage-container np-max-width">
|
||||
|
||||
<div class="row np-flex-center">
|
||||
@ -18,12 +19,6 @@
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 col-sm-9">
|
||||
{% comment %} <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>
|
||||
</div> {% endcomment %}
|
||||
{% include "courses_catalog" %}
|
||||
</div>
|
||||
</div>
|
||||
@ -33,15 +28,15 @@
|
||||
<style>
|
||||
.subpage-intro {
|
||||
position:relative;
|
||||
background: url(https://s3.amazonaws.com/static.northpass.com/J%26J/white_beard_eye_exam.jpg);
|
||||
background: url(https://s3.amazonaws.com/static.northpass.com/J%26J/homepage_banner_all_content.jpg);
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
padding: 64px 0;
|
||||
padding: 64px 16px;
|
||||
}
|
||||
|
||||
.color-layer {
|
||||
background-color: rgba(51, 51, 51, 0.7);
|
||||
background-color: rgba(51, 51, 51, 0.5);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
@ -53,11 +48,12 @@
|
||||
text-align:center;
|
||||
color: #fff;
|
||||
position: relative;
|
||||
font-size: 20px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.subpage-intro-title {
|
||||
font-size: 50px;
|
||||
font-size: 32px;
|
||||
line-height: normal;
|
||||
text-transform: uppercase;
|
||||
font-weight: 900;
|
||||
}
|
||||
@ -72,6 +68,19 @@
|
||||
.category-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
.subpage-intro {
|
||||
min-height:400px;
|
||||
}
|
||||
.subpage-intro-content-wrapper {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.subpage-intro-title {
|
||||
font-size: 50px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
@ -5,14 +5,15 @@
|
||||
<div class="row subpage-intro">
|
||||
<div class="color-layer"></div>
|
||||
<div class="col-xs-12 col-sm-9 col-md-6" style="margin:auto;">
|
||||
<div class="subpage-intro-content-wrapper">
|
||||
<div class="subpage-intro-title">My Topics</div>
|
||||
<div class="subpage-intro-divider"></div>
|
||||
<div class="subpage-intro-subtitle">Nulla porttitor accumsan tincidunt. Donec rutrum congue leo eget malesuada. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Nulla porttitor accumsan tincidunt.</div>
|
||||
<div class="subpage-intro-content-wrapper">
|
||||
<div class="subpage-intro-title">My Topics</div>
|
||||
<div class="subpage-intro-divider"></div>
|
||||
<div class="subpage-intro-subtitle">Explore content curated for you based on your role and specialty. Looking for more? Access our Content Library to see all available topics.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content-disclaimer np-subpage-container">The content you access on this website is intended for Healthcare Professionals practicing in the U.S. and is consistent with U.S. labeling.</div>
|
||||
<main class="np-main np-dashboard np-subpage-container np-max-width">
|
||||
<div class="row np-flex-center">
|
||||
<div class="col-xs-12 col-sm-8">
|
||||
@ -30,7 +31,6 @@
|
||||
{% if features.training_events? %}
|
||||
<div class="np-grid-spacing col-xs-12 col-sm-4">
|
||||
<div class="np-dashboard-resources-title">
|
||||
{% comment %} {% t .upcoming_events %} {% endcomment %}
|
||||
Saved Events
|
||||
</div>
|
||||
{% include "training_events_dashboard" %}
|
||||
@ -42,12 +42,12 @@
|
||||
|
||||
<style>
|
||||
.subpage-intro {
|
||||
position:relative;
|
||||
background: url(https://s3.amazonaws.com/static.northpass.com/J%26J/white_beard_eye_exam.jpg);
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
padding: 64px 0;
|
||||
position:relative;
|
||||
background: url(https://s3.amazonaws.com/static.northpass.com/J%26J/homepage_banner_my_topics.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
padding: 64px 16px;
|
||||
}
|
||||
|
||||
.color-layer {
|
||||
@ -60,16 +60,17 @@
|
||||
}
|
||||
|
||||
.subpage-intro-content-wrapper {
|
||||
text-align:center;
|
||||
color: #fff;
|
||||
position: relative;
|
||||
font-size: 20px;
|
||||
text-align:center;
|
||||
color: #fff;
|
||||
position: relative;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.subpage-intro-title {
|
||||
font-size: 50px;
|
||||
text-transform: uppercase;
|
||||
font-weight: 900;
|
||||
font-size: 32px;
|
||||
line-height: normal;
|
||||
text-transform: uppercase;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.subpage-intro-divider {
|
||||
@ -84,4 +85,17 @@
|
||||
line-height:18px;
|
||||
color:#212121;
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
.subpage-intro {
|
||||
min-height:400px;
|
||||
}
|
||||
.subpage-intro-content-wrapper {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.subpage-intro-title {
|
||||
font-size: 50px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -7,7 +7,7 @@
|
||||
|
||||
<div class="np-subpage-container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-6 col-lg-7">
|
||||
<div class="col-12 col-lg-6 col-xl-7">
|
||||
<div class="homepage-intro">
|
||||
<div class="homepage-intro-headline np-header-font-color">
|
||||
{{ homepage.featured_courses_headline }}
|
||||
@ -22,84 +22,19 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="row homepage-cards">
|
||||
{% if current_person.signed_in? %}
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<a class="np-card" href="/app/training_events">
|
||||
<div class="category-card-container">
|
||||
<img
|
||||
class="np-categories-image"
|
||||
alt="Podcasts"
|
||||
src="https://s3.amazonaws.com/static.northpass.com/J%26J/conference-audience.jpg"
|
||||
>
|
||||
</div>
|
||||
<div class="np-categories-content np-categories-content-vertical np-card-padding course-card-content" style='padding: 1.5rem;'>
|
||||
<p class="homepage-card-title">Professional Events</p>
|
||||
<p class="homepage-card-desc">Click here to register for upcoming events.</p>
|
||||
<div class="arrow-icon"><i class="fal fa-long-arrow-right"></i></div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<div class="np-card">
|
||||
<div class="category-card-container">
|
||||
<img
|
||||
class="np-categories-image"
|
||||
src="https://s3.amazonaws.com/static.northpass.com/J%26J/conference-audience.jpg"
|
||||
>
|
||||
</div>
|
||||
<div class="np-categories-content np-categories-content-vertical np-card-padding course-card-content" style='padding: 1.5rem;'>
|
||||
<p class="homepage-card-title">Professional Events</p>
|
||||
<p class="homepage-card-desc">Register today and get access to upcoming profressional events.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<a class="np-card" href="/app/catalog">
|
||||
<div class="category-card-container">
|
||||
<img
|
||||
class="np-categories-image"
|
||||
alt="Podcasts"
|
||||
src="https://s3.amazonaws.com/static.northpass.com/J%26J/JNJ4.png"
|
||||
>
|
||||
</div>
|
||||
<div class="np-categories-content np-categories-content-vertical np-card-padding course-card-content" style='padding: 1.5rem;'>
|
||||
<p class="homepage-card-title">Explore All Content</p>
|
||||
<p class="homepage-card-desc">Discover all available topics</p>
|
||||
<div class="arrow-icon"><i class="fal fa-long-arrow-right"></i></div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<a class="np-card" href="/app/catalog?category=productinformation">
|
||||
<div class="category-card-container">
|
||||
<img
|
||||
class="np-categories-image"
|
||||
alt="Podcasts"
|
||||
src="https://s3.amazonaws.com/static.northpass.com/J%26J/white_beard_eye_exam.jpg"
|
||||
>
|
||||
</div>
|
||||
<div class="np-categories-content np-categories-content-vertical np-card-padding course-card-content" style='padding: 1.5rem;'>
|
||||
<p class="homepage-card-title">Product Information</p>
|
||||
{% comment %} <p class="homepage-card-desc"></p> {% endcomment %}
|
||||
<div class="arrow-icon"><i class="fal fa-long-arrow-right"></i></div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{% if current_person.signed_in? %}
|
||||
{% if current_person.signed_in? %}
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<a class="np-card" href="/app/dashboard">
|
||||
<div class="category-card-container">
|
||||
<img
|
||||
class="np-categories-image"
|
||||
alt="Podcasts"
|
||||
src="https://s3.amazonaws.com/static.northpass.com/J%26J/couple_ipad_podcast.jpg"
|
||||
src="https://s3.amazonaws.com/static.northpass.com/J%26J/homepage_card_my_topics.png"
|
||||
>
|
||||
</div>
|
||||
<div class="np-categories-content np-categories-content-vertical np-card-padding course-card-content" style='padding: 1.5rem;'>
|
||||
<p class="homepage-card-title">My Topics</p>
|
||||
<p class="homepage-card-desc">Tailored content based on your area of expertise</p>
|
||||
<p class="homepage-card-desc">Access tailored content based on your specialty.</p>
|
||||
<div class="arrow-icon"><i class="fal fa-long-arrow-right"></i></div>
|
||||
</div>
|
||||
</a>
|
||||
@ -112,29 +47,96 @@
|
||||
<img
|
||||
class="np-categories-image"
|
||||
alt="Podcasts"
|
||||
src="https://s3.amazonaws.com/static.northpass.com/J%26J/couple_ipad_podcast.jpg"
|
||||
src="https://s3.amazonaws.com/static.northpass.com/J%26J/homepage_card_my_topics.png"
|
||||
>
|
||||
</div>
|
||||
<div class="np-categories-content np-categories-content-vertical np-card-padding course-card-content" style='padding: 1.5rem;'>
|
||||
<p class="homepage-card-title">My Topics</p>
|
||||
<p class="homepage-card-desc">Tailored content based on your area of expertise</p>
|
||||
<p class="homepage-card-desc">Access tailored content based on your specialty.</p>
|
||||
<div class="arrow-icon" style="visibility:hidden;"><i class="fal fa-long-arrow-right"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{% comment %} {% include "homepage_category_cards", class: "col-xs-12 col-sm-6" %} {% endcomment %}
|
||||
</div>
|
||||
<div class="col-0 col-lg-1"></div>
|
||||
<div class="col-12 col-md-6 col-lg-4">
|
||||
{% include "homepage_login_registration" %}
|
||||
<a href="https://app.smartsheet.com/b/form/36c0f66e21ff4bf8b833bb4bbbf0b635" class="sidebar-content-block contact-block" target="_blank">
|
||||
<p class="sidebar-header">Contact Us </p>
|
||||
{% if current_person.signed_in? %}
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<a class="np-card" href="/app/training_events">
|
||||
<div class="category-card-container">
|
||||
<img
|
||||
class="np-categories-image"
|
||||
src="https://s3.amazonaws.com/static.northpass.com/J%26J/homepage_card_professional_events.jpg"
|
||||
>
|
||||
</div>
|
||||
<div class="np-categories-content np-categories-content-vertical np-card-padding course-card-content" style='padding: 1.5rem;'>
|
||||
<p class="homepage-card-title">Professional Events</p>
|
||||
<p class="homepage-card-desc">We welcome you to join us at Professional Education opportunities across
|
||||
the US and near you.</p>
|
||||
<div class="arrow-icon"><i class="fal fa-long-arrow-right"></i></div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<div class="np-card">
|
||||
<div class="category-card-container">
|
||||
<img
|
||||
class="np-categories-image"
|
||||
src="https://s3.amazonaws.com/static.northpass.com/J%26J/homepage_card_professional_events.jpg"
|
||||
>
|
||||
</div>
|
||||
<div class="np-categories-content np-categories-content-vertical np-card-padding course-card-content" style='padding: 1.5rem;'>
|
||||
<p class="homepage-card-title">Professional Events</p>
|
||||
<p class="homepage-card-desc">We welcome you to join us at Professional Education opportunities across
|
||||
the US and near you.</p>
|
||||
<div class="arrow-icon" style="visibility:hidden;"><i class="fal fa-long-arrow-right"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<a class="np-card" href="/app/product-education">
|
||||
<div class="category-card-container">
|
||||
<img
|
||||
class="np-categories-image"
|
||||
alt="Podcasts"
|
||||
src="https://s3.amazonaws.com/static.northpass.com/J%26J/homepage_card_product_education.png"
|
||||
>
|
||||
</div>
|
||||
<div class="np-categories-content np-categories-content-vertical np-card-padding course-card-content" style='padding: 1.5rem;'>
|
||||
<p class="homepage-card-title">Product Education</p>
|
||||
<p class="homepage-card-desc">Videos, webinars, and education programs to improve your knowledge of
|
||||
Johnson and Johnson technologies.</p>
|
||||
<div class="arrow-icon"><i class="fal fa-long-arrow-right"></i></div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<a class="np-card" href="/app/catalog">
|
||||
<div class="category-card-container">
|
||||
<img
|
||||
class="np-categories-image"
|
||||
alt="Podcasts"
|
||||
src="https://s3.amazonaws.com/static.northpass.com/J%26J/homepage_card_all_content.jpg"
|
||||
>
|
||||
</div>
|
||||
<div class="np-categories-content np-categories-content-vertical np-card-padding course-card-content" style='padding: 1.5rem;'>
|
||||
<p class="homepage-card-title">Content Library</p>
|
||||
<p class="homepage-card-desc">Discover all available topics</p>
|
||||
<div class="arrow-icon"><i class="fal fa-long-arrow-right"></i></div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-1 offset-col"></div>
|
||||
<div class="col-12 col-lg-6 col-xl-4">
|
||||
{% include "homepage_login_registration" %}
|
||||
<a href="https://app.smartsheet.com/b/form/14620ecccc25470080b794a7ce33b983" class="contact-block" target="_blank">
|
||||
<p class="sidebar-header">Contact Us </p>
|
||||
<div class="sidebar-desc">Click here to contact us for more information <i class=" arrow-icon fal fa-long-arrow-right"></i></div>
|
||||
{% comment %} <div class="arrow-icon"><i class="fal fa-long-arrow-right"></i></div> {% endcomment %}
|
||||
</a>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -143,16 +145,85 @@
|
||||
{% include "footer" %}
|
||||
|
||||
<style>
|
||||
.sidebar-content-block,
|
||||
.sidebar-content-block:hover {
|
||||
|
||||
.np-homepage .np-subpage-container {
|
||||
padding: 40px 24px 0;
|
||||
max-width: 1440px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.offset-col {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.homepage-intro {
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.homepage-intro-headline {
|
||||
font-size: 28px;
|
||||
line-height:36px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.homepage-intro-subheadline {
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.contact-block,
|
||||
.contact-block:hover {
|
||||
background: #f3f3f3;
|
||||
padding: 32px;
|
||||
color: #212121;
|
||||
display: block;
|
||||
margin-bottom:32px;
|
||||
text-decoration: none;
|
||||
margin-bottom: 32px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.contact-block .contact-block-header {
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.contact-block .arrow-icon {
|
||||
margin-top: 0!important;
|
||||
position: relative;
|
||||
top: 5px;
|
||||
left: 5px;
|
||||
color: #009999;
|
||||
font-size: 32px;
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
.np-homepage .np-subpage-container {
|
||||
padding: 80px 24px 0;
|
||||
}
|
||||
|
||||
.homepage-intro-headline {
|
||||
font-size: 36px;
|
||||
line-height:42px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.homepage-intro-subheadline {
|
||||
font-size: 18px;
|
||||
line-height: 26px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width:1200px) {
|
||||
.offset-col {
|
||||
display:flex;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.sidebar-header,
|
||||
.welcome-block-header,
|
||||
.block-header {
|
||||
@ -160,25 +231,6 @@
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.sidebar-content-block .arrow-icon {
|
||||
text-align: right;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.sidebar-content-block .arrow-icon .fa-long-arrow-right,
|
||||
.sidebar-desc .arrow-icon {
|
||||
color: #009999;
|
||||
font-size: 32px;
|
||||
|
||||
}
|
||||
|
||||
.sidebar-desc .arrow-icon {
|
||||
margin-top: 0!important;
|
||||
position: relative;
|
||||
top: 5px;
|
||||
left: 5px;
|
||||
}
|
||||
|
||||
.homepage-cards .np-card {
|
||||
padding:0 0 32px;
|
||||
display: flex;
|
||||
@ -189,7 +241,7 @@
|
||||
.category-card-container {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
height: 200px;
|
||||
height: 250px;
|
||||
}
|
||||
|
||||
.category-card-container img {
|
||||
@ -235,6 +287,8 @@ p.homepage-card-title {
|
||||
|
||||
p.homepage-card-desc {
|
||||
line-height:normal;
|
||||
font-size:16px;
|
||||
flex:1;
|
||||
}
|
||||
|
||||
|
||||
@ -0,0 +1,81 @@
|
||||
{% include "header" %}
|
||||
|
||||
<div class="row subpage-intro">
|
||||
<div class="color-layer"></div>
|
||||
<div class="col-xs-12 col-sm-9 col-md-6" style="margin:auto;">
|
||||
<div class="subpage-intro-content-wrapper">
|
||||
<div class="subpage-intro-title">{{custom_page.headline}}</div>
|
||||
<div class="subpage-intro-divider"></div>
|
||||
<div class="subpage-intro-subtitle">{{custom_page.subheadline}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-disclaimer np-subpage-container">The content you access on this website is intended for Healthcare Professionals practicing in the U.S. and is consistent with U.S. labeling.</div>
|
||||
|
||||
<main class="np-main np-catalog np-subpage-container np-max-width">
|
||||
|
||||
<div class="row np-flex-center">
|
||||
<div class="col-xs-12 col-sm-3">
|
||||
{% include 'category_filter_sidebar' %}
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 col-sm-9">
|
||||
{% include "courses_catalog" %}
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
|
||||
<style>
|
||||
.subpage-intro {
|
||||
position:relative;
|
||||
background: url(https://s3.amazonaws.com/static.northpass.com/J%26J/homepage_banner_product_education.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
padding: 64px 16px;
|
||||
}
|
||||
|
||||
.color-layer {
|
||||
background-color: rgba(51, 51, 51, 0.7);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.subpage-intro-content-wrapper {
|
||||
text-align:center;
|
||||
color: #fff;
|
||||
position: relative;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.subpage-intro-title {
|
||||
font-size: 32px;
|
||||
line-height: normal;
|
||||
text-transform: uppercase;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.subpage-intro-divider {
|
||||
height: 5px;
|
||||
margin: 16px auto;
|
||||
width:100px;
|
||||
background-color:#cc0033;
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
.subpage-intro {
|
||||
min-height:400px;
|
||||
}
|
||||
.subpage-intro-content-wrapper {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.subpage-intro-title {
|
||||
font-size: 50px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -109,6 +109,8 @@
|
||||
<select id="roleSelect">
|
||||
<option value="" selected>Select your role</option>
|
||||
<option value="Ophthalmologist">Ophthalmologist</option>
|
||||
<option value="Resident">Resident</option>
|
||||
<option value="Fellow">Fellow</option>
|
||||
<option value="Optometrist">Optometrist</option>
|
||||
<option value="Technician">Technician</option>
|
||||
<option value="Nurse">Nurse</option>
|
||||
@ -2,7 +2,9 @@
|
||||
<div class="np-box">
|
||||
{% include "header_minimal" %}
|
||||
<div class="np-box-content-container">
|
||||
|
||||
<form class="np-form np-box-content" action="{% route sign_up %}" method="post" novalidate>
|
||||
<span class="np-form-terms">Use of this site constitutes your consent to the application of such laws and regulations and to our <a class="np-button-color" href="https://jnjinstitute.com/en-us/privacy-policy" target="_blank">Privacy Policy</a>. Your use of the information on this site is subject to the terms of our <a href="{{ current_school.terms_of_service_url }}" class="np-button-color" target="_blank">Terms of Use</a>.</span>
|
||||
<div class="np-form-title"> {% t .create_account %} </div>
|
||||
{% form_authenticity_token %}
|
||||
<div class="np-form-flex-desktop">
|
||||
@ -73,13 +75,22 @@
|
||||
</a>
|
||||
</span> {% endcomment %}
|
||||
<div class="err-required" style="display:none;">Please complete all required fields.</div>
|
||||
<span class="np-form-terms">Use of this site constitutes your consent to the application of such laws and regulations and to our <a class="np-button-color" href="https://jnjinstitute.com/en-us/privacy-policy" target="_blank">Privacy Policy</a> and <a href="https://jnjinstitute.com/en-us/cookie-policy" class="np-button-color" target="_blank">Cookie Policy</a>. Your use of the information on this site is subject to the terms of our <a href="{{ current_school.terms_of_service_url }}" class="np-button-color" target="_blank">Terms of Use</a>.</span>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<style>
|
||||
|
||||
.np-box-content-container {
|
||||
margin-top:0;
|
||||
padding-top:0;
|
||||
}
|
||||
|
||||
.np-form-terms {
|
||||
text-align:left;
|
||||
}
|
||||
/* Customize the label (the container) */
|
||||
.checkbox-container {
|
||||
display: block;
|
||||
@ -163,6 +174,12 @@
|
||||
margin-top:12px;
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
.np-box-header {
|
||||
height:130px;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<script>
|
||||
@ -65,6 +65,12 @@ body {
|
||||
font-family: "PlusJakartaSans", sans-serif;
|
||||
}
|
||||
|
||||
.content-disclaimer.np-subpage-container {
|
||||
padding-top:16px;
|
||||
padding-bottom:0;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.np-subpage-container {
|
||||
padding: 80px 24px 0;
|
||||
max-width: 1440px;
|
||||
@ -77,53 +83,6 @@ body {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* HEADER */
|
||||
|
||||
.np-header-desktop-nav-link {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.np-header-desktop-nav-item.np-sub-navigation-content-item-active {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
.np-header {
|
||||
height: auto;
|
||||
padding: 12px 4%;
|
||||
}
|
||||
|
||||
.np-header-logo {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.np-header-desktop-nav-list {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* HOMEPAGE */
|
||||
.np-homepage .np-subpage-container {
|
||||
padding: 80px 24px 0;
|
||||
max-width: 1440px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.homepage-intro {
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.homepage-intro-headline {
|
||||
font-size: 36px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.homepage-intro-subheadline {
|
||||
font-size: 18px;
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
.np-card-content-title {
|
||||
shadow: 0 !important;
|
||||
}
|
||||
@ -202,105 +161,6 @@ body {
|
||||
2.0 - PAGE SPECIFIC STYLING
|
||||
*/
|
||||
|
||||
/*
|
||||
2.1 - HOMEPAGE
|
||||
*/
|
||||
.np-homepage-hero-image {
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.np-homepage-hero-content {
|
||||
padding: 2.25rem 2.5rem;
|
||||
bottom: 0;
|
||||
}
|
||||
.np-homepage-featured-text {
|
||||
padding: 0 2rem 2rem;
|
||||
}
|
||||
.np-homepage-featured {
|
||||
margin-top: 4rem;
|
||||
}
|
||||
.np-homepage-featured .np-homepage-headline,
|
||||
.np-homepage-featured .np-homepage-subheadline {
|
||||
color: #4f4f4f;
|
||||
}
|
||||
|
||||
.np-homepage-hero .np-homepage-headline {
|
||||
font-size: 32px;
|
||||
line-height: 48px;
|
||||
}
|
||||
.np-homepage-featured .np-homepage-subheadline {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.np-homepage-hero-cta,
|
||||
.np-button.np-homepage-hero-cta {
|
||||
margin-top: 1.5rem;
|
||||
background: rgba(0, 37, 50, 0.5);
|
||||
text-transform: uppercase;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
.np-homepage-featured-text {
|
||||
padding: 0 4rem 2rem;
|
||||
}
|
||||
.np-homepage-hero-image {
|
||||
height: auto;
|
||||
max-height: 475px;
|
||||
}
|
||||
.np-homepage-hero-content {
|
||||
padding: 5rem 4rem 5rem;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.np-homepage-hero-cta,
|
||||
.np-button.np-homepage-hero-cta {
|
||||
margin-top: 2.25rem;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.np-homepage-hero .np-homepage-headline {
|
||||
font-size: 36px;
|
||||
line-height: 45px;
|
||||
}
|
||||
.np-homepage-hero .np-homepage-subheadline {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
}
|
||||
.np-button {
|
||||
font-size: 0.875rem;
|
||||
height: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 992px) {
|
||||
.np-homepage-hero-image {
|
||||
max-height: 475px;
|
||||
}
|
||||
.np-homepage-hero-content {
|
||||
bottom: auto;
|
||||
}
|
||||
|
||||
.np-homepage-hero .np-homepage-headline {
|
||||
font-size: 58px;
|
||||
line-height: 72px;
|
||||
}
|
||||
.np-homepage-hero .np-homepage-subheadline {
|
||||
font-size: 24px;
|
||||
line-height: 32px;
|
||||
}
|
||||
.np-homepage-featured {
|
||||
margin-top: 6.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1200px) {
|
||||
.np-homepage-hero .np-homepage-headline {
|
||||
font-size: 66px;
|
||||
line-height: 82px;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
2.4 - COURSE COVER PAGE
|
||||
*/
|
||||
@ -715,106 +575,13 @@ button.jryxug {
|
||||
}
|
||||
|
||||
/*
|
||||
3.13 - CAROUSEL - GLOBAL STYLES
|
||||
CAROUSEL - GLOBAL STYLES
|
||||
*/
|
||||
|
||||
.np-carousel {
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
.np-carousel-bg-blue {
|
||||
background: #555269;
|
||||
}
|
||||
.np-carousel .slick-track {
|
||||
display: flex;
|
||||
}
|
||||
.np-carousel .slick-slide {
|
||||
height: auto;
|
||||
.slick-track {
|
||||
display: flex !important;
|
||||
}
|
||||
|
||||
.np-carousel .slick-arrow {
|
||||
color: #006161;
|
||||
font-size: 2.5rem;
|
||||
opacity: 1;
|
||||
transition: opacity 0.2s;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.np-carousel .slick-arrow:before {
|
||||
position: absolute;
|
||||
width: 80px;
|
||||
z-index: 500;
|
||||
display: flex;
|
||||
height: 100%;
|
||||
align-items: center;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.np-carousel .slick-arrow.fa-chevron-left {
|
||||
left: -8px;
|
||||
}
|
||||
|
||||
.np-carousel .slick-arrow.fa-chevron-right {
|
||||
right: -8px;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.np-carousel .slick-arrow.fa-chevron-left:before {
|
||||
background: linear-gradient(90deg, #00283d 36.11%, rgba(0, 37, 50, 0) 100%);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.np-carousel .slick-arrow.fa-chevron-right:before {
|
||||
background: linear-gradient(270deg, #00283d 36.11%, rgba(0, 37, 50, 0) 100%);
|
||||
justify-content: flex-end;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.np-carousel .slick-arrow.slick-disabled {
|
||||
opacity: 0;
|
||||
cursor: text;
|
||||
}
|
||||
.np-carousel-card .np-card {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.np-carousel .slick-dots {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 0;
|
||||
margin: 0 auto;
|
||||
max-width: 200px;
|
||||
}
|
||||
.np-carousel .slick-dots li button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.np-carousel .slick-dots li::marker {
|
||||
color: #2bb24c;
|
||||
font-size: 1.7rem;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.np-carousel .slick-track {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.np-carousel .slick-arrow.fa-chevron-right:before {
|
||||
background: linear-gradient(
|
||||
270deg,
|
||||
#00283d 36.11%,
|
||||
rgba(0, 37, 50, 0) 100%
|
||||
);
|
||||
}
|
||||
|
||||
.np-carousel .slick-arrow.fa-chevron-left:before {
|
||||
background: linear-gradient(90deg, #00283d 36.11%, rgba(0, 37, 50, 0) 100%);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
.np-carousel .slick-arrow:before {
|
||||
width: 100px;
|
||||
}
|
||||
.slick-slide {
|
||||
height: inherit !important;
|
||||
}
|
||||
@ -6,22 +6,13 @@
|
||||
<div class="subpage-intro-content-wrapper">
|
||||
<div class="subpage-intro-title">Professional Events</div>
|
||||
<div class="subpage-intro-divider"></div>
|
||||
<div class="subpage-intro-subtitle">Nulla porttitor accumsan tincidunt. Donec rutrum congue leo eget malesuada. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Nulla porttitor accumsan tincidunt.</div>
|
||||
<div class="subpage-intro-subtitle">Join us in learning, connecting, and sharing knowledge at one of our symposiums or virtual events.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<main class="np-main np-training-events np-subpage-container np-max-width">
|
||||
<div class="row">
|
||||
{% comment %} <div class="col-xs-12 col-sm-10">
|
||||
<div class="np-resource-title">
|
||||
Professional Events
|
||||
</div>
|
||||
<div class="np-resource-subtitle">
|
||||
Discover in-person and online events
|
||||
|
||||
</div>
|
||||
</div> {% endcomment %}
|
||||
<div class="col-xs-12 col-sm-2">
|
||||
{% include "training_events_filter" %}
|
||||
</div>
|
||||
@ -33,11 +24,11 @@
|
||||
<style>
|
||||
.subpage-intro {
|
||||
position:relative;
|
||||
background: url(https://s3.amazonaws.com/static.northpass.com/J%26J/conference-audience.jpg);
|
||||
background: url(https://s3.amazonaws.com/static.northpass.com/J%26J/homepage_banner_professional_events.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
padding: 64px 0;
|
||||
padding: 64px 16px;
|
||||
}
|
||||
|
||||
.color-layer {
|
||||
@ -53,11 +44,12 @@
|
||||
text-align:center;
|
||||
color: #fff;
|
||||
position: relative;
|
||||
font-size: 20px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.subpage-intro-title {
|
||||
font-size: 50px;
|
||||
font-size: 32px;
|
||||
line-height: normal;
|
||||
text-transform: uppercase;
|
||||
font-weight: 900;
|
||||
}
|
||||
@ -68,4 +60,17 @@
|
||||
width:100px;
|
||||
background-color:#cc0033;
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
.subpage-intro {
|
||||
min-height:400px;
|
||||
}
|
||||
.subpage-intro-content-wrapper {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.subpage-intro-title {
|
||||
font-size: 50px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,146 +0,0 @@
|
||||
<div class="footer-terms">
|
||||
<hr />
|
||||
<p>Please see our <a href="https://jnjinstitute.com/en-us/privacy-policy" target="_blank">Privacy Policy</a> and <a href="https://jnjinstitute.com/en-us/cookie-policy" target="_blank">Cookie Policy</a>. Use of this site constitutes your consent to the application of such laws and regulations and to our Privacy Policy and Cookie Policy. Your use of the information on this site is subject to the terms of our <a href="https://jnjinstitute.com/en-us/terms-of-use" target="_blank">Terms of Use</a>. <a href="mailto:JnJInstitute@its.jnj.com" target="_blank">Contact Us</a> with any questions or search this site for more information.</p>
|
||||
|
||||
<p>This website is published by Johnson & Johnson Services, Inc., which is solely responsible for its content. This website is intended for visitors in North America, EMEA, Latin America and Asia Pacific. Third party trademarks used herein are trademarks of their respective owners. Portions of this website are intended for visitors from certain geographical regions only and will be indicated as such.</p>
|
||||
|
||||
<p>The materials on this website are intended to provide information about products of the Johnson & Johnson Medical Devices Companies. Each product has its own labeling, which may include specific limitations relevant to the use of the product and which may vary from country to country. Please remember to check the local labeling of each product you plan to use to be aware of these limitations. If you have any questions on the use of these products, please contact your sales consultant.</p>
|
||||
|
||||
<p>This is a Healthcare Professional (HCP) educational website published by the Johnson & Johnson Institute, LLC which is solely responsible for its content. It is intended for all HCPs. Third party trademarks used herein are trademarks of their respective owners. You are solely responsible for your interactions on this website and we encourage you to review the Privacy Policy. HCPs are advised to consult their respective regulatory bodies, licensing authorities and program directors for program and product specific information and applicable industry associations and laws related to interactions between suppliers and HCPs. HCPs are responsible for complying with any specific hospital/entity requirements as well as their respective legal and regulatory requirements - which may affect participation in the programs offered. Products and/or procedures referenced in program materials may not be approved for sale in your location or the approval may differ from what is presented. Please check your local product labeling/instructions for use for the approved use. Program materials are not intended to be relied upon for medical or other advice.</p>
|
||||
|
||||
<p>093430-180612</p>
|
||||
</div>
|
||||
<footer class="np-footer">
|
||||
<div class="np-footer-top">
|
||||
{% if website_footer.show_navigation_links? %}
|
||||
<div class="np-footer-navigation"'>
|
||||
<ul class="np-footer-navigation-list">
|
||||
{% for website_navigation in navigations.footer_navigations %}
|
||||
{% if website_navigation.external? %}
|
||||
<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 %}
|
||||
style='color: white;opacity: 0.5;''
|
||||
>
|
||||
{{ website_navigation.name }}
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% 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 }}"
|
||||
/>
|
||||
</a>
|
||||
</h2>
|
||||
{% else %}
|
||||
<div class="np-school-name np-header-font-color">
|
||||
{{ current_school.name }}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div class="np-footer-bottom">
|
||||
<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 }}"
|
||||
>
|
||||
{% if social_media_link.name == 'linkedin' %}
|
||||
<i class="np-footer-social-links-icon
|
||||
fab fa-linkedin-in"
|
||||
></i>
|
||||
{% else %}
|
||||
<i class="np-footer-social-links-icon
|
||||
fab fa-{{ social_media_link.name }}"
|
||||
></i>
|
||||
{% endif %}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
</nav>
|
||||
<div class="copyright">All contents © Johnson & Johnson Services, Inc. 2022. All Rights Reserved.</div>
|
||||
|
||||
{% 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 }}"
|
||||
>
|
||||
{% comment %} {{ website_footer.school_customer_service_email }} {% endcomment %}
|
||||
support@northpass.com
|
||||
</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<style>
|
||||
.np-footer {
|
||||
background: #63666a !important;
|
||||
padding: 1rem 0;
|
||||
}
|
||||
.np-powered-by {
|
||||
background: #63666a !important;
|
||||
text-transform: uppercase !important;
|
||||
font-size: 12px !important;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.np-footer-logo-image {
|
||||
opacity:1;
|
||||
filter: brightness(0) invert(1);
|
||||
}
|
||||
|
||||
.np-footer-social-links-icon,
|
||||
.copyright {
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
.footer-terms {
|
||||
padding: 1rem 1.25rem;
|
||||
}
|
||||
|
||||
.footer-terms hr {
|
||||
margin-bottom:32px;
|
||||
}
|
||||
|
||||
.footer-terms a {
|
||||
color: #c03;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
@media (min-width:768px) {
|
||||
.np-footer, .footer-terms {
|
||||
padding: 1rem 4%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
$(".np-footer-navigation-link[href='https://change_to_mail.com'").attr("href", "mailto:support@northpass.com")
|
||||
</script>
|
||||
@ -1,70 +0,0 @@
|
||||
<div class="row homepage-cards">
|
||||
{% comment %} <div class="{{ class }}">
|
||||
<a class="np-card" href="/app/training_events">
|
||||
<div class="category-card-container">
|
||||
<img
|
||||
class="np-categories-image"
|
||||
alt="Podcasts"
|
||||
src="https://s3.amazonaws.com/static.northpass.com/J%26J/conference-audience.jpg"
|
||||
>
|
||||
</div>
|
||||
<div class="np-categories-content np-categories-content-vertical np-card-padding course-card-content" style='padding: 1.5rem;'>
|
||||
<p class="course-title-vision">Professional Events</p>
|
||||
<div class="arrow-icon"><i class="fal fa-long-arrow-right"></i></div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="{{ class }}">
|
||||
<a class="np-card" href="/app/catalog?filter%5Bcategory_uuid%5D%5Bin%5D%5B%5D=8cd4db9b-fdaf-4087-8352-b236c3e8d917">
|
||||
<div class="category-card-container">
|
||||
<img
|
||||
class="np-categories-image"
|
||||
alt="Product"
|
||||
src="https://s3.amazonaws.com/static.northpass.com/J%26J/JNJ4.png"
|
||||
>
|
||||
</div>
|
||||
<div class="np-categories-content np-categories-content-vertical np-card-padding course-card-content" style='padding: 1.5rem;'>
|
||||
<p class="course-title-vision">Johnson & Johnson Product Education</p>
|
||||
<div class="arrow-icon"><i class="fal fa-long-arrow-right"></i></div>
|
||||
</div>
|
||||
</a>
|
||||
</div> {% endcomment %}
|
||||
|
||||
<div class="{{ class }}" >
|
||||
<a class="np-card" href="/app/catalog?filter%5Bcategory_uuid%5D%5Bin%5D%5B%5D=2a228ad1-225d-47ac-af0f-153c2b2fd689">
|
||||
<div class="category-card-container">
|
||||
<img
|
||||
class="np-categories-image"
|
||||
alt="Product"
|
||||
src="https://s3.amazonaws.com/static.northpass.com/J%26J/couple_ipad_podcast.jpg"
|
||||
>
|
||||
</div>
|
||||
<div class="np-categories-content np-categories-content-vertical np-card-padding course-card-content" style='padding: 1.5rem;'>
|
||||
<p class="course-title-vision">Fine-Tuned Podcast Series</p>
|
||||
<div class="arrow-icon"><i class="fal fa-long-arrow-right"></i></div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="{{ class }}">
|
||||
<a class="np-card" href="/app/catalog?filter%5Bcategory_uuid%5D%5Bin%5D%5B%5D=bb277ccf-7358-44a2-b78d-a6c0bee83016" >
|
||||
<div class="category-card-container">
|
||||
<img
|
||||
class="np-categories-image"
|
||||
alt="Product"
|
||||
src="https://s3.amazonaws.com/static.northpass.com/J%26J/white_beard_eye_exam.jpg"
|
||||
>
|
||||
</div>
|
||||
<div class="np-categories-content np-categories-content-vertical np-card-padding course-card-content" style='padding: 1.5rem;'>
|
||||
<p class="course-title-vision">Challenging Cases Video Series</p>
|
||||
<div class="arrow-icon"><i class="fal fa-long-arrow-right"></i></div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
@ -1,201 +0,0 @@
|
||||
<div class="homepage-hero-carousel" style="display:none;">
|
||||
<div class="np-homepage-hero custom-flex">
|
||||
<img class="np-homepage-hero-image"
|
||||
src="https://s3.amazonaws.com/static.northpass.com/J%26J/pexels-andrea-piacquadio-3768131.jpg"
|
||||
alt="{{ homepage.headline }}" />
|
||||
<div class="np-homepage-hero-content">
|
||||
<div class="homepage-headline np-header-font-color">
|
||||
{{ homepage.headline }}
|
||||
</div>
|
||||
<div class="np-homepage-subheadline np-header-font-color">
|
||||
{{ homepage.subheadline }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="np-homepage-hero custom-flex">
|
||||
<img class="np-homepage-hero-image"
|
||||
src="https://s3.amazonaws.com/static.northpass.com/J%26J/2f537d7b-f756-492b-87e7-a62c2a4ed35c.jpeg"
|
||||
alt="{{ homepage.headline }}" />
|
||||
<div class="np-homepage-hero-content">
|
||||
<div class="homepage-headline np-header-font-color">
|
||||
{{ homepage.headline }}
|
||||
</div>
|
||||
<div class="np-homepage-subheadline np-header-font-color">
|
||||
{{ homepage.subheadline }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="np-homepage-hero custom-flex">
|
||||
<img class="np-homepage-hero-image"
|
||||
src="https://s3.amazonaws.com/static.northpass.com/J%26J/4de5b8a6-6b5c-41f6-96a3-e2ef31cf00ad.jpeg"
|
||||
alt="{{ homepage.headline }}" />
|
||||
<div class="np-homepage-hero-content">
|
||||
<div class="homepage-headline np-header-font-color">
|
||||
{{ homepage.headline }}
|
||||
</div>
|
||||
<div class="np-homepage-subheadline np-header-font-color">
|
||||
{{ homepage.subheadline }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('.homepage-hero-carousel').on('init', function(slick){
|
||||
console.log(slick)
|
||||
$('.homepage-hero-carousel').css('display', 'block')
|
||||
})
|
||||
|
||||
$(".homepage-hero-carousel").slick({
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
dots: false,
|
||||
infinite: true,
|
||||
cssEase: 'linear',
|
||||
prevArrow: '<svg viewBox="0 0 20 20" class="_1ycOA _left"><path d="M12 16a.997.997 0 0 1-.707-.293l-5-5a.999.999 0 0 1 0-1.414l5-5a.999.999 0 1 1 1.414 1.414L8.414 10l4.293 4.293A.999.999 0 0 1 12 16" fill-rule="evenodd"></path></svg>',
|
||||
nextArrow: '<svg viewBox="0 0 20 20" class="_1ycOA _right"><path d="M8 16a.999.999 0 0 1-.707-1.707L11.586 10 7.293 5.707a.999.999 0 1 1 1.414-1.414l5 5a.999.999 0 0 1 0 1.414l-5 5A.997.997 0 0 1 8 16" fill-rule="evenodd"></path></svg>'
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.np-homepage-hero-content {
|
||||
position: inherit;
|
||||
}
|
||||
|
||||
.np-homepage-hero-content>* {
|
||||
color: white !important;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.homepage-headline {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.np-homepage-hero .homepage-headline {
|
||||
font-size: 32px;
|
||||
line-height: 48px;
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
.np-homepage-hero .homepage-headline {
|
||||
font-size: 36px;
|
||||
line-height: 45px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 992px) {
|
||||
.np-homepage-hero .homepage-headline {
|
||||
font-size: 58px;
|
||||
line-height: 72px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1200px) {
|
||||
.np-homepage-hero .homepage-headline {
|
||||
font-size: 66px;
|
||||
line-height: 82px;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-flex {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
background-color: #cc0033;
|
||||
}
|
||||
|
||||
.custom-flex>img {
|
||||
width: 35%;
|
||||
}
|
||||
|
||||
.custom-flex>div {
|
||||
width: 65%;
|
||||
}
|
||||
|
||||
._1ycOA {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
text-size-adjust: 100%;
|
||||
--polaris-version-number: "4.27.0";
|
||||
--polaris-animation-skeleton-shimmer: polaris-SkeletonShimmerAnimation;
|
||||
--toast-translate-y-out: 15rem;
|
||||
--toast-translate-y-in: 0;
|
||||
--global-ribbon-height: 0px;
|
||||
--p-text-subdued: #6d7175;
|
||||
--p-card-shadow: 0 0.2rem 0.4rem #dfe3e8;
|
||||
--top-bar-background: #00848e;
|
||||
--top-bar-background-lighter: #1d9ba4;
|
||||
--top-bar-color: #f9fafb;
|
||||
--p-frame-offset: 0px;
|
||||
font-family: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI,
|
||||
Roboto, Helvetica Neue, sans-serif;
|
||||
cursor: pointer;
|
||||
box-sizing: border-box;
|
||||
fill: #292824;
|
||||
vertical-align: middle;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border-radius: 50%;
|
||||
background: #fff;
|
||||
box-shadow: 0 0 1px rgba(66, 71, 76, 0.45), 0 2px 1px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
._left:before,
|
||||
._right:before {
|
||||
font-size: 30px;
|
||||
background: black;
|
||||
color: white;
|
||||
border-radius: 50%;
|
||||
font-style: normal;
|
||||
font-feature-settings: normal;
|
||||
font-variant: normal;
|
||||
text-rendering: auto;
|
||||
line-height: 1;
|
||||
font-family: Font awesome\5 Pro;
|
||||
font-weight: 900;
|
||||
margin-bottom: 0;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
._left,
|
||||
._right {
|
||||
top: 50%;
|
||||
z-index: 1000;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
user-select: none;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
box-sizing: border-box;
|
||||
touch-action: manipulation;
|
||||
margin: 0;
|
||||
font-weight: inherit;
|
||||
letter-spacing: 0.01em !important;
|
||||
line-height: 0;
|
||||
position: absolute;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
padding: 0;
|
||||
transform: translate(0, -50%);
|
||||
cursor: pointer;
|
||||
/* right: 30%; */
|
||||
display: block;
|
||||
}
|
||||
|
||||
._right {
|
||||
right: 2%;
|
||||
}
|
||||
|
||||
._left {
|
||||
left: 2%;
|
||||
}
|
||||
|
||||
.slick-initialized .slick-slide {
|
||||
display: flex;
|
||||
}
|
||||
</style>
|
||||
@ -8,7 +8,7 @@ import pandas as pd
|
||||
|
||||
rootdir = "/Users/normrasmussen/Documents/Resources/Walmart/"
|
||||
downloadir = "/Users/normrasmussen/Google Drive/My Drive/Shared with Clients/Walmart/"
|
||||
basefile = "WalmartBase.xlsx"
|
||||
basefile = "WalmartTemplate.xlsx"
|
||||
|
||||
def copytemplate(rootdir, basefile):
|
||||
today = date.today()
|
||||
@ -24,13 +24,19 @@ def copytemplate(rootdir, basefile):
|
||||
findlatestExport(currentDash)
|
||||
|
||||
def findlatestExport(currentDash):
|
||||
listfiles = glob.glob(downloadir + '*.xlsx')
|
||||
listfiles = glob.glob(downloadir + '*.csv')
|
||||
latestdownload = max(listfiles, key=os.path.getctime)
|
||||
print(latestdownload)
|
||||
copytoDash(latestdownload, currentDash)
|
||||
|
||||
def copytoDash(latestdownload, currentDash):
|
||||
readExport = pd.read_excel(latestdownload, index_col=False)
|
||||
readExport = pd.read_csv(
|
||||
latestdownload,
|
||||
index_col=False,
|
||||
header=0,
|
||||
dtype={
|
||||
'Progress':int
|
||||
})
|
||||
print(readExport)
|
||||
readExport.drop(
|
||||
readExport.filter(
|
||||
@ -50,6 +56,7 @@ def bringtoExcel(latestdownload, currentDash, copiedData):
|
||||
) as writer:
|
||||
copiedData.to_excel(
|
||||
writer,
|
||||
engine="xlsxwriter",
|
||||
sheet_name="Data",
|
||||
index=False,
|
||||
)
|
||||
|
||||
Binary file not shown.
Reference in New Issue
Block a user