ofco/medicalalert-web-reloaded
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

WIP

Browse Source
This commit is contained in:
Haley Bristol
2025-01-09 10:31:03 -08:00
parent 8e92d0617e
commit baf728b22b
9 changed files with 110 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
wp/wp-content/themes/medicalalert/acf-json/group_625dc5c18c6d5.json
View File

@@ -7272,16 +7272,15 @@
"id": "" "id": ""
}, },
"choices": { "choices": {
"none: No Border": "none: No Border", "none": "No Border",
"white": "White", "g-purple-border": "Purple Gradient"
"red": "Red",
"black": "Black"
}, },
"default_value": "red", "default_value": "g-purple-border",
"allow_null": 0,
"multiple": 0,
"ui": 0,
"return_format": "value", "return_format": "value",
"multiple": 0,
"allow_null": 0,
"allow_in_bindings": 1,
"ui": 0,
"ajax": 0, "ajax": 0,
"placeholder": "" "placeholder": ""
}, },
@@ -8311,5 +8310,5 @@
"active": true, "active": true,
"description": "", "description": "",
"show_in_rest": 0, "show_in_rest": 0,
"modified": 1736391849 "modified": 1736445895
} }

16
wp/wp-content/themes/medicalalert/dist/app.css vendored
View File

@@ -12476,12 +12476,11 @@ body {
} }
.testimonial-carousel-slice-container .testimonials .testimonial-image img { .testimonial-carousel-slice-container .testimonials .testimonial-image img {
width: 225px; width: 250px;
height: 225px; height: 250px;
border-radius: 50%;
} }
.testimonial-carousel-slice-container .testimonials .title { .testimonial-carousel-slice-container .testimonials .title {
color: #000066; color: #7e5bef !important;
text-align: start; text-align: start;
} }
.testimonial-carousel-slice-container .testimonials .quote-attribution { .testimonial-carousel-slice-container .testimonials .quote-attribution {
@@ -12492,14 +12491,14 @@ body {
} }
.consumer-brand .testimonial-carousel-slice-container .slick-dots li button::before { .consumer-brand .testimonial-carousel-slice-container .slick-dots li button::before {
color: rgba(102, 0, 55, 0.5); color: #507CFF;
} }
.consumer-brand .testimonial-carousel-slice-container .slick-dots .slick-active button::before { .consumer-brand .testimonial-carousel-slice-container .slick-dots .slick-active button::before {
color: #000066; color: #507CFF;
} }
.business-brand .testimonial-carousel-slice-container .slick-dots li button::before { .business-brand .testimonial-carousel-slice-container .slick-dots li button::before {
color: rgba(0, 68, 124, 0.5); color: #507CFF;
} }
.business-brand .testimonial-carousel-slice-container .slick-dots .slick-active button::before { .business-brand .testimonial-carousel-slice-container .slick-dots .slick-active button::before {
color: #00447C; color: #00447C;
@@ -12518,9 +12517,10 @@ body {
width: 100%; width: 100%;
-o-object-fit: cover; -o-object-fit: cover;
object-fit: cover; object-fit: cover;
max-width: 350px;
} }
.testimonial-slice-container .testimonial-inner-content-wrapper { .testimonial-slice-container .testimonial-inner-content-wrapper {
padding-left: 3em; padding-left: 2em;
} }
.testimonial-slice-container .testimonial-inner-content-wrapper .testimonial-title { .testimonial-slice-container .testimonial-inner-content-wrapper .testimonial-title {
font-size: 32px; font-size: 32px;

2
wp/wp-content/themes/medicalalert/dist/mix-manifest.json vendored
View File

@@ -1,4 +1,4 @@
{ {
"/app.js": "/app.js?id=def087bfee86b3ced20472c4fd21ee05", "/app.js": "/app.js?id=def087bfee86b3ced20472c4fd21ee05",
"/app.css": "/app.css?id=ce0cb2dfa7a09d1c721b431100aa8cfe" "/app.css": "/app.css?id=273836cfd783ff85befd47a49c8f0d58"
} }

18
wp/wp-content/themes/medicalalert/src/scss/testimonial-carousel.scss
View File

@@ -2,18 +2,20 @@
.testimonials { .testimonials {
.testimonial-image { .testimonial-image {
img { img {
width: 225px; width: 250px;
height: 225px; height: 250px;
border-radius: 50%;
} }
} }
.title { .title {
color: $consumer-primary; color: $ma-purple !important;
text-align: start; text-align: start;
} }
.quote-attribution { .quote-attribution {
text-align: start; text-align: start;
} }
.slick-dots li button::before { .slick-dots li button::before {
font-size: 12px; font-size: 12px;
} }
@@ -26,12 +28,13 @@
li { li {
button { button {
&::before { &::before {
color: rgba(102, 0, 55, 0.5); color: #507CFF;
} }
} }
} }
.slick-active button::before { .slick-active button::before {
color: $consumer-primary; color: #507CFF;
} }
} }
} }
@@ -43,10 +46,11 @@
li { li {
button { button {
&::before { &::before {
color: rgba(0, 68, 124, 0.5); color: #507CFF;
} }
} }
} }
.slick-active button::before { .slick-active button::before {
color: $business-primary; color: $business-primary;
} }

3
wp/wp-content/themes/medicalalert/src/scss/testimonial.scss
View File

@@ -11,10 +11,11 @@
.testimonial-img { .testimonial-img {
width: 100%; width: 100%;
object-fit: cover; object-fit: cover;
max-width: 350px;
} }
.testimonial-inner-content-wrapper { .testimonial-inner-content-wrapper {
padding-left: 3em; padding-left: 2em;
.testimonial-title { .testimonial-title {
font-size: 32px; font-size: 32px;

4
wp/wp-content/themes/medicalalert/tpl/image_with_icon_info_grid.tpl
View File

@@ -1,9 +1,9 @@
<!-- Image With Icon Info Grid BEGIN --> <!-- Image With Icon Info Grid BEGIN -->
<section class="image-with-icon-info-grid-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}"> <section class="image-with-icon-info-grid-slice-container bg-color-{{background_color}} padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
<div class="container"> <div class="container">
<div class="row gx-3"> <div class="row gx-5">
<div class="col-12 col-md col-lg-4 order-md-{{alignment}} align-self-center py-3"> <div class="col-12 col-md col-lg-4 order-md-{{alignment}} align-self-center py-3">
<div class="g-purple-border"> <div class="g-purple-border me-3">
<img class="w-100" src="{{image.url}}" alt="{{image.alt}}"> <img class="w-100" src="{{image.url}}" alt="{{image.alt}}">
</div> </div>
</div> </div>

6
wp/wp-content/themes/medicalalert/tpl/testimonial.tpl
View File

@@ -47,13 +47,13 @@
</svg> </svg>
</div> </div>
<div class="container rounded p-4 bg-color-{{background_color}}"> <div class="container rounded p-4 bg-color-{{background_color}}">
<div class="row gx-5"> <div class="row">
<div class="col-lg-5 p-relative d-flex justify-content-center mb-4"> <div class="col-lg-3 p-relative d-flex justify-content-center mb-4">
<div class="g-sky-border z-0 offset"> <div class="g-sky-border z-0 offset">
<img class="testimonial-img" src="{{image.url}}" alt="{{image.alt}}" /> <img class="testimonial-img" src="{{image.url}}" alt="{{image.alt}}" />
</div> </div>
</div> </div>
<div class="col-lg-7 my-auto testimonial-inner-content-wrapper"> <div class="col-lg-9 my-auto testimonial-inner-content-wrapper">
<svg width="35" height="29" viewBox="0 0 35 29" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="35" height="29" viewBox="0 0 35 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.93 28.57V18.49C19.93 13.99 21.16 10.06 23.62 6.7C26.08 3.28 29.86 1.18 34.96 0.399999V6.97C32.02 7.33 30.07 8.29 29.11 9.85C28.15 11.41 27.67 13.48 27.67 16.06L22.36 14.98H34.78V28.57H19.93ZM0.4 28.57V18.49C0.4 13.99 1.63 10.06 4.09 6.7C6.55 3.28 10.33 1.18 15.43 0.399999V6.97C12.49 7.33 10.54 8.29 9.58 9.85C8.62 11.41 8.14 13.48 8.14 16.06L2.83 14.98H15.25V28.57H0.4Z" fill="white" /> <path d="M19.93 28.57V18.49C19.93 13.99 21.16 10.06 23.62 6.7C26.08 3.28 29.86 1.18 34.96 0.399999V6.97C32.02 7.33 30.07 8.29 29.11 9.85C28.15 11.41 27.67 13.48 27.67 16.06L22.36 14.98H34.78V28.57H19.93ZM0.4 28.57V18.49C0.4 13.99 1.63 10.06 4.09 6.7C6.55 3.28 10.33 1.18 15.43 0.399999V6.97C12.49 7.33 10.54 8.29 9.58 9.85C8.62 11.41 8.14 13.48 8.14 16.06L2.83 14.98H15.25V28.57H0.4Z" fill="white" />
</svg> </svg>

21
wp/wp-content/themes/medicalalert/tpl/testimonial_carousel.tpl
View File

@@ -7,24 +7,29 @@
{{#each testimonials}} {{#each testimonials}}
<div class="testimonial"> <div class="testimonial">
<div class="row gx-4"> <div class="row gx-4">
<div class="col-auto pb-3"> <div class="col-auto d-flex align-items-center">
<div class="testimonial-image"> <div class="testimonial-image {{../border_color}}">
<img class="border-color-{{../border_color}}" src="{{image.url}}" alt="{{image.alt}}"> <img class="w-100" src="{{image.url}}" alt="{{image.alt}}">
</div> </div>
</div> </div>
<div class="col"> <div class="col d-flex align-items-center">
<div class="title mb-3"> <div>
<h3>{{title}}</h3> <svg width="35" height="29" viewBox="0 0 35 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.93 28.57V18.49C19.93 13.99 21.16 10.06 23.62 6.7C26.08 3.28 29.86 1.18 34.96 0.399999V6.97C32.02 7.33 30.07 8.29 29.11 9.85C28.15 11.41 27.67 13.48 27.67 16.06L22.36 14.98H34.78V28.57H19.93ZM0.4 28.57V18.49C0.4 13.99 1.63 10.06 4.09 6.7C6.55 3.28 10.33 1.18 15.43 0.399999V6.97C12.49 7.33 10.54 8.29 9.58 9.85C8.62 11.41 8.14 13.48 8.14 16.06L2.83 14.98H15.25V28.57H0.4Z" fill="#E0D6FB" />
</svg>
<div class="title mb-3 mt-1">
<h3 class="fw-bold f-purple">{{title}}</h3>
</div> </div>
<div class="copy mb-3"> <div class="copy mb-3">
<p>{{copy}}</p> <p>{{copy}}</p>
</div> </div>
<div class="quote-attribution pb-5"> <div class="quote-attribution">
<p>{{quote_attribution}}</p> <p>{{quote_attribution}}</p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
{{/each}} {{/each}}
</div> </div>
</div> </div>
@@ -33,7 +38,7 @@
<!-- Slick Carousel --> <!-- Slick Carousel -->
<script type="text/javascript"> <script type="text/javascript">
$(window).on('load', function(){ $(window).on('load', function () {
$('.testimonials').slick({ $('.testimonials').slick({
slidesToShow: 1, slidesToShow: 1,
slidesToScroll: 1, slidesToScroll: 1,

2
wp/wp-content/themes/medicalalert/tpl/text_highlights_col.tpl
View File

@@ -6,7 +6,7 @@
<div class="col-12"> <div class="col-12">
<div class="text-block"> <div class="text-block">
<div class="title mb-4"> <div class="title mb-4">
<h3>{{title}}</h3> <h4>{{title}}</h4>
</div> </div>
{{#if has_two_columns}} {{#if has_two_columns}}
<div class="two-column-section"> <div class="two-column-section">