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

Buildertrend templates backedup after their team made some changes.

Browse Source
This commit is contained in:
Norm Rasmussen
2025-02-10 15:11:47 -05:00
parent 89a6fd58ee
commit ea5a6eafc3
11 changed files with 750 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
Custom_Templates/customer_templates/BuilderTrend External/.DS_Store vendored Normal file
View File

Binary file not shown.

27
Custom_Templates/customer_templates/BuilderTrend External/_cards_course.html.liquid
View File

@ -14,7 +14,32 @@
alt="{{ course.name }}"
src="{{ course.image_url }}"
>
<div class="card-activity-count">{{ activity_count }}<br><span class="activity-label">Activities</span></div>
{% assign totduration = course.properties.duration %}
{% assign strduration = "" %}
{% if totduration >= 60 %}
{% assign hour = totduration | divided_by: 60 %}
{% assign hourfloat = totduration | times: 1.0 | divided_by: 60 %}
{% assign min = hourfloat | minus: hour %}
{% assign min = min | times: 60 %}
{% assign min = min | floor %}
{% if hour == 1 and min > 0 %}
{% assign strduration = hour | append: ' hour ' | append: min | append: " mins" %}
{% elsif hour > 1 and min > 0 %}
{% assign strduration = hour | append: ' hours ' | append: min | append: " mins" %}
{% elsif hour > 1 and min <= 0 %}
{% assign strduration = hour | append: ' hours' %}
{% elsif hour == 1 and min <= 0 %}
{% assign strduration = hour | append: ' hour' %}
{% endif %}
{% elsif totduration > 0 %}
{% assign strduration = totduration | append: " mins" %}
{% endif %}
<div class="card-activity-duration" >
<div >{{ activity_count }}<br><span class="activity-label">Activities</span></div>
{% if strduration != "" %}
<div >{{ strduration }}<br><span class="activity-label">Duration</span></div>
{% endif %}
</div>
<div class="np-card-content np-card-content-vertical np-card-padding">
<h3 class="np-card-content-title">
{{ course.name }}

40
Custom_Templates/customer_templates/BuilderTrend External/_cards_learning_path.html.liquid
View File

@ -2,11 +2,43 @@
<div class="np-card-container">
<div class="np-learning-path">
<div class="np-learning-image">
<span class="np-hidden-mobile np-learning-path-items">
<span class="np-learning-path-items-count">
{{ learning_path.items.count }} {% t .items %}
<span class="np-hidden-mobile np-learning-path-items">
{% assign totduration = 0 %}
{% for item in learning_path.items %}
{% if item.course? %}
{% assign course = courses.in_catalog | where: "id", item.id %}
{% unless course == empty %}
{% assign duration = course.first.properties.duration %}
{% assign totduration = totduration | plus: duration %}
{% endunless %}
{% endif %}
{% endfor %}
{% assign strduration = "" %}
{% if totduration >= 60 %}
{% assign hour = totduration | divided_by: 60 %}
{% assign hourfloat = totduration | times: 1.0 | divided_by: 60 %}
{% assign min = hourfloat | minus: hour %}
{% assign min = min | times: 60 %}
{% assign min = min | floor %}
{% if hour == 1 and min > 0 %}
{% assign strduration = hour | append: ' hour ' | append: min | append: " mins" %}
{% elsif hour > 1 and min > 0 %}
{% assign strduration = hour | append: ' hours ' | append: min | append: " mins" %}
{% elsif hour > 1 and min <= 0 %}
{% assign strduration = hour | append: ' hours' %}
{% elsif hour == 1 and min <= 0 %}
{% assign strduration = hour | append: ' hour' %}
{% endif %}
{% elsif totduration > 0 %}
{% assign strduration = totduration | append: " mins" %}
{% endif %}
<span class="np-learning-path-items-count">
{{ learning_path.items.count }} {% t .items %}
</span>
<span class="np-learning-path-items-count">
{{ strduration }}
</span>
</span>
</span>
<img alt="{{ learning_path.name }}" class="np-card-image np-learning-path-image"
src="{{ learning_path.image_url }}" />
</div>

