footer.php

<?php
/**
 * The template for displaying the footer
 *
 * Contains the closing of the #content div and all content after.
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package good-guitarist
 */

?>
	</div><!-- #content -->

	<?php
	if ( is_customize_preview() ) {
		echo '<div id="awps-footer-control" style="margin-top:-30px;position:absolute;"></div>';
	}
	$footer_font_color = get_theme_mod( 'gg_footer_font_color', 'black' );
	$footer_font_color_filter_map = [
		'black' => 'unset',
		'white' => 'invert()'
	];
	?>

	<footer id="colophon" class="site-footer container-fluid" role="contentinfo" style="<?php echo esc_attr( 'background-color: ' . get_theme_mod( 'gg_footer_background_color', '#fff' ) ); ?>">
		<h2 style="<?php esc_attr_e( 'color: ' . $footer_font_color ) ?>">
			<?php echo esc_html( get_theme_mod( 'gg_footer_header_text', '' ) ); ?>
		</h2>
		<section class="social-links-footer-section">
			<a style="<?php esc_attr_e( 'filter: ' . $footer_font_color_filter_map[$footer_font_color] ) ?>"
				href="<?php echo esc_url( get_theme_mod( 'gg_youtube_url', '#' ) ); ?>"
				class="">
				<img src="<?php echo get_template_directory_uri() . '/assets/dist/images/youtube-icon.png' ?>" />
			</a>
			<a style="<?php esc_attr_e( 'filter: ' . $footer_font_color_filter_map[$footer_font_color] ) ?>"
				href="<?php echo esc_url( get_theme_mod( 'gg_instagram_url', '#' ) ); ?>"
				class="">
				<img src="<?php echo get_template_directory_uri() . '/assets/dist/images/instagram-icon.png' ?>" />
			</a>
			<a style="<?php esc_attr_e( 'filter: ' . $footer_font_color_filter_map[$footer_font_color] ) ?>"
				href="<?php echo esc_url( get_theme_mod( 'gg_facebook_url', '#' ) ); ?>"
				class="">
				<img src="<?php echo get_template_directory_uri() . '/assets/dist/images/facebook-icon.png' ?>" />
			</a>
			<a style="<?php esc_attr_e( 'filter: ' . $footer_font_color_filter_map[$footer_font_color] ) ?>"
				href="<?php echo esc_url( get_theme_mod( 'gg_patreon_url', '#' ) ); ?>"
				class="">
				<img src="<?php echo get_template_directory_uri() . '/assets/dist/images/patreon-icon.png' ?>" />
			</a>
		</section>
		<div class="site-info">
			<?php
				printf(
					'<a %s href="%s">%s</a>',
					is_customize_preview() ? 'id="awps-footer-copy-control"' : '',
					esc_url( __( 'https://github.com/Alecaddd/awps', 'good-guitarist' ) ),
					esc_html( GoodGuitarist\Api\Customizer::text( 'awps_footer_copy_text' ) )
				);
			?>
		</div><!-- .site-info -->
	</footer><!-- #colophon -->
</div><!-- #page -->

<?php wp_footer(); ?>
</body>
</html>