css changes

This commit is contained in:
Norm Rasmussen
2022-05-04 10:09:06 -04:00
parent 0be838cc27
commit 90874413c3
4 changed files with 12 additions and 61 deletions

View File

@ -8,14 +8,14 @@
{% assign role = current_person.properties.role %}
{% case role %}
{% when 'developer', 'architect' %}
<div class="np-homepage-subheadline np-header-font-color">
<div class="np-homepage-subheadline np-header-font-color" style="white-space: pre-wrap;">
Hi {{ current_person.display_name }}, how is the weather in {{ current_person.properties.location }}?
Here is the training you are eligible for in your role as {{ current_person.properties.role }}.
&#10; Here is the training you are eligible for in your role as {{ current_person.properties.role }}.
</div>
{% else %}
<div class="np-homepage-subheadline np-header-font-color">
Hi {{ current_person.display_name }}, how is the weather in {{ current_person.properties.location }}?
Here is the training you are eligible for in your role as
Hi {{ current_person.display_name }}, how is the weather in {{ current_person.properties.location }}?</div>
<div class="np-homepage-subheadline np-header-font-color">Here is the training you are eligible for in your role as
<div class="dropdown">
<button class="dropbtn">Select Role ▼ </button>
<div class="dropdown-content">
@ -36,21 +36,21 @@
<div class="homepage-navigation__item-container">
<a class="homepage-navigation__item" href="/app/partner-training">
<div class="homepage-navigation__title">Partner Training</div>
<img class="animation-pe homepage-navigation__animation" src="https://s3.amazonaws.com/static.northpass.com/stripe/stripe_pattern_purple.png" alt="">
<img class="animation-pe homepage-navigation__animation" src="https://s3.amazonaws.com/static.northpass.com/stripe/stripe_training_badge.png" alt="">
</a>
</div>
{% if current_person.properties.partner_training_cert == false %}
<div class="homepage-navigation__item-container">
<a class="homepage-navigation__item" href="">
<div class="homepage-navigation__title">Partner Certifications</div>
<img class="animation-pe homepage-navigation__animation" src="https://s3.amazonaws.com/static.northpass.com/stripe/stripe_pattern_green.png" alt="" style="filter:grayscale(1)">
<div class="homepage-navigation__title" style="filter:grayscale(1)" >Partner Certifications</div>
<img class="animation-pe homepage-navigation__animation" src="https://s3.amazonaws.com/static.northpass.com/stripe/stripe_achievement_icon.png" alt="" style="filter:grayscale(1)">
</a>
</div>
{% else %}
<div class="homepage-navigation__item-container">
<a class="homepage-navigation__item" href="/app/partner-certs">
<div class="homepage-navigation__title">Partner Certifications</div>
<img class="animation-pe homepage-navigation__animation" src="https://s3.amazonaws.com/static.northpass.com/stripe/stripe_pattern_green.png" alt="">
<img class="animation-pe homepage-navigation__animation" src="https://s3.amazonaws.com/static.northpass.com/stripe/stripe_achievement_icon.png" alt="">
</a>
</div>
{% endif %}
@ -169,11 +169,11 @@ main {
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #635bffc6;}
.dropdown-content a:hover {background-color: #635bff60;}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #635bff;}
.dropdown:hover .dropbtn {background-color: #635bff60;}
</style>