TG Starter Theme

<img class="explosion" sizes="(max-width: 3840px) 100vw, 3840px" srcset="
<?php echo get_template_directory_uri() . '/static/img/frontpage/blue-explosion,w_200.webp'; ?> 200w,
<?php echo get_template_directory_uri() . '/static/img/frontpage/blue-explosion,w_958.webp'; ?> 958w,
<?php echo get_template_directory_uri() . '/static/img/frontpage/blue-explosion,w_1422.webp'; ?> 1422w,
<?php echo get_template_directory_uri() . '/static/img/frontpage/blue-explosion,w_1778.webp'; ?> 1778w,
<?php echo get_template_directory_uri() . '/static/img/frontpage/blue-explosion,w_2142.webp'; ?> 2142w,
<?php echo get_template_directory_uri() . '/static/img/frontpage/blue-explosion,w_2585.webp'; ?> 2585w,
<?php echo get_template_directory_uri() . '/static/img/frontpage/blue-explosion,w_3028.webp'; ?> 3028w,
<?php echo get_template_directory_uri() . '/static/img/frontpage/blue-explosion,w_3420.webp'; ?> 3420w,
<?php echo get_template_directory_uri() . '/static/img/frontpage/blue-explosion,w_3661.webp'; ?> 3661w,
<?php echo get_template_directory_uri() . '/static/img/frontpage/blue-explosion,w_3840.webp'; ?> 3840w" src="<?php echo get_template_directory_uri() . '/static/img/frontpage/blue-explosion,w_3840.webp'; ?>" alt="blue explosion">        

TG::optimised_img($image_id, true, ['classes' => 'my-cool-img', 'id' => 'my-img']);        

<?php
namespace TG;
//****************************************                                      
// 🆃🅶                                     
// Wᴏʀᴅᴘʀᴇss Sᴛᴀʀᴛᴇʀ Tʜᴇᴍᴇ                  
// @𝑣𝑒𝑟𝑠𝑖𝑜𝑛 2.0.0                            
                                        
//****************************************
// COMPONENT: hero
//****************************************
//****************************************
//                PROPS                  *
//****************************************
// Define your component props here
$message = $message ?? "No message was passed to the component";
?>


<section class="hero" data-row-index="<?php echo $row_index;?>">
    <div class="container">
        <h1><?php echo $message; ?></h1>
    </div>
</section>        

<?php

// Let's call the component

TG::load_component('hero', ['message' => 'This is a message passed for the message prop']);

?>        

<?php
//****************************************
// 🆃🅶                                     
// Wᴏʀᴅᴘʀᴇss Sᴛᴀʀᴛᴇʀ Tʜᴇᴍᴇ                  
// @𝑣𝑒𝑟𝑠𝑖𝑜𝑛 2.0.0
//****************************************
namespace TG;

/**
 * TG Theme Functions & Definitions
 *
 * @link https://developer.wordpress.org/themes/basics/theme-functions/
 *
 * @package tg
 */

//**************************************************************/
// Theme Version
//***************************************************************/
/**
 * Change Version with every theme release
 */
if (!defined('_S_VERSION')) {
	define('_S_VERSION', '1.0.0');
}

//**************************************************************/
// Theme Text Domain
//***************************************************************/
/**
 * Define theme text domain
 */
if (!defined('THEME_TEXT_DOMAIN')) {
	define('THEME_TEXT_DOMAIN', "tg");
}

//**************************************************************/
// Use jQuery ?
//***************************************************************/
/**
 * Define if the theme should use jQuery or not
 */
if (!defined('USE_JQUERY')) {
	define('USE_JQUERY', false);
}

//**************************************************************/
// Built-in Cache System
//***************************************************************/
/**
 * Define if the theme should use efficient cache setting or not (might not work in all servers)
 */
if (!defined('USE_CACHE')) {
	define('USE_CACHE', true);
}

//**************************************************************/
// Static Assets Optimization - RENDER BLOCKING RESOURCES
//***************************************************************/
/**
 * List the Handles of any --->plugin scripts<---- that you want to optimize
 */
if (!defined('PLUGIN_SCRIPTS')) {
	define('PLUGIN_SCRIPTS', array(
		//Include the handlers for the scripts you want to optimize here
	));
}

/**
 * List the Handles of any --->plugin styles<---- that you want to optimize
 */
if (!defined('PLUGIN_STYLES')) {
	define('PLUGIN_STYLES', array(
		"classic-theme-styles",
		"woocommerce-general",
		"woocommerce-layout",
		"woocommerce-smallscreen",
		"jetpack_css"
	));
}

//**************************************************************/
// END Static Assets Optimization 
//***************************************************************/

//### GENERAL CONFIGS ############################################
require_once(get_template_directory() . "/config/config.php"); //#
//################################################################

new TG();