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

I think the final Pipedrive download. Walmart Supplier was updated as well.

Browse Source
This commit is contained in:
Norm Rasmussen
2025-07-10 16:18:51 -04:00
parent 41ca4834a2
commit 75455bbf4e
244 changed files with 3025 additions and 13818 deletions
Download Patch File Download Diff File Expand all files Collapse all files

130
Custom_Templates/customer_templates/Pipedrive - Learn/_homepage_banner.html.liquid
View File

@ -1,22 +1,40 @@
<div class="green-banner-wrapper homepage-banner">
<div class="green-banner-wrapper green-banner-wrapper-image">
<div class="green-banner width-limit">
<img class="homepage-banner-image" src="https://s3.amazonaws.com/static.northpass.com/pipedrive/homepage_banner.svg" alt="banner">
<img class="green-banner-image" src="https://s3.us-east-1.amazonaws.com/static.northpass.com/pipedrive/images/1.webp" alt="banner">
<div class="green-banner-content">
<h1 class="green-banner-title">
<span class="lang-en">Hi {{ current_person.first_name }}!</span>
<span class="lang-de">Hallo {{ current_person.first_name }}!</span>
<span class="lang-es">¡Hola {{ current_person.first_name }}!</span>
<span class="lang-fr">Bonjour {{ current_person.first_name }}!</span>
<span class="lang-br">Oi {{ current_person.first_name }}!</span>
<span class="lang-en">Hi {{ current_person.first_name }}!</span>
<span class="lang-de">Hallo {{ current_person.first_name }}!</span>
<span class="lang-es">¡Hola {{ current_person.first_name }}!</span>
<span class="lang-fr">Bonjour {{ current_person.first_name }}!</span>
<span class="lang-br">Oi {{ current_person.first_name }}!</span>
</h1>
<div class="green-banner-text">
<span class="lang-en">Welcome! We have saved your progress about <strong>courses</strong></span>
<span class="lang-de">Willkommen! Wir haben Ihren Fortschritt bei den <strong>Kursen</strong> gespeichert</span>
<span class="lang-es">Bienvenido Hemos guardado su progreso sobre los <strong>cursos</strong></span>
<span class="lang-fr">Bienvenue ! Nous avons enregistré votre progression dans les <strong>cours</strong>.</span>
<span class="lang-br">Seja bem-vindo(a)! Salvamos o seu progresso nos cursos</span>
<span class="lang-en">Find the best training courses, video tutorials and webinars to master your CRM and sales skills.</span>
<span class="lang-de">Finden Sie die besten Schulungskurse, Video-Tutorials und Webinare, um Ihre CRM- und Vertriebsfähigkeiten zu meistern.</span>
<span class="lang-es">Encuentre los mejores cursos de formación, tutoriales en vídeo y seminarios web para dominar sus habilidades de CRM y ventas.</span>
<span class="lang-fr">Trouvez les meilleures formations, tutoriels vidéo et webinaires pour maîtriser vos compétences en CRM et en vente.</span>
<span class="lang-br">Encontre os melhores cursos de treinamento, tutoriais em vídeo e webinars para dominar suas habilidades de CRM e vendas.</span>
</div>
<div class="homepage-banner-stats">
{% if current_person.signed_in? %}
<div class="green-banner-search">
<form action="{% route search %}" method="get" data-test="desktop-search" class="banner-search-form">
<input aria-label="{% t .search %}" class="banner-search-input" type="text" name="q" placeholder="Search Pipedrive Academy">
<i class="banner-search-icon fal fa-search" aria-hidden="true"></i>
<button type="button" class="clear-btn" aria-label="Clear input">
<img class="close-icon" src="https://s3.us-east-1.amazonaws.com/static.northpass.com/pipedrive/close.svg" alt="">
</button>
</form>
</div>
{% endif %}
{% if current_person.signed_in? %}
{% if current_person.properties.group_selected == false %}
<script>
<!-- Script to redirect to the custom page --!>
</script>
{% endif %}
{% endif %}
{% comment %} <div class="homepage-banner-stats">
{% assign in_progress = 0 %}
{% assign not_started = 0 %}
{% assign completed = 0 %}
@ -79,12 +97,62 @@
<span class="lang-br">Concluído</span>
</div>
</div>
</div>
</div> {% endcomment %}
</div>
</div>
</div>
<style>
.banner-search-input:focus-visible {
outline: 2px solid #017737;
border-radius: 100px;
}
.banner-search-form {
max-width: 530px;
position: relative;
}
.banner-search-icon {
position: absolute;
right: 0;
top: 50%;
}
.banner-search-icon {
position: absolute;
left: 0;
top: 0;
height: 100%;
display: flex;
align-items: center;
padding-left: 17.5px;
pointer-events: none;
transition: opacity 0.2s ease;
}
.banner-search-input {
max-width: 530px;
width: 100%;
border-radius: 100px;
border: none;
height: 50px;
padding: 0 22px 0 44px;
}
.clear-btn {
position: absolute;
right: 20px;
top: 0;
height: 100%;
padding-left: 17.5px;
background: none;
border: none;
cursor: pointer;
display: none;
align-items: center;
justify-content: center;
color: #999;
}
.close-icon {
width: 100%;
}
.homepage-banner-image {
width: 100%;
}
@ -114,7 +182,11 @@
font-size: 14px;
line-height: 25px;
}
@media only screen and (max-width: 768px) {
.banner-search-input, .banner-search-form {
max-width: 100%;
}
}
@media only screen and (min-width: 768px) {
.homepage-banner .green-banner {
padding-bottom: 0;
@ -169,3 +241,31 @@
}
}
</style>
<script>
const input = document.querySelector('.banner-search-input');
const icon = document.querySelector('.banner-search-icon');
const clearBtn = document.querySelector('.clear-btn');
function updateState() {
const hasValue = input.value.trim().length > 0;
icon.style.display = hasValue ? 'none' : 'flex';
clearBtn.style.display = hasValue ? 'flex' : 'none';
if (hasValue) {
input.focus();
}
}
input.addEventListener('input', updateState);
clearBtn.addEventListener('click', () => {
input.value = '';
input.focus();
updateState();
});
updateState();
</script>