Anthology templates again. Cin7 notes.

This commit is contained in:
Norm Rasmussen
2024-08-09 06:12:18 +02:00
parent c8adb91545
commit e0b6790f6d
10 changed files with 264 additions and 30 deletions

View File

@ -39,10 +39,12 @@
{% include "course_version_outdated_alert", courses: courses.in_catalog %}
<div class="np-homepage-hero">
<img class="np-homepage-hero-image"
src="https://s3.amazonaws.com/static.northpass.com/anthology/Anthology_header_New.jpg"
alt="{{ homepage.headline }}"
/>
<a href="/app/search/00000000-0000-0000-0000-000000000000?q=101" style="width: 100%;">
<img class="np-homepage-hero-image"
src="https://s3.amazonaws.com/static.northpass.com/anthology/Anthology_header_New.svg"
alt="{{ homepage.headline }}"
/>
</a>
<div class="np-homepage-hero-content">
<div class="np-homepage-headline np-header-font-color">
{% comment %} Welcome to Anthology Academy {% endcomment %}
@ -323,6 +325,25 @@
margin-bottom: 12px
}
.card-image-replacement{
/* background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(225,235,243,1) 60%); */
background: linear-gradient(325deg, rgba(255,255,255,1) 0%, rgb(225 235 343 / 30%) 60%);
height: 12rem;
width: 100%;
}
@media screen and (min-width: 550px) and (max-width: 649px){
.card-image-replacement{
height: 15rem;
}
}
@media screen and (min-width: 650px) and (max-width: 767px){
.card-image-replacement{
height: 20rem;
}
}
@media screen and (min-width: 768px){
.np-main{
margin-top: none;
@ -353,14 +374,10 @@
margin-top: 350px;
} */
.product-bar{
margin-top: 25.5%;
}
.np-homepage-hero{
width: calc(100vw + 1.75em);
position: absolute;
left: 0;
/* width: calc(100vw + 1.75em); */
/* position: absolute; */
/* left: 0; */
}
}