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

small script changes. Updates to G2's modal popup.

Browse Source
This commit is contained in:
Norm Rasmussen
2023-06-16 16:13:44 -04:00
parent 807739cae6
commit b526e92bfc
43 changed files with 2796 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

120
Custom_Templates/customer_templates/Skuid/homepage.html.liquid
View File

@ -43,6 +43,34 @@
{% endif %}
{% unless current_person.signed_in? %}
<div class="sign-up-banner-mobile">
<img class="sign-up-banner-image" src="https://cdn.northpass.io/Skuid/images/sign_up_banner.svg" />
<div class="sign-up-banner-content-container-mobile">
<div class="sign-up-banner-text-container">
<span class="sign-up-banner-header">Registration is Free</span>
<br>
<span class="sign-up-banner-subheader">Sign up for free and start taking additional courses today!</span>
</div>
<a class="sign-up-banner-button sign-up-banner-button-mobile">Register For Free</a>
</div>
</div>
<div class="sign-up-banner-desktop">
<img class="sign-up-banner-image" src="https://cdn.northpass.io/Skuid/images/sign_up_banner.svg" />
<div class="sign-up-banner-text-container">
<span class="sign-up-banner-header">Registration is Free</span>
<br>
<span class="sign-up-banner-subheader">Sign up for free and start taking additional courses today!</span>
</div>
<div class="sign-up-banner-button-container">
<a class="sign-up-banner-button">Register For Free</a>
</div>
</div>
<div class="learning-path-not-logged">
{% include 'learning_paths_collection' %}
</div>
@ -172,6 +200,98 @@
</script>
<style>
.sign-up-banner-desktop,
.sign-up-banner-mobile{
align-items: center;
background: #EBF5FF;
border-radius: 8px;
box-shadow: 5px 5px 0px rgba(128, 173, 220, 0.32);
flex-direction: row;
justify-content: space-between;
margin-bottom: 35px;
}
.sign-up-banner-desktop{
display: none;
width: 100%;
}
.sign-up-banner-mobile{
display: flex;
margin: 0 auto;
width: 95%;
}
.sign-up-banner-image{
max-width: 30%;
}
.sign-up-banner-content-container-mobile{
display: flex;
flex-direction: column;
}
.sign-up-banner-header{
font-size: 18px;
}
.sign-up-banner-subheader,
.sign-up-banner-button{
font-size: 16px;
}
.sign-up-banner-button{
background: #005CB9;
border-radius: 32px;
color: #FFFFFF;
text-align: center;
text-decoration: none;
}
.sign-up-banner-button-mobile{
align-self: center;
margin-top: 5px;
width: 65%;
}
@media screen and (min-width: 768px){
.sign-up-banner-desktop{
display: flex;
}
.sign-up-banner-mobile{
display: none;
}
.sign-up-banner-image{
max-width: 25%;
}
.sign-up-banner-text-container{
max-width: 43%;
padding: 0 10px 0 25px;
}
.sign-up-banner-button-container{
max-width: 32%;
padding: 8px;
}
.sign-up-banner-button{
padding: 4px 4px;
}
}
@media screen and (min-width: 1020px){
.sign-up-banner-button-container{
padding-right: 20px;
}
.sign-up-banner-button{
padding: 8px 8px;
}
}
.tns-item img {
margin: auto;
}