
<div class="CancelAnimOnLoad hotbarWrapper">
    <div class="hotbarContainer">
        <img class="Logo" src="GeneralAssets/Logo.png" alt="Halbear.net">
        <div class="TitleWhite">halbear.net</div>
    </div>
    <div class="hotbarContainer">
        <div tabindex="0" class="hotbarButton" id="LandingBtn" onclick="document.location.href='HalbearNetLanding/index.php';">
            <a class="buttontext">Landing</a>
        </div>
        <div tabindex="0" class="hotbarButton" id="ForumBtn" onclick="document.location.href='Forum.php';">
            <a class="buttontext">Forum</a>
        </div>
        <div tabindex="0" class="hotbarButton" id="SoftwareBtn" onclick="document.location.href='Software.php';">
            <a class="buttontext">Software</a>
        </div>
        <div tabindex="0" class="hotbarButton" id="ArtworkBtn" onclick="document.location.href='Artwork.php';">
            <a class="buttontext">Artwork</a>
        </div>
        <div tabindex="0" class="hotbarButton" id="ContactBtn" onclick="document.location.href='Contact.php';">
            <a class="buttontext">Contact</a>
        </div>
        <div tabindex="0" class="hotbarButtonSquare" id="AccountBtn" onclick="document.location.href='AccountCentre/AccountCentre.php?Action=Visit&SourcePage=<?php echo($Page)?>';">
            <div class="accountimg"></div>
        </div>
    </div>
    <script>
        setTimeout(function(){
            var Wrapper=document.querySelector('.CancelAnimOnLoad');
            Wrapper.classList.remove('CancelAnimOnLoad');
            Wrapper.classList.add('hotbarHeight');
        }, 100);
    </script>
</div>
<div class="DesktopIconWrapper">
    <?php
    if(!isset($_SESSION['desktop']) || !$_SESSION['desktop']){
    $arrApps = array();
    $Apps = scandir($Page."Apps");
    foreach ($Apps as $App) {
        echo$Page."Apps" . '/' . $App;
        $filePath = $Page."Apps" . '/' . $App;
        if (is_file($filePath) && str_contains($filePath,"Icon.html")) {
            $Name = basename($filePath, "Icon.html");
            echo file_get_contents($filePath) . $Name . "</a> </div>";
        }
    }
    echo('
</div>
<div class="appContainer" id="AppContainer" style="position: absolute; top:0; left: 0; display: flex; width: 100vw; height: 100vh; overflow: hidden;"></div>
<div class="TaskBar">
    <div class="TaskbarLeftOptions">

    </div>
    <div class="TaskbarApps" id="taskbar">

    </div>
    <div class="EndTaskbar">

    </div>
</div>
');
    }
    ?>
<div class="background nonDraggableImage">
    <div class="MelonaBGWrapper">
        <img class="MelonaBackgroundImage nonDraggableImage" src="GeneralAssets/GirlTransParent.png" style="z-index: 1;">
        <img class="BackgroundImage nonDraggableImage NoAA" src="GeneralAssets/Flowers.png" style="z-index: 2; ">
    </div>
    <div class="backgroundRadial nonDraggableImage"></div>
</div>
<script>
    const Page = "<?php echo $Page ?>";
    var apps = document.getElementsByClassName("DraggableWrapper");
</script>
<div class="Copyright">©Halbear Networking & Software Ltd</div>