61
Custom_Templates/customer_templates/BuilderTrend External/_course_header.html.liquid
View File

@ -11,7 +11,33 @@
</a>
{{ course.name }}
</div>
<div class="card-activity-count">{{ activity_count }}<br><span class="activity-label">Activities</span></div>
{% assign totduration = course.properties.duration %}
{% assign strduration = "" %}
{% if totduration >= 60 %}
{% assign hour = totduration | divided_by: 60 %}
{% assign hourfloat = totduration | times: 1.0 | divided_by: 60 %}
{% assign min = hourfloat | minus: hour %}
{% assign min = min | times: 60 %}
{% assign min = min | floor %}
{% if hour == 1 and min > 0 %}
{% assign strduration = hour | append: ' hour ' | append: min | append: " mins" %}
{% elsif hour > 1 and min > 0 %}
{% assign strduration = hour | append: ' hours ' | append: min | append: " mins" %}
{% elsif hour > 1 and min <= 0 %}
{% assign strduration = hour | append: ' hours' %}
{% elsif hour == 1 and min <= 0 %}
{% assign strduration = hour | append: ' hour' %}
{% endif %}
{% elsif totduration > 0 %}
{% assign strduration = totduration | append: " mins" %}
{% endif %}
<div class="card-activity-duration" >
<div >{{ activity_count }}<br><span class="activity-label">Activities</span></div>
{% if strduration != "" %}
<div >{{ strduration }}<br><span class="activity-label">Duration</span></div>
{% endif %}
</div>
</div>
</div>
<div class="np-top-vocabulary np-text-title np-text-muted">
<svg xmlns="http://www.w3.org/2000/svg" width="71" height="61" viewBox="0 0 71 61" fill="none">
@ -31,7 +57,33 @@
</a>
{{ course.name }}
</div>
<div class="card-activity-count">{{ activity_count }}<br><span class="activity-label">Activities</span></div>
{% assign totduration = course.properties.duration %}
{% assign strduration = "" %}
{% if totduration >= 60 %}
{% assign hour = totduration | divided_by: 60 %}
{% assign hourfloat = totduration | times: 1.0 | divided_by: 60 %}
{% assign min = hourfloat | minus: hour %}
{% assign min = min | times: 60 %}
{% assign min = min | floor %}
{% if hour == 1 and min > 0 %}
{% assign strduration = hour | append: ' hour ' | append: min | append: " mins" %}
{% elsif hour > 1 and min > 0 %}
{% assign strduration = hour | append: ' hours ' | append: min | append: " mins" %}
{% elsif hour > 1 and min <= 0 %}
{% assign strduration = hour | append: ' hours' %}
{% elsif hour == 1 and min <= 0 %}
{% assign strduration = hour | append: ' hour' %}
{% endif %}
{% elsif totduration > 0 %}
{% assign strduration = totduration | append: " mins" %}
{% endif %}
<div class="card-activity-duration" >
<div >{{ activity_count }}<br><span class="activity-label">Activities</span></div>
{% if strduration != "" %}
<div >{{ strduration }}<br><span class="activity-label">Duration</span></div>
{% endif %}
</div>
</div>
</div>
<div class="np-top-vocabulary np-text-title np-text-muted">
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80" fill="none">
@ -51,10 +103,13 @@
.np-course-header{
padding-right: 132px;
}
.card-activity-count {
.card-activity-duration {
padding-left: 42px;
padding-top: 32px;
padding-bottom: 0;
margin-top: 0;
width: 30%;
}
</style>

41
Custom_Templates/customer_templates/BuilderTrend External/_learning_path_desktop_header.html.liquid
View File

@ -6,7 +6,41 @@
</a>
{{ learning_path.name }}
</div>
<div class="card-activity-count">{{ learning_path.items.size }}<br><span class="activity-label">Items</span></div>
{% assign totduration = 0 %}
{% for item in learning_path.items %}
{% if item.course? %}
{% assign course = courses.in_catalog | where: "id", item.id %}
{% unless course == empty %}
{% assign duration = course.first.properties.duration %}
{% assign totduration = totduration | plus: duration %}
{% endunless %}
{% endif %}
{% endfor %}
{% assign strduration = "" %}
{% if totduration >= 60 %}
{% assign hour = totduration | divided_by: 60 %}
{% assign hourfloat = totduration | times: 1.0 | divided_by: 60 %}
{% assign min = hourfloat | minus: hour %}
{% assign min = min | times: 60 %}
{% assign min = min | round %}
{% if hour == 1 and min > 0 %}
{% assign strduration = hour | append: ' hour ' | append: min | append: " mins" %}
{% elsif hour > 1 and min > 0 %}
{% assign strduration = hour | append: ' hours ' | append: min | append: " mins" %}
{% elsif hour > 1 and min <= 0 %}
{% assign strduration = hour | append: ' hours' %}
{% elsif hour == 1 and min <= 0 %}
{% assign strduration = hour | append: ' hour' %}
{% endif %}
{% elsif totduration > 0 %}
{% assign strduration = totduration | append: " mins" %}
{% endif %}
<div class="card-activity-duration">
<div>{{ learning_path.items.size }}<br><span class="activity-label">Items</span></div>
{% if strduration != "" %}
<div>{{ strduration }}<br><span class="activity-label">Duration</span></div>
{% endif %}
</div>
</div>
<div class="np-top-vocabulary np-text-title">
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80" fill="none">
@ -29,10 +63,13 @@
.np-icon-back {
color: #202227;
}
.card-activity-count {
.card-activity-duration {
padding-left: 42px;
padding-top: 32px;
padding-bottom: 0;
margin-top: 0;
display: flex;
justify-content: space-between;
width: 30%;
}
</style>

44
Custom_Templates/customer_templates/BuilderTrend External/_learning_paths_index.html.liquid
View File

@ -1,43 +1,43 @@
<div class="np-learning-paths-main">
{% assign isLPProgressHeader = false %}
{% for learning_path in learning_paths.enrolled %}
{% if learning_path.progress > 0 and learning_path.progress < 100 %}
{% if isLPProgressHeader == false %}
{% for learning_path in learning_paths.enrolled %}
{% if learning_path.progress > 0 and learning_path.progress < 100 %}
{% if isLPProgressHeader == false %}
<div class="np-resource-title">In progress</div>
{% assign isLPProgressHeader = true %}
{% endif %}
{% endif %}
<div class="np-learning-paths-resources">
{% include "cards_learning_path" with learning_path %}
</div>
{% endif %}
{% endfor %}
</div>
{% include "cards_learning_path" with learning_path %}
</div>
{% endif %}
{% endfor %}
</div>
<div class="np-learning-paths-main">
<div class="np-resource-title">
Learning paths
</div>
{% for learning_path in items %}
{% if learning_path.progress == 0 %}
{% if learning_path.progress == 0 %}
<div class="np-learning-paths-resources">
{% include "cards_learning_path" with learning_path %}
</div>
{% endif %}
{% include "cards_learning_path" with learning_path %}
</div>
{% endif %}
{% endfor %}
</div>
</div>
<div class="np-learning-paths-main">
{% assign isLPCompletedHeader = false %}
{% for learning_path in items %}
{% if learning_path.progress == 100 %}
{% if isLPCompletedHeader == false %}
<div class="np-resource-title">Completed learning paths</div>
{% assign isLPCompletedHeader = true %}
{% if learning_path.progress == 100 %}
{% if isLPCompletedHeader == false %}
<div class="np-resource-title">Completed learning paths</div>
{% assign isLPCompletedHeader = true %}
{% endif %}
<div class="np-learning-paths-resources">
{% include "cards_learning_path" with learning_path %}
</div>
{% endif %}
{% include "cards_learning_path" with learning_path %}
</div>
{% endif %}
{% endfor %}
</div>

6
Custom_Templates/customer_templates/BuilderTrend External/_main_hero_masthead.html.liquid
View File

@ -19,9 +19,9 @@
<div class="bla-header">In-Person Training</div>
<div class="bla-content">
<p class="bla-title">Buildertrend University: deep dive our software at our headquarters</p>
<p class="bla-date">January 8–9, 2025<br>January 29–30, 2025</p>
<button class="bla-cta"><a href="https://buildertrend.com/events/buildertrend-university/?addsrc=add-serve" target="_blank">Register now</a></button>
<p class="bla-allsessions"><a href="https://buildertrend.com/events/buildertrend-university/?addsrc=add-serve" target="_blank">See all sessions</a></p>
<p class="bla-date">March 26-27, 2025</p>
<button class="bla-cta"><a href="https://buildertrend.com/events/buildertrend-university/?addsrc=bla" target="_blank">Register now</a></button>
<p class="bla-allsessions"><a href="https://buildertrend.com/events/buildertrend-university/?addsrc=bla" target="_blank">See all sessions</a></p>
</div>
</div>
</div>

423
Custom_Templates/customer_templates/BuilderTrend External/bla-test.html.liquid Normal file
View File

@ -0,0 +1,423 @@
{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.featured %}
{% assign strquizCategories = current_person.properties.qiuz_answers | strip %}
{% assign quizCategories = current_person.properties.qiuz_answers | split: "_" %}
{% assign coursesToDisplay = "" %}
{% assign lpsToDisplay = "" %}
{% for course in courses.in_catalog %}
{% for cats in course.categories %}
{% if cats.name contains "[Quiz]" %}
{% assign catname = cats.name | remove: "[Quiz] " %}
{% for qc in quizCategories %}
{% if catname == qc %}
{% assign coursesToDisplay = coursesToDisplay | append: course.id | append: ";" %}
{% endif %}
{% endfor %}
{% endif %}
{% endfor %}
{% endfor %}
{% assign coursesToDisplayArr = coursesToDisplay | split: ";" %}
{% assign uniqcoursesToDisplayArr = coursesToDisplayArr | uniq %}
{% for learningpath in learning_paths.available %}
{% for lpcats in learningpath.categories %}
{% if lpcats.name contains "[Quiz]" %}
{% assign catname = lpcats.name | remove: "[Quiz] " %}
{% for qc in quizCategories %}
{% if catname == qc %}
{% assign lpsToDisplay = lpsToDisplay | append: learningpath.id | append: ";" %}
{% endif %}
{% endfor %}
{% endif %}
{% endfor %}
{% endfor %}
{% assign lpsToDisplayArr = lpsToDisplay | split: ";" %}
{% assign uniqlpsToDisplayArr = lpsToDisplayArr | uniq %}
<main class="np-main np-homepage">
{% include "main_hero_masthead" %}
{% include "sub_navigation" %}
{% if strquizCategories == "" %}
<div class="np-homepage-featured np-max-width">
<div class="np-homepage-featured-courses row">
{% assign isProgressHeaderOutput = false %}
{% assign isCoursesInprogress = false %}
{% for course in courses.in_catalog %}
{% if course.progress > 0 and course.progress < 100 %}
{% if isProgressHeaderOutput == false %}
<div class="np-resource-title addWidthMargin" style="margin-top: 32px;">Pick up where you left off</div>
{% assign isProgressHeaderOutput = true %}
{% endif %}
<div class="col-xs-12 col-sm-6 col-lg-4 np-stretch-content">
{% include "cards_course" with course %}
</div>
{% assign isCoursesInprogress = true %}
{% endif %}
{% endfor %}
</div>
</div>
<section class="np-main np-learning-paths np-subpage-container np-max-width">
<div class="np-learning-paths-main">
<div class="np-learning-paths-resources">
{% assign isLPInprogress = false %}
{% for learning_path in learning_paths.enrolled %}
{% if learning_path.progress > 0 and learning_path.progress < 100 %}
{% assign isLPInprogress = true %}
<div class="np-learning-paths-resources-container-home">
{% include "cards_learning_path" with learning_path %}
</div>
{% endif %}
{% endfor %}
</div>
</div>
</section>
<div class="np-homepage-featured np-max-width">
<div class="np-homepage-featured-text">
<div class="np-homepage-headline">
Start with these courses
</div>
</div>
{% if courses.featured.any? %}
<div class="np-homepage-featured-courses row">
{% for course in courses.featured %}
<div class="col-xs-12 col-sm-6 col-lg-4 np-stretch-content">
{% include "cards_course" with course %}
</div>
{% endfor %}
</div>
{% else %}
<div class="np-homepage-featured-empty">
<div class="np-zero-state-text">
{% t .empty, key: current_school.course_vocabulary %}
</div>
<img
class="np-zero-state-courses"
alt="{% t .empty, key: current_school.course_vocabulary %}"
/>
</div>
{% endif %}
</div>
<div class="np-dashboard-resources np-max-width">
<div class="np-homepage-featured-text">
<div class="np-homepage-headline">
Upcoming Virtual Training
</div>
</div>
{% if training_events.available.any? %}
<div class="row row-with-thumbnails">
{% for training_event in training_events.available limit:3 %}
<div class="col-xs-12 col-sm-6 col-lg-4 np-stretch-content">
{% include "cards_training_event" with training_event %}
</div>
{% endfor %}
</div>
{% else %}
{% include "training_events_zero_state" %}
{% endif %}
</div>
<section class="np-main np-learning-paths np-subpage-container np-max-width">
<div class="np-homepage-featured-text">
<div class="np-homepage-headline">
Start with this Learning Path
</div>
</div>
<div class="np-learning-paths-main">
<div class="np-learning-paths-resources">
{% assign startwithlearning_path = learning_paths.available | where: "id", "04575709-6d99-41bb-9014-6e7def46a320" %}
{% for learning_path in startwithlearning_path %}
<div class="np-learning-paths-resources-container-home">
{% include "cards_learning_path" with learning_path %}
</div>
{% endfor %}
</div>
</div>
</section>
{% else %}
<div class="np-homepage-featured np-max-width">
<div class="np-homepage-featured-courses row">
{% assign isProgressHeaderOutput = false %}
{% assign isCoursesInprogress = false %}
{% for course in courses.in_catalog %}
{% if course.progress > 0 and course.progress < 100 %}
{% if isProgressHeaderOutput == false %}
<div class="np-resource-title addWidthMargin" style="margin-top: 32px;">Pick up where you left off</div>
{% assign isProgressHeaderOutput = true %}
{% endif %}
<div class="col-xs-12 col-sm-6 col-lg-4 np-stretch-content">
{% include "cards_course" with course %}
</div>
{% assign isCoursesInprogress = true %}
{% endif %}
{% endfor %}
</div>
</div>
<section class="np-main np-learning-paths np-subpage-container np-max-width">
<div class="np-learning-paths-main">
<div class="np-learning-paths-resources">
{% assign isLPInprogress = false %}
{% for learning_path in learning_paths.enrolled %}
{% if learning_path.progress > 0 and learning_path.progress < 100 %}
{% assign isLPInprogress = true %}
<div class="np-learning-paths-resources-container-home">
{% include "cards_learning_path" with learning_path %}
</div>
{% endif %}
{% endfor %}
</div>
</div>
</section>
<div class="np-dashboard-resources np-max-width">
<div class="np-homepage-featured-text">
<div class="np-homepage-headline">
Upcoming Virtual Training
</div>
</div>
{% if training_events.available.any? %}
<div class="row row-with-thumbnails">
{% for training_event in training_events.available limit:3 %}
<div class="col-xs-12 col-sm-6 col-lg-4 np-stretch-content">
{% include "cards_training_event" with training_event %}
</div>
{% endfor %}
</div>
{% else %}
{% include "training_events_zero_state" %}
{% endif %}
</div>
<div class="np-homepage-featured np-max-width">
<div class="np-resource-title" style="margin-top:40px;">
Recommended Courses for you
</div>
<div class="np-catalog-courses row row-with-thumbnails" style="margin-top: 0;">
{% for courseid in uniqcoursesToDisplayArr limit: 9%}
{% assign displayCourses = courses.in_catalog | where: "id", courseid %}
{% for course in displayCourses %}
<div class="col-xs-12 col-sm-6 col-lg-4 np-stretch-content">
{% include "cards_course" with course %}
</div>
{% endfor %}
{% endfor %}
</div>
</div>
<section class="np-main np-learning-paths np-subpage-container np-max-width">
<div class="np-homepage-featured-text">
<div class="np-homepage-headline">
Recommended Learning Paths for you
</div>
</div>
<div class="np-learning-paths-main">
<div class="np-learning-paths-resources">
<div class="np-learning-paths-resources">
{% for lpsid in uniqlpsToDisplayArr %}
{% assign displayLps = learning_paths.available | where: "id", lpsid %}
{% for learning_path in displayLps %}
<div class="np-learning-paths-resources-container-home">
{% include "cards_learning_path" with learning_path %}
</div>
{% endfor %}
{% endfor %}
</div>
</div>
</div>
</section>
{% endif %}
<div class="btu-banner">
<div class="np-resource-title">Interested in in-person training?</div>
<div class="btu-container np-card-container"><div class="btu-icon"><svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80" fill="none">
<path d="M65 12.5H15C13.6739 12.5 12.4021 13.0268 11.4645 13.9645C10.5268 14.9021 10 16.1739 10 17.5V35.8687C10 63.8719 33.6938 73.1625 38.4375 74.7406C39.4507 75.0852 40.5493 75.0852 41.5625 74.7406C46.3125 73.1625 70 63.8719 70 35.8687V17.5C70 16.1739 69.4732 14.9021 68.5355 13.9645C67.5979 13.0268 66.3261 12.5 65 12.5ZM65 35.8719C65 60.3781 44.2656 68.5656 40 69.9906C35.7719 68.5813 15 60.4 15 35.8719V17.5H65V35.8719ZM25.7312 44.2688C25.2621 43.7996 24.9986 43.1634 24.9986 42.5C24.9986 41.8366 25.2621 41.2004 25.7312 40.7312C26.2003 40.2621 26.8366 39.9986 27.5 39.9986C28.1634 39.9986 28.7997 40.2621 29.2688 40.7312L35 46.4625L50.7312 30.7312C50.9635 30.499 51.2393 30.3147 51.5428 30.189C51.8462 30.0633 52.1715 29.9986 52.5 29.9986C52.8285 29.9986 53.1538 30.0633 53.4572 30.189C53.7607 30.3147 54.0365 30.499 54.2688 30.7312C54.501 30.9635 54.6853 31.2393 54.811 31.5428C54.9367 31.8462 55.0014 32.1715 55.0014 32.5C55.0014 32.8285 54.9367 33.1538 54.811 33.4572C54.6853 33.7607 54.501 34.0365 54.2688 34.2688L36.7688 51.7688C36.5366 52.0012 36.2608 52.1856 35.9574 52.3114C35.6539 52.4372 35.3285 52.502 35 52.502C34.6715 52.502 34.3461 52.4372 34.0426 52.3114C33.7392 52.1856 33.4634 52.0012 33.2312 51.7688L25.7312 44.2688Z" fill="#CEEDFF"/>
</svg></div>
<div class="btu-content"><p>Buildertrend</p></div>
</div>
</div>
<div class="popular_topic_wrapper np-max-width">
<div class="np-resource-title">
Popular Topics
</div>
<div class="popular-topic-cointainer">
<a class="popolar_topic" href="/app/ptestimates">
Estimates
</a>
<a class="popolar_topic" href="/app/ptowner-invoices">
Owner Invoices
</a>
<a class="popolar_topic" href="/app/ptschedule">
Schedule
</a>
<a class="popolar_topic" href="/app/ptdaily-logs">
Daily Logs
</a>
</div>
</div>
</main>
{% include "footer" %}
<style>
.yellow-banner{
background-color: #FFE2BE;
padding: 24px;
text-align: center;
font-size: 14px;
font-weight: 500;
}
.yellow-banner a{
color: #202227;
}
.popular-topic-cointainer {
display: flex;
justify-content: space-between;
margin: 0;
gap: 32px;
}
.popular_topic_wrapper {
display: flex;
flex-direction: column;
}
.popolar_topic {
border: 2px solid #001a43;
border-radius: 5px;
padding: 10px;
width: 100%;
text-align: center;
font-family: 'GT Walsheim', sans-serif;
font-size: 20px;
font-weight: 500;
cursor: pointer;
text-decoration: unset;
color: #011a43;
}
.np-subpage-container {
padding: 24px 20px 32px 20px;
}
.np-learning-paths-resources-container-home {
border-radius: 4px;
padding: 0;
margin: 0 -12px;
}
.np-homepage-featured-courses {
justify-content: flex-start;
margin: 0 -16px;
}
.np-learning-paths {
background: unset;
}
.np-homepage-hero {
background: #001A43;
}
.np-homepage-hero-image{
flex-grow: 1;
flex-basis: 0;
}
.np-homepage-hero-content {
flex-basis: 60%;
flex-grow: 0;
position: relative;
text-align: left;
}
.np-homepage-featured{
margin-top: 0;
}
.np-homepage-featured-text {
align-items: flex-start;
display: flex;
padding: 0px;
text-align: left;
margin: 0;
}
.np-homepage-subheadline {
font-size: 16px!important;
line-height: 24px;
margin-top: 12px;
color: #FFFFFF;
opacity: 1;
}
.np-homepage-hero .np-homepage-headline {
font-family: 'GT Walsheim', sans-serif;
font-size: 2.65rem;
line-height: 3.35rem;
font-weight: 700;
}
.np-max-width{
max-width: 1148px;
padding: 0 24px;
}
.np-homepage-headline{
margin: 40px 0;
}
@media screen and (min-width: 768px) {
.np-max-width{
max-width: 1148px;
padding: 0 24px;
}
.np-homepage-headline, .np-homepage-featured .np-homepage-headline{
font-size: 1.85rem;
font-weight: 500;
font-family: 'GT Walsheim', sans-serif;
line-height: 2.35rem;
color: #202227;
}
}
/* Media query to stack hero content and image on smaller screens */
@media (max-width: 900px) {
.np-homepage-hero {
display: flex;
flex-direction: column;
/* Stack elements vertically */
align-items: center;
/* Center align */
}
.np-homepage-hero-content {
width: 100%;
/* Take full width */
margin-right: 0;
/* Reset margin */
order: 1;
/* Ensure this comes first */
margin: auto
}
.np-homepage-hero-image {
width: 50% !important;
/* Take full width */
order: 2;
/* Ensure this comes second */
height: 300px;
/* Keep height or adjust if necessary */
background-size: cover;
/* Cover to maintain aspect ratio */
margin: 0;
/* Prevent additional margin */
}
}
</style>
<script>
window.onload = function(){
const registered_label = document.querySelectorAll('.success');
registered_label.forEach( registered_label => {
if (registered_label.textContent.includes('registered')){
registered_label.classList.add('success_green');
}
})
};
</script>

4
Custom_Templates/customer_templates/BuilderTrend External/catalog.html.liquid
View File

@ -19,7 +19,7 @@
<div class="np-catalog-courses row row-with-thumbnails">
{% assign isCoursesInprogress = false %}
{% assign isProgressHeaderOutput = false %}
{% for course in courses.featured %}
{% for course in courses.in_catalog %}
{% unless course.has_certificate? %}
{% if course.progress > 0 and course.progress < 100 %}
{% if isProgressHeaderOutput == false %}
@ -60,7 +60,7 @@
<div class="np-catalog-courses row row-with-thumbnails">
{% assign isCoursesCompleted = false %}
{% assign isCourseHeaderOutput = false %}
{% for course in courses.featured %}
{% for course in courses.in_catalog %}
{% unless course.has_certificate? %}
{% if course.progress == 100 %}
{% if isCourseHeaderOutput == false %}

6
Custom_Templates/customer_templates/BuilderTrend External/styles.css.liquid
View File

@ -117,14 +117,18 @@ main.np-catalog, main.np-homepage, main.catalog, main.np-training-events, main.n
border-radius: 5px;
box-shadow: 2px 2px 20px 0px rgba(98, 98, 98, 0.25);
}
.card-activity-count{
.card-activity-duration {
padding-left: 14px;
padding-right: 14px;
display: flex;
justify-content: space-between;
margin-top: -70px;
padding-bottom: 35px;
font-family: 'GT WALSHEIM';
color: #666D7C;
font-weight: 700;
font-size: 18px;
}
.activity-label{
font-size: 16px;

136
Custom_Templates/customer_templates/BuilderTrend External/testing-page.html.liquid Normal file
View File

@ -0,0 +1,136 @@
{% include "header" %}
<style>
h2, h3, li, p{
color: #202227;
}
</style>
<main>
<h2>{{ custom_page.headline }}</h2>
<h3>{{ custom_page.subheadline }}</h3>
<div style="display:flex; flex-wrap: wrap;">
{% if courses.enrolled.any? %}
<div class="row row-with-thumbnails" style=" display: grid; grid-template-columns: repeat(3, 1fr);">
{% for course in courses.enrolled %}
<div >
{% include "cards_course" with course %}
</div>
{% endfor %}
</div>
{% else %}
{% capture message %}
{% t shared.zero_state.courses.index,
key: current_school.course_vocabulary
%}
{% endcapture %}
{% include "courses_zero_state", message: message %}
{% endif %}
<h1>Second Piece</h1>
{% assign isCoursesCompleted = false %}
{% assign isCourseHeaderOutput = false %}
{% for course in courses.in_catalog %}
{% unless course.has_certificate? %}
{% if course.progress == 100 %}
{% if isCourseHeaderOutput == false %}
<div class="np-resource-title addWidthMargin">Completed courses</div>
{% assign isCourseHeaderOutput = true %}
{% endif %}
<div class="col-xs-12 col-sm-6 col-lg-4 np-stretch-content catalog-content"
data-categories='{% for category in course.categories %}{{ category.id }},{% endfor %}'>
{% include "cards_course" with course %}
</div>
{% assign isCoursesCompleted = true %}
{% endif %}
{% endunless %}
{% endfor %}
</div>
</main>
{% include "footer" %}
<style>
.card-activity-count{
padding-left: 14px;
margin-top: -70px;
padding-bottom: 35px;
font-family: 'GT WALSHEIM';
color: #666D7C;
font-weight: 700;
font-size: 18px;
}
.activity-label{
font-size: 16px;
font-weight: 400;
}
.circle-progress{
width: 50px;
height: 50px;
border-radius: 50%;
background: conic-gradient(blue 0% var(--percentage), darkgrey var(--percentage) 100%);
border: 1px solid black;
}
.bla-card {
border-radius: 12px;
box-shadow: 2px 2px 20px 0px rgba(0, 17, 44, 0.25);
background-color: #FFFFFF;
}
.bla-header{
background-color: #0763FB;
font-family: 'Inter', sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 24px;
color: #FFFFFF;
padding: 8px 0 8px 19px;
border-radius: 12px 12px 0 0;
}
.bla-content{
text-align: center;
padding: 20px;
}
.bla-title{
font-family: 'GT Walsheim', sans-serif;
font-size: 22px;
font-weight: 500;
}
.bla-date{
font-family: 'Inter', sans-serif;
font-size: 18px;
text-align: center;
}
.bla-cta{
border-radius: 10px;
border: 2px solid rgba(255, 255, 255, 0.10);
background: var(--color-blue-60, #0763FB);
box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.08), 0px 0px 0px 1px rgba(0, 0, 0, 0.08);
padding: 9px 18px;
color: white;
font-size: 18px;
font-weight: 700;
margin: 0 auto;
}
.bla-allsessions{
font-size: 14px;
font-weight: 500;
line-height: 25px;
color: #004FD6;
position: relative;
}
.bla-cta a {
text-decoration: none;
color: #FFFFFF;
}
.bla-allsessions a{
text-decoration: none;
color: #004FD6;
}
.bla-allsessions a::after{
content: url('https://buildertrend.com/wp-content/uploads/2024/12/CTA-Arrow.svg');
margin-left: 7px;
bottom: 10px;
position: absolute;
}
</style>