From 9f2b25ce1a68620c6902bbbc65e3e140c5836a91 Mon Sep 17 00:00:00 2001
From: Chris Abraham <cjyabraham@gmail.com>
Date: Wed, 2 Apr 2025 08:44:51 +0700
Subject: [PATCH] Add Golden Kubestronaut capability (#909)

* Add Golden Kubestronaut capability

Signed-off-by: Chris Abraham <cjyabraham@gmail.com>

* darken the golden marker slightly

Signed-off-by: Chris Abraham <cjyabraham@gmail.com>

* store golden designation in meta

Signed-off-by: Chris Abraham <cjyabraham@gmail.com>

* improve styling

Signed-off-by: Chris Abraham <cjyabraham@gmail.com>

* sync

Signed-off-by: Chris Abraham <cjyabraham@gmail.com>

* no sync

Signed-off-by: Chris Abraham <cjyabraham@gmail.com>

* fix url

Signed-off-by: Chris Abraham <cjyabraham@gmail.com>

* hide people again

Signed-off-by: Chris Abraham <cjyabraham@gmail.com>

* temporarily sync people on page load

Signed-off-by: Chris Abraham <cjyabraham@gmail.com>

* undo temporary sync

Signed-off-by: Chris Abraham <cjyabraham@gmail.com>

---------

Signed-off-by: Chris Abraham <cjyabraham@gmail.com>
---
 .../wp-mu-plugins/lf-mu/admin/partials/sync-people.php |  7 +++++++
 .../themes/cncf-twenty-two/components/people-item.php  |  9 +++++++--
 .../images/map-markers/person-golden.svg               |  1 +
 .../cncf-twenty-two/includes/shortcodes/people-map.php |  7 +++++++
 .../cncf-twenty-two/source/js/on-demand/people-map.js  |  8 +++++++-
 .../source/scss/components/_people.scss                | 10 +++++++++-
 6 files changed, 38 insertions(+), 4 deletions(-)
 create mode 100644 web/wp-content/themes/cncf-twenty-two/images/map-markers/person-golden.svg

diff --git a/web/wp-content/mu-plugins/wp-mu-plugins/lf-mu/admin/partials/sync-people.php b/web/wp-content/mu-plugins/wp-mu-plugins/lf-mu/admin/partials/sync-people.php
index 7b331673..2225c98e 100644
--- a/web/wp-content/mu-plugins/wp-mu-plugins/lf-mu/admin/partials/sync-people.php
+++ b/web/wp-content/mu-plugins/wp-mu-plugins/lf-mu/admin/partials/sync-people.php
@@ -189,6 +189,13 @@ foreach ( $people as $p ) {
 		}
 		if ( property_exists( $p, 'category' ) ) {
 			wp_set_object_terms( $newid, $p->category, 'lf-person-category', false );
+
+			// if category contains element "Golden-Kubestronaut", then set meta field "lf_person_golden" to true.
+			if ( in_array( 'Golden-Kubestronaut', $p->category, true ) ) {
+				update_post_meta( $newid, 'lf_person_golden', true );
+			} else {
+				update_post_meta( $newid, 'lf_person_golden', false );
+			}
 		} else {
 			wp_set_object_terms( $newid, array(), 'lf-person-category', false );
 		}
diff --git a/web/wp-content/themes/cncf-twenty-two/components/people-item.php b/web/wp-content/themes/cncf-twenty-two/components/people-item.php
index 42d19930..4c0c412c 100644
--- a/web/wp-content/themes/cncf-twenty-two/components/people-item.php
+++ b/web/wp-content/themes/cncf-twenty-two/components/people-item.php
@@ -38,8 +38,13 @@ $current_url           = home_url( 'people/ambassadors' );
 
 $show_modal = isset( $args['show_profile'] ) && $args['show_profile'] ? true : false;
 $show_logos = isset( $args['show_logos'] ) && $args['show_logos'] ? true : false;
+
+$extra_classes = '';
+if ( has_term( 'golden-kubestronaut', 'lf-person-category' ) ) {
+	$extra_classes = 'golden-kubestronaut';
+}
 ?>
-<div class="person has-animation-scale-2">
+<div class="person has-animation-scale-2<?php echo ' ' . esc_html( $extra_classes ); ?>">
 	<?php
 	// Make image link if show_modal.
 	if ( $show_modal ) :
@@ -208,7 +213,7 @@ $show_logos = isset( $args['show_logos'] ) && $args['show_logos'] ? true : false
 			?>
 		<div class="modal-hide" id="modal-<?php echo esc_html( $person_id ); ?>"
 			aria-hidden="true">
-			<div class="modal-content-wrapper">
+			<div class="modal-content-wrapper<?php echo ' ' . esc_html( $extra_classes ); ?>">
 
 				<figure class="person__image">
 					<img loading="lazy"
diff --git a/web/wp-content/themes/cncf-twenty-two/images/map-markers/person-golden.svg b/web/wp-content/themes/cncf-twenty-two/images/map-markers/person-golden.svg
new file mode 100644
index 00000000..11783297
--- /dev/null
+++ b/web/wp-content/themes/cncf-twenty-two/images/map-markers/person-golden.svg
@@ -0,0 +1 @@
+<svg width="32" height="38" viewBox="0 0 32 38" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.1 5.884C.634 11.35.634 20.215 6.1 25.683l9.9 9.9 9.9-9.9c5.467-5.468 5.467-14.332 0-19.8-5.468-5.466-14.332-5.466-19.8 0Z" fill="#FFFDFD" stroke="#000" stroke-width="2.771" stroke-linecap="round"/><circle cx="16" cy="10" r="3" fill="url(#a)"/><path d="M13 18a3 3 0 1 1 6 0v6h-6v-6Z" fill="url(#b)"/><defs><linearGradient id="a" x1="13" y1="11.812" x2="18.999" y2="5.813" gradientUnits="userSpaceOnUse"><stop stop-color="#ddbd55"/><stop offset="1" stop-color="#6c6037"/></linearGradient><linearGradient id="b" x1="13" y1="22.218" x2="17.16" y2="12.233" gradientUnits="userSpaceOnUse"><stop stop-color="#ddbd55"/><stop offset="1" stop-color="#6c6037"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/web/wp-content/themes/cncf-twenty-two/includes/shortcodes/people-map.php b/web/wp-content/themes/cncf-twenty-two/includes/shortcodes/people-map.php
index c6feb53e..e66f9817 100644
--- a/web/wp-content/themes/cncf-twenty-two/includes/shortcodes/people-map.php
+++ b/web/wp-content/themes/cncf-twenty-two/includes/shortcodes/people-map.php
@@ -74,6 +74,12 @@ function add_cncf_people_map_shortcode( $atts ) {
 		$lat = get_post_meta( $post->ID, 'lf_person_location_lat' );
 		$lng = get_post_meta( $post->ID, 'lf_person_location_lng' );
 
+		if ( has_term( 'golden-kubestronaut', 'lf-person-category' ) ) {
+			$golden = true;
+		} else {
+			$golden = false;
+		}
+
 		if ( $lat && $lng ) {
 			$people[] = array(
 				'lat'  => $lat,
@@ -81,6 +87,7 @@ function add_cncf_people_map_shortcode( $atts ) {
 				'name' => get_the_title(),
 				'slug' => $post->post_name,
 				'id'   => get_the_ID(),
+				'golden' => $golden,
 			);
 		}
 	}
diff --git a/web/wp-content/themes/cncf-twenty-two/source/js/on-demand/people-map.js b/web/wp-content/themes/cncf-twenty-two/source/js/on-demand/people-map.js
index 9acae973..98b754f0 100644
--- a/web/wp-content/themes/cncf-twenty-two/source/js/on-demand/people-map.js
+++ b/web/wp-content/themes/cncf-twenty-two/source/js/on-demand/people-map.js
@@ -71,10 +71,16 @@
 
 				const latLng = new google.maps.LatLng( lat, lng );
 
+				if ( peopleObj[i]['golden'] ) {
+					iconFile = '/wp-content/themes/cncf-twenty-two/images/map-markers/person-golden.svg';
+				} else {
+					iconFile = '/wp-content/themes/cncf-twenty-two/images/map-markers/person.svg';
+				}
+
 				const marker = new google.maps.Marker(
 					{
 						position: latLng,
-						icon: '/wp-content/themes/cncf-twenty-two/images/map-markers/person.svg',
+						icon: iconFile,
 					}
 				);
 
diff --git a/web/wp-content/themes/cncf-twenty-two/source/scss/components/_people.scss b/web/wp-content/themes/cncf-twenty-two/source/scss/components/_people.scss
index 727b503b..179cd489 100644
--- a/web/wp-content/themes/cncf-twenty-two/source/scss/components/_people.scss
+++ b/web/wp-content/themes/cncf-twenty-two/source/scss/components/_people.scss
@@ -11,7 +11,7 @@
 	align-items: flex-start;
 	background-color: $white;
 	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
-	border-radius: 3px;
+	border-radius: 5px;
 
 	button.button-reset {
 		width: 100%;
@@ -282,3 +282,11 @@
 		}
 	}
 }
+
+.golden-kubestronaut .person__name {
+	color: #9c8435;
+}
+
+.golden-kubestronaut.person {
+	border: 2px #d8c68d solid;
+}