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

Instacart, while still in implementation, came to their AE (J.Jones) with some access issues. Some of these templates don't work yet (internal server errors) but backing them up just in case

Browse Source
This commit is contained in:
Norm Rasmussen
2025-07-11 13:51:31 -04:00
parent 75455bbf4e
commit 3f0bd96040
146 changed files with 4977 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
Custom_Templates/customer_templates/Instacart/_sub_navigation.html.liquid Normal file
View File

@ -0,0 +1,93 @@
<nav class="sub-navigation">
<div class="np-sub-navigation-content">
{% comment %} {% 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 %} {% endcomment %}
<div class="np-sub-navigation-content-item">
<a class="np-sub-navigation-content-item-link" href="/app/dashboard">
<i class="fas fa-user icon-color np-sub-navigation-content-item-icon"></i>
For You
</a>
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
</div>
<div class="np-sub-navigation-content-item">
<a class="np-sub-navigation-content-item-link" href="/app">
<i class="fas fa-ellipsis-h icon-color np-sub-navigation-content-item-icon"></i>
In Progress
</a>
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
</div>
<div class="np-sub-navigation-content-item">
<a class="np-sub-navigation-content-item-link" href="/app/catalog">
<i class="fas fa-book-alt icon-color np-sub-navigation-content-item-icon"></i>
All Lessons
</a>
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
</div>
<div class="np-sub-navigation-content-item">
<a class="np-sub-navigation-content-item-link" href="/app/learning_paths">
<i class="fas fa-list-ul icon-color np-sub-navigation-content-item-icon"></i>
All Paths
</a>
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
</div>
</div>
</nav>
<style>
.sub-navigation {
background: #003d29;
padding: 20px 0;
}
.np-sub-navigation-content-item-link {
color: #fff;
}
.icon-color {
color: #fff;
}
.np-sub-navigation-content-item {
margin: 0 15px;
}
.active-nav .np-sub-navigation-content-item-link {
color: #0AAD0A;
}
.active-nav .icon-color {
color: #0AAD0A;
}
@media (max-width: 600px) {
.np-sub-navigation-content-item {
margin: 0 5px;
}
.np-sub-navigation-content-item-link {
font-size: 0.95rem;
padding: 6px 4px;
}
.np-sub-navigation-content {
justify-content: center;
}
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function () {
const currentPath = window.location.pathname;
const navItems = document.querySelectorAll(".np-sub-navigation-content-item");
navItems.forEach(item => {
const link = item.querySelector(".np-sub-navigation-content-item-link");
if (link) {
const linkPath = link.getAttribute("href");
if (currentPath === linkPath) {
item.classList.add("active-nav");
}
}
});
});
</script>