🔵 other: Initial WP conversion from Eleventy

views/partials/social-media.php

@@ -1,39 +1,19 @@
 <?php
 /**
- * Social Media Links Partial
+ * Social Media Links Partial - Auntie style
  *
- * @package BasicWP
+ * @package GoAskAuntie
  */
 
 namespace BasicWP;
 
-$classes = $args['classes'] ?? '';
-$circle  = $args['circle'] ?? '';
-
-// Define social media sites and their URLs
-$sites = array(
-	'facebook'  => getFieldValue( 'social_media.facebook' ) ? getFieldValue( 'social_media.facebook' ) : '',
-	'twitter'   => getFieldValue( 'social_media.twitter' ) ? getFieldValue( 'social_media.twitter' ) : '',
-	'pinterest' => getFieldValue( 'social_media.pinterest' ) ? getFieldValue( 'social_media.pinterest' ) : '',
-	'instagram' => getFieldValue( 'social_media.instagram' ) ? getFieldValue( 'social_media.instagram' ) : '',
-	'youtube'   => getFieldValue( 'social_media.youtube' ) ? getFieldValue( 'social_media.youtube' ) : '',
-	'linkedin'  => getFieldValue( 'social_media.linkedin' ) ? getFieldValue( 'social_media.linkedin' ) : '',
-);
-
-// Add circle class if the circle option is enabled
-if ( $circle ) {
-	$classes .= ' circular-icon';
-}
-
-// Loop through the social media sites and output links
-foreach ( $sites as $name => $url ) {
-	if ( $url ) {
-		?>
-	<a href="<?php echo esc_url( $url ); ?>" class="<?php echo esc_attr( $classes ); ?>">
-		<?php get_template_part( 'views/icons/' . $name ); ?>
-		<span class="sr-only bg-white text-black">Visit our <?php echo esc_html( $name ); ?> page</span>
-	</a>
-		<?php
-	}
-}
+$social_twitter  = getFieldValue( 'social_media.twitter' ) ?: 'https://twitter.com/goaskauntieca';
+$social_facebook = getFieldValue( 'social_media.facebook' ) ?: 'https://www.facebook.com/Goaskauntieca';
+$social_instagram = getFieldValue( 'social_media.instagram' ) ?: 'https://www.instagram.com/goaskauntieca/';
 ?>
+
+<div class="mx-auto flex justify-center place-items-center flex-wrap h-full flex-row md:mx-0 w-auto">
+	<a href="<?php echo esc_url( $social_twitter ); ?>"><span class="fa-stack fa-lg mx-1 font-extralight text-purple mt-2"><i class="fa fa-circle fa-stack-2x"></i><i class="fab fa-twitter text-white fa-stack-1x"></i></span></a>
+	<a href="<?php echo esc_url( $social_facebook ); ?>"><span class="fa-stack fa-lg mx-1 font-extralight text-purple mt-2"><i class="fa fa-circle fa-stack-2x"></i><i class="fab fa-facebook-f text-white fa-stack-1x"></i></span></a>
+	<a href="<?php echo esc_url( $social_instagram ); ?>"><span class="fa-stack fa-lg mx-1 font-extralight text-purple mt-2"><i class="fa fa-circle fa-stack-2x"></i><i class="fab fa-instagram text-white fa-stack-1x"></i></span></a>
+</div>