Add h-card to support the IndieWeb movement (#1771)

Co-authored-by: Automattic Bot <[email protected]>

Author: pfefferle

.github/changelog/1771-from-description

@@ -0,0 +1,4 @@
+Significance: minor
+Type: added
+
+Enhanced markup of the "follow me" block, for a better Webmention and IndieWeb support.

build/follow-me/render.php

@@ -107,28 +107,28 @@
 	<?php echo get_block_wrapper_attributes( $wrapper_attributes ); // phpcs:ignore WordPress.Security.EscapeOutput ?>
 	<?php echo $wrapper_context; // phpcs:ignore WordPress.Security.EscapeOutput ?>
 >
-	<div class="activitypub-profile">
+	<div class="activitypub-profile p-author h-card">
 		<?php if ( $has_header ) : ?>
 			<div class="activitypub-profile__header" style="background-image: url('<?php echo esc_url( $header_image['url'] ); ?>');"></div>
 		<?php endif; ?>
 
 		<div class="activitypub-profile__body">
 			<img
-				class="activitypub-profile__avatar"
+				class="activitypub-profile__avatar u-photo"
 				src="<?php echo esc_url( $actor->get_icon()['url'] ); ?>"
 				alt="<?php echo esc_attr( $actor->get_name() ); ?>"
 			/>
 
 			<div class="activitypub-profile__content">
 				<div class="activitypub-profile__info">
-					<div class="activitypub-profile__name"><?php echo esc_html( $actor->get_name() ); ?></div>
-					<div class="activitypub-profile__handle"><?php echo esc_html( '@' . $actor->get_webfinger() ); ?></div>
+					<div class="activitypub-profile__name p-name"><?php echo esc_html( $actor->get_name() ); ?></div>
+					<div class="activitypub-profile__handle p-nickname p-x-webfinger"><?php echo esc_html( '@' . $actor->get_webfinger() ); ?></div>
 				</div>
 
 				<?php echo $content; // phpcs:ignore WordPress.Security.EscapeOutput ?>
 
 				<?php if ( $actor->get_summary() ) : ?>
-					<div class="activitypub-profile__bio">
+					<div class="activitypub-profile__bio p-note">
 						<?php echo wp_kses_post( $actor->get_summary() ); ?>
 					</div>
 				<?php endif; ?>

build/reply/index.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('react', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-i18n', 'wp-primitives', 'wp-url'), 'version' => 'e4cc0f6ffd681f4d678d');
+<?php return array('dependencies' => array('react', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-i18n', 'wp-primitives', 'wp-url'), 'version' => '78dbc26b5e405051df4a');