Viên ngọc phương Đông

ruạṛ

<?php
/**
 * The header for Astra Theme.
 *
 * This is the template that displays all of the <head> section and everything up until <div id="content">
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package Astra
 * @since 1.0.0
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly.
}

?><!DOCTYPE html>
<?php astra_html_before(); ?>
<html <?php language_attributes(); ?>>
<head>
<?php astra_head_top(); ?>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<?php
if ( apply_filters( 'astra_header_profile_gmpg_link', true ) ) {
	?>
	<link rel="profile" href="https://gmpg.org/xfn/11"> 
	<?php
}
?>
<?php wp_head(); ?>
<?php astra_head_bottom(); ?>
<script type="module" src="https://unpkg.com/deep-chat@2.1.1/dist/deepChat.bundle.js"></script>
</head>

<div
<?php
	echo wp_kses_post(
		astra_attr(
			'site',
			array(
				'id'    => 'page',
				'class' => 'hfeed site',
			)
		)
	);
	?>
>
	<?php
	astra_header_before();

astra_header();

astra_header_after();

astra_content_before();
	?>
<script>
document.addEventListener('DOMContentLoaded', function() {
    var logo = document.querySelector('.site-logo-img img');
    if (!logo) {
        console.error('Logo image not found. Please check the selector.');
        return;
    }
    var angle = 0;
    function rotateLogo() {
        angle += 1; // continuously increment angle
        logo.style.transform = 'rotateY(' + angle + 'deg)';
        requestAnimationFrame(rotateLogo);
    }
    rotateLogo();
});
</script>

/* Styling for the chat icon */
  #chat-toggle-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
  }

/* Sizing for the Chat Icon Button image*/
  #chat-toggle-btn img {
    width: 70px;
    height: auto;
    border-radius: 50%;
  }

/* Header Text Label thing @keyfram for the pulse effect.*/
  #chat-header {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    animation: pulse 2s infinite;
  }

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.25); }
    100% { transform: scale(1); }
  }
</style>