norm/Gainsight
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

LJ Hooker backup

Browse Source
This commit is contained in:
Norm Rasmussen
2024-11-07 14:51:31 -05:00
parent 6cd64953bf
commit 0ba43545f1
163 changed files with 878 additions and 652 deletions
Download Patch File Download Diff File Expand all files Collapse all files

117
Custom_Templates/customer_templates/LJ Hooker Lighthouse/_sub_navigation.html.liquid Normal file
View File

@ -0,0 +1,117 @@
<nav class="np-sub-navigation">
<div class="np-sub-navigation-content">
{% for link in navigations.sub_navigation %}
{% if link.label == "Home" or link.label == "Dashboard" %}
<div class="np-sub-navigation-content-item {{ link.active_class }}">
<a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
{{ link.label }}
</a>
<div class="np-sub-navigation-content-item-bar"></div>
</div>
{% endif %}
{% endfor %}
<div class="np-sub-navigation-content-item courses-link">
<a class="np-sub-navigation-content-item-link courses-page-link" href="/app/courses">
Courses
</a>
<div class="np-sub-navigation-content-item-bar"></div>
</div>
<div class="np-sub-navigation-content-item webinars-link">
<a class="np-sub-navigation-content-item-link webinars-page-link" href="/app/courses-category?category=webinars">
Webinars
</a>
<div class="np-sub-navigation-content-item-bar"></div>
</div>
{% for link in navigations.sub_navigation %}
{% if link.label == "Learning Paths" %}
<div class="np-sub-navigation-content-item {{ link.active_class }}">
<a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
{{ link.label }}
</a>
<div class="np-sub-navigation-content-item-bar"></div>
</div>
{% endif %}
{% endfor %}
<div class="np-sub-navigation-content-item coaching-link">
<a class="np-sub-navigation-content-item-link coaching-page-link" href="/app/coaching">
Coaching
</a>
<div class="np-sub-navigation-content-item-bar"></div>
</div>
{% for link in navigations.sub_navigation %}
{% if link.label == "Events" %}
<div class="np-sub-navigation-content-item {{ link.active_class }}">
<a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
{{ link.label }}
</a>
<div class="np-sub-navigation-content-item-bar"></div>
</div>
{% endif %}
{% endfor %}
{% comment %} <div class="np-sub-navigation-content-item resources-link">
<a class="np-sub-navigation-content-item-link resources-page-link" href="#">
Resources
</a>
<div class="np-sub-navigation-content-item-bar"></div>
</div> {% endcomment %}
</div>
</nav>
<script>
if (window.location.pathname == "/app/coaching" || window.location.pathname.includes("/app/all-coaches") ) {
$(".np-sub-navigation-content-item.coaching-link").addClass("np-sub-navigation-content-item-active")
}
if (window.location.pathname.includes("/app/courses-category")) {
$(".np-sub-navigation-content-item.webinars-link").addClass("np-sub-navigation-content-item-active")
}
if (window.location.pathname == "/app/courses" ) {
$(".np-sub-navigation-content-item.courses-link").addClass("np-sub-navigation-content-item-active")
}
</script>
<style>
.np-sub-navigation {
margin-bottom: 20px;
}
.np-sub-navigation-content {
flex-wrap: wrap;
}
.np-sub-navigation-content-item {
text-align: center;
margin: 0 16px 12px;
}
.np-sub-navigation-content-item-link {
height:auto;
color:#909090;
font-weight:500;
}
.np-sub-navigation-content-item-link:hover {
color:#000;
}
.np-sub-navigation-content-item-bar {
background-color:#bc46ea;
height: 2px;
margin: 4px auto auto;
width: 100%;
}
@media (min-width:768px) {
.np-sub-navigation-content-item-link {
font-size: 18px;
}
.np-sub-navigation-content-item {
margin: 0 28px 12px;
}
}
</style>