Updated templates and tasks.

This commit is contained in:
Norm Rasmussen
2025-04-23 16:18:17 -04:00
parent 78e50050a4
commit 3d1fa03a51
15 changed files with 518 additions and 86 deletions

View File

@ -58,23 +58,16 @@
</li>
{% endfor %}
<div class= "np-header-desktop-nav-link dropdown-nav">
Programs
Programs
<div class="header-dropdown-container">
<div class="header-dropdown-option">
<a
class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn"
href="/app/grow-with-walmart-catalog"
>
Grow With Walmart
Grow with US
</a>
</div>
<div class="header-dropdown-option">
<a
class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn"
@ -87,13 +80,11 @@
<div class="header-dropdown-option">
<a
class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn"
href="/app/walmart-start"
>
href="/app/walmart-start">
Walmart Start
</a>
</div>
</div>
{% if category_advisors %}
<div class="header-dropdown-option">
<a
@ -104,43 +95,24 @@
</a>
</div>
{% endif %}
</div>
</div>
</div>
<div class= "np-header-desktop-nav-link dropdown-nav">
Walmart Links
<div class="header-dropdown-container">
<div class="header-dropdown-option">
<a
class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn"
href="https://supplier.walmart.com/"target="_blank"
>
Supplier One
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn"
href="https://supplierone.wal-mart.com/" target="_blank"> Supplier One
</a>
</div>
<div class="header-dropdown-option">
<a
class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn"
href="https://retaillink.login.wal-mart.com/" target="_blank"
>
Retail Link
<div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="https://retaillink.login.wal-mart.com/" target="_blank"> Retail Link
</a>
</div>
</div>
</div>
</div>
<li class= "np-header-desktop-nav-item">
<a
@ -150,8 +122,6 @@
Contact
</a>
</li>
</ul>
</div>
@ -346,7 +316,6 @@
.np-header-desktop-nav-link {
font-size: 20px;
font-weight: 500;
}
.header-dropdown-container {
@ -357,7 +326,6 @@
z-index: 10;
width: fit-content;
top: 40px;
left: -20px;
}
.np-header-desktop-nav-link:hover .header-dropdown-container {
@ -366,7 +334,7 @@
.header-dropdown-option {
display: block;
padding: 15px;
padding: 15px;
color: black;
text-decoration: none;
white-space: nowrap;
@ -376,12 +344,17 @@
display: flex;
align-items: center;
color: #fff;
margin-left: 15px;
}
.header-dropdown-option:hover {
background-color: #f0f0f0;
}
.header-dropdown-option:hover {
background-color: #f0f0f0;
}
.hidden-mobile {
display: none;
}

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,81 @@
{% if current_person.properties.first_login == true %}
<script>
window.location.replace('/app');
</script>
{% endif %}
<div class="banner-wrapper">
<div class="banner-container">
<div class="banner-image-wrapper">
<img src="https://i5.walmartimages.com/dfwrs/76316474-49b1/k2-_986bc821-322d-40d0-b90d-cff871e9d4f3.v1.jpg" alt="" class="beautystart-img">
<div class="deatils-container">
<div class="banner-descirption text-center">Email <span class="bold-text">supplierdevelopment@walmart.com</span></div>
<div class="banner-descirption text-center">for additional support.</div>
</div>
</div>
<div class="banner-content-container">
<div class="banner-descirption">
Walmart Start is an exciting beauty brand accelerator program that sets emerging brands up for successful glow-ups by giving them a chance to launch at Walmart.
</div>
<div class="banner-descirption">
The selected brands have a potential opportunity to be launched at Walmart, while also receiving access to various resources to help set each brand up for their launch.
</div>
</div>
</div>
</div>
<style>
.banner-wrapper {
padding: 10px;
border-radius: 10px;
}
.banner-img {
width: 100%;
}
.banner-container {
display: flex;
align-items: center;
gap: 40px;
background: #001E60;
padding: 20px;
border-radius: 10px;
}
.text-center {
text-align: center;
}
.banner-descirption {
font-size: 20px;
}
.bold-text {
font-weight: 700;
}
.deatils-container {
display: flex;
flex-direction: column;
align-items: center;
}
.banner-image-wrapper {
width: 40%;
display: flex;
flex-direction: column;
gap: 30px;
}
.banner-content-container {
width: 60%;
display: flex;
flex-direction: column;
gap: 30px;
}
@media only screen and (max-width: 900px) {
.banner-container {
flex-direction: column;
}
}
@media only screen and (max-width: 500px) {
.banner-descirption{
font-size: 17px;
}
}
</style>

View File

@ -0,0 +1,23 @@
{% if current_person.properties.first_login == true %}
<script>
window.location.replace('/app');
</script>
{% endif %}
{% include "header" %}
{% include "sub_navigation" %}
<main class="np-main np-catalog np-subpage-container np-max-width">
<iframe class="airtable-embed" src="https://airtable.com/embed/appf41rlLEtVEHBMO/pagX3d6qFnH84vFPM/form" frameborder="0" onmousewheel="" width="100%" height="1000" style="background: transparent; border: 0px solid #ccc;"></iframe>
</main>
{% include "footer" %}
<style>
@media screen and (min-width: 768px) {
.np-card-content-description {
display: block;
}
}
</style>

View File

@ -0,0 +1,37 @@
{% if current_person.properties.first_login == true %}
<script>
window.location.replace('/app');
</script>
{% endif %}
{% include "header" %}
{% include "sub_navigation" %}
<main class="np-main np-catalog np-subpage-container np-max-width">
{% include 'walmart-start_banners' %}
<div class="lps-wrapper">
{% for learning_path in learning_paths.enrolled %}
{% for category in learning_path.categories %}
{% if us_user_grow %}
{% if category.name == 'Grow With Walmart' %}
{% include "cards_learning_path" %}
{% endif %}
{% endif %}
{% endfor %}
{% endfor %}
</main>
{% include "footer" %}
<style>
@media screen and (min-width: 768px) {
.np-card-content-description {
display: block;
}
}
</style>