<!doctype html>
<html <?php language_attributes(); ?> class="no-js">
	<head>
		<meta charset="<?php bloginfo('charset'); ?>">
		<title><?php wp_title(''); ?></title>

		<link href="//www.google-analytics.com" rel="dns-prefetch">

		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<?php wp_head(); ?>
		
		<link rel="preconnect" href="https://fonts.googleapis.com">
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
		<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap" rel="stylesheet">

		<link href='//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>

	</head>
	
	<script>
jQuery(document).ready(function(){
    var max_height = "500px";
    if (Math.min(window.screen.width, window.screen.height) < 768) {
        max_height = "300px";
    }
    
    if (jQuery('#chartbox').length > 0) {
        return true;
    }

    jQuery('#chartbox').append('<canvas id="myChart" width="400" height="500"></canvas>');

    // Set styles to push the canvas into the background
    jQuery("#myChart").css({
        "position": "absolute",
        "top": "0",
        "left": "0",
        "width": "100%",
        "height": max_height,
        "z-index": "-1" // Moves it to the background
    });

    setTimeout(function(){
        var xValues = ["1 Day", "6 Days", "12 Days", "18 Days", "24 Days", "30 Days"];
        var yValues = [1, 90000, NaN, NaN, NaN, NaN, NaN];
        var barColors = ['#5473d3', '#5473d3', '#5473d3', '#5473d3', '#5473d3'];

        new Chart("myChart", {
            type: "line",
            data: {
                labels: xValues,
                datasets: [{
                    borderColor: "#2ecc71",
                    fill: false,
                    data: yValues
                }]
            },
            options: {
                plugins: {
                    autocolors: false,
                    annotation: {
                        annotations: {
                            pentagon: {
                                type: 'polygon',
                                xValue: 2,
                                yValue: 90000,
                                sides: 5,
                                radius: 60,
                                backgroundColor: 'rgba(255, 99, 132, 0.25)'
                            }
                        }
                    }
                },
                maintainAspectRatio: false,
                legend: { display: false },
                title: {
                    display: true,
                    text: "Liquidity Raised",
                    color: "#ffffff"
                },
                scales: {
                    xAxes: [{
                        gridLines: {
                            color: "rgba(149, 226, 240, 0.2)"
                        },
                        ticks: { min: 1, max: 100, fontColor: "white", fill: false }
                    }],
                    yAxes: [{
                        gridLines: {
                            color: "rgba(149, 226, 240, 0.2)"
                        },
                        ticks: {
                            min: 0,
                            max: 600000,
                            stepSize: 100000,
                            fontColor: "white",
                            callback: function(value, index, values) {
                                return '$' + value.toLocaleString('en-US');
                            }
                        }
                    }]
                }
            }
        });
    }, 400);
});
</script>
<body <?php body_class(); ?>>

<?php wp_body_open(); ?>
<div id="star-container">
			<div id="stars"></div><div id="stars2"></div><div id="stars3"></div>
		</div>
		<div class="wrapper">
		
		
<?php /* 
<div id="mobile_nav" uk-offcanvas="flip: true">
	<div class="uk-offcanvas-bar">
		<?php html5blank_nav(); ?>
	</div>
</div> */ ?>
<?php
/* THIS SCRIPT WILL MAKE THE SIDEBAR ITEMS THAT HAS DROPDOWNS COLLAPSE. USE THIS ON WEBSITES THAT HAVE LARGER MENUS AND MORE DROPDOWNS.
<script>
document.addEventListener('DOMContentLoaded', function() {
    var hasChildren = document.querySelectorAll('.menu-item-has-children');

    hasChildren.forEach(function(item) {
        var subMenu = item.querySelector('.sub-menu');
        if (subMenu) {
            subMenu.style.display = 'none'; // Ensure all sub-menus start closed
        }

        var anchor = item.querySelector('a'); // Get the first anchor tag

        anchor.addEventListener('click', function(event) {
            // Check if there's a sub-menu
            if (subMenu) {
                event.preventDefault(); // Prevent default only if there's a sub-menu

                // Toggle the display of the submenu
                if (subMenu.style.display === 'block') {
                    subMenu.style.display = 'none';
                } else {
                    subMenu.style.display = 'block';
                }

                // Close other open sub-menus (optional)
                hasChildren.forEach(function(otherItem) {
                    if (otherItem !== item) {
                        var otherSubMenu = otherItem.querySelector('.sub-menu');
                        if (otherSubMenu) {
                            otherSubMenu.style.display = 'none';
                        }
                    }
                });
            }
        });
    });
});
</script>
*/
?>
			<header class="header clear" role="banner">
				<div class="uk-container">
					<?php /* <div class="uk-flex uk-flex-middle" uk-grid>
						<div class="uk-width-1-2 uk-width-1-4@m">
							<a href="<?php echo home_url(); ?>">
								<img class="logo" src="<?php echo get_template_directory_uri(); ?>/images/logo.jpg" alt="Logo">
							</a>

						</div>
						<div class="uk-width-1-2 uk-width-3-4@m">

							<nav class="nav uk-visible@m" role="navigation">
								<?php html5blank_nav(); ?>
							</nav>

							<a class="uk-float-right uk-hidden@m menu_pointer" href="#mobile_nav" uk-toggle>
								<i class="far fa-bars fa-2x"></i>
							</a>
						</div>
					</div> */ ?>
				</div>
			</header>
