initial Commit

Hotbar.php

@@ -0,0 +1,66 @@
+<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 class="hotbarButton" id="ForumBtn" onclick="document.location.href='Forum.php';">
+            <a class="buttontext">Forum</a>
+        </div>
+        <div class="hotbarButton" id="SoftwareBtn" onclick="document.location.href='Software.php';">
+            <a class="buttontext">Software</a>
+        </div>
+        <div class="hotbarButton" id="ArtworkBtn" onclick="document.location.href='Artwork.php';">
+            <a class="buttontext">Artwork</a>
+        </div>
+        <div class="hotbarButton" id="ContactBtn" onclick="document.location.href='Contact.php';">
+            <a class="buttontext">Contact</a>
+        </div>
+        <div class="hotbarButtonSquare" id="AccountBtn" onclick="document.location.href='Account.php';">
+            <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
+    $arrApps = array();
+    $Apps = scandir($Page."Apps");
+    foreach ($Apps as $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>";
+        }
+    }
+    ?>
+</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>