Refactoring for publish, and also addition of "Services" page

2026-04-04 13:54:37 +01:00
parent b016e6bd13
commit e4f387d27a
235 changed files with 174 additions and 91 deletions
@@ -0,0 +1,31 @@
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Halbear.Net</title>
+    <link rel="stylesheet" href="default.css">
+</head>
+<body onload="CalculateGrid(); SetUp();  startApps();">
+<?php
+$_SESSION['desktop'] = false;
+$Page = "Account";
+require_once("Hotbar.php");
+?>
+<script src="WindowManager.js"></script>
+<script src="AlignDesktopApps.js"></script>
+<script>
+    var Button = document.getElementById("AccountBtn");
+    Button.onclick = function(){document.location.href='index.php';};
+    Button.classList.remove('hotbarButtonSquare');
+    Button.classList.add('hotbarButton');
+    Button.children[0].textContent = "Home";
+    Button.children[0].classList.remove('accountimg');
+    Button.children[0].classList.add('buttontext');
+
+    function startApps() {
+        OpenApp(document.querySelectorAll('.AccountManagerIcon')[0], true, 50, 45);
+    }
+</script>
+</body>
+</html>
@@ -0,0 +1,5 @@
+<div style="Padding:2vh;">
+    <button class="AccButton">
+        <a class="button-text SignOutButton" class="whiteText">Sign Out</a>
+    </button>
+</div>
@@ -0,0 +1,48 @@
+<div class="AccountManager Initialised" id="AccountManagerBody" style="display: flex; flex-direction: row; align-content: center; align-items: center; justify-content: center; justify-items: center;"></div>
+<script>
+    function AppInit(ID) {
+        if (sessionStorage.getItem("UID") == null) sessionStorage.setItem("UID", "Inactive");
+        const Body = document.getElementById("AccountManagerBody");
+        if (sessionStorage.getItem("ActiveSession") === true && sessionStorage.getItem("UID") !== "Inactive") {
+            var NewAppLoaded = new XMLHttpRequest();
+            NewAppLoaded.open('GET', "AccountApps/AccountLandingPage.html", true);
+            NewAppLoaded.onreadystatechange = function () {
+                if (NewAppLoaded.readyState !== 4) return;
+                if (NewAppLoaded.status !== 200) return;
+                document.getElementById("AccountManagerBody").insertAdjacentHTML("beforeend", NewAppLoaded.responseText);
+            };
+            NewAppLoaded.send();
+        } else {
+            var NewAppLoaded = new XMLHttpRequest();
+            NewAppLoaded.open('GET', "AccountApps/SignIn.html", true);
+            NewAppLoaded.onreadystatechange = function () {
+                if (NewAppLoaded.readyState !== 4) return;
+                if (NewAppLoaded.status !== 200) return;
+                document.getElementById("AccountManagerBody").insertAdjacentHTML("beforeend", NewAppLoaded.responseText);
+            };
+            NewAppLoaded.send();
+        }
+    }
+
+    function SwitchPage(ID, OldID){
+        document.getElementById(OldID).remove();
+        var NewAppLoaded = new XMLHttpRequest();
+        NewAppLoaded.open('GET', "AccountApps/"+ID+".html", true);
+        NewAppLoaded.onreadystatechange = function () {
+            if (NewAppLoaded.readyState !== 4) return;
+            if (NewAppLoaded.status !== 200) return;
+            Body.insertAdjacentHTML("beforeend",NewAppLoaded.responseText);
+        };
+        NewAppLoaded.send();
+    }
+    function showpass(ID) {
+        var Element = document.getElementById(ID);
+        if (Element.type === "password") {
+            document.getElementById("showpasswordcheckbox").checked = true;
+            Element.type = "text";
+        } else {
+            document.getElementById("showpasswordcheckbox").checked = false;
+            Element.type = "password";
+        }
+    }
+</script>
@@ -0,0 +1,3 @@
+<div class="AccountManagerIcon windowIcon hidden 80 80" onclick="OpenApp(this, false, 50, 50);" >
+    <img src="GeneralAssets/AccountSymbol.png" style="width: 8vh; height: 8vh;">
+    <a class="whiteText IconText" style="overflow: hidden;">
@@ -0,0 +1,32 @@
+<div id="SignInBody" style="Padding:2vh;">
+    <form action="#">
+    <div class="flexboxLoginField">
+        <input type="text" id="username" name="username" required>
+        <label for="username" class="whiteText">Username/Email*</label>
+    </div>
+    <div class="flexboxLoginField">
+        <input type="password" id="password" name="password" required>
+        <label for="password" class="whiteText">Password*</label>
+    </div>
+    <div class="flexboxLoginField showpassword">
+        <input id="showloginpasswordcheckbox" type="checkbox" onclick="showpass('showloginpasswordcheckbox')" style="cursor:pointer" ><a class="whiteText" onclick="showpass('showloginpasswordcheckbox')" style="cursor:pointer; user-select: none;">Show Password</a>
+    </div>
+    <div class="flexboxLoginField">
+        <input type="checkbox" id="capapacha" name="humanverification" value="yes" required>
+        <label for="capapacha" class="whiteText"> i think im not a robot*</label><br>
+    </div>
+    <div class="flexboxLoginField">
+        <input type="checkbox" id="remember" name="remember" value="yes">
+        <label for="remember" class="whiteText"> remember me?</label><br>
+    </div>
+    <div class="ForgotPass">
+        <a class="hyperlink" href="#">Forgot Password?</a>
+    </div>
+    <div class="flexboxLoginField">
+        <button class="AccButton" type="submit">
+            <a class="button-text signintxt" class="whiteText">Log In</a>
+        </button>
+        <p class="whiteText">Don't have a halbear.net account? <a href="#" class="hyperlink register-link" onclick="SwitchPage('SignUp','SignInBody');">>Create One</a></p>
+    </div>
+</form>
+</div>
@@ -0,0 +1,37 @@
+<div id="SignUpBody" style="Padding:2vh;">
+    <form action="includes/RegisterAccount.php" method="POST" style="width: 100%;">
+        <div class="flexboxLoginField">
+            <input type="email" id="email" name="email" required maxlength="50">
+            <label for="Email" class="whiteText">Email Address*</label>
+        </div>
+        <div class="flexboxLoginField">
+            <input type="text" id="newusername" name="newusername" required maxlength="20">
+            <label for="newusername" class="whiteText">New Username*</label>
+        </div>
+        <div class="flexboxLoginField">
+            <input type="text" id="displayname" name="displayname" maxlength="15">
+            <label for="DisplayName" class="whiteText">New Display Name</label>
+        </div>
+        <div class="flexboxLoginField">
+            <input type="password" id="newpassword" name="newpassword" required maxlength="25">
+            <label for="newpassword" class="whiteText">New Password*</label>
+        </div>
+        <div class="flexboxLoginField">
+            <input style="width: 50px;" type="text" id="capaacha" name="captcha" maxlength="5" >
+            <a class="whiteText"> Type "human"</a><br>
+        </div>
+        <div class="flexboxLoginField showpassword">
+            <input id="showpasswordcheckbox" type="checkbox" onclick="showpass('showpasswordcheckbox')" style="cursor:pointer" ><a class="whiteText" onclick="showpass('showpasswordcheckbox')" style="cursor:pointer; user-select: none;">Show Password</a>
+        </div>
+        <div class="flexboxLoginField">
+            <input type="checkbox" id="terms" name="terms" value="yes" required>
+            <label for="terms" class="whiteText"> I agree to the <a href="termsAndConditions.html" class="hyperlink tc">terms and conditions</a>*</label><br>
+        </div>
+        <div class="flexboxLoginField" style="width: 95%; display: flex; justify-content: center; align-items: center; justify-items: center; flex-direction: column;">
+            <button type="submit" class="ButtonHalNetSytle">
+                <a class="buttontext signintxt">Create Account</a>
+            </button>
+            <p class="whiteText">have a halbear.net account? <a href="#" class="hyperlink login-link" onclick="SwitchPage('SignIn','SignUpBody');">Log In</a></p>
+        </div>
+    </form>
+</div>
@@ -0,0 +1,99 @@
+const DesktopApps = document.querySelectorAll('.windowIcon');
+var AppGrid = null;
+var XtileSize;
+var YtileSize;
+var XTiles;
+var YTiles;
+function SetUp(){
+    for (i = 0; i < DesktopApps.length; i++) {
+        DragIcon(DesktopApps[i])
+    }
+}
+function CalculateGrid(){
+
+    XtileSize = DesktopApps[0].offsetWidth + (DesktopApps[0].offsetWidth/12);
+    YtileSize = DesktopApps[0].offsetHeight + (DesktopApps[0].offsetHeight/12);
+    console.log(XtileSize + " " + YtileSize);
+
+    XTiles = Math.round(innerWidth / XtileSize);
+    YTiles = Math.round((innerHeight - document.querySelector('.hotbarWrapper').offsetHeight) / YtileSize);
+    console.log(XTiles + " " + YTiles);
+
+    var iteratorX = 0;
+    var iteratorY = Math.round(document.querySelector('.hotbarWrapper').offsetHeight/YtileSize);
+    console.log(iteratorY);
+    for (i = 0; i < DesktopApps.length; i++) {
+        if (iteratorY >= YTiles) {
+            iteratorY = Math.round(document.querySelector('.hotbarWrapper').offsetHeight/YtileSize);
+            iteratorX++;
+        }
+        DesktopApps[i].style.top = (((4 + (YtileSize * iteratorY))/innerHeight)*100) + "vh";
+        DesktopApps[i].style.left = (((4 + (XtileSize * iteratorX))/innerWidth)*100) + "vw";
+        iteratorY++;
+    }
+}
+function calculatePosition(AppIcon, startPosX, startPosY) {
+    var valid = true
+    Xpos = Math.round(AppIcon.offsetLeft / XtileSize);
+    Ypos = Math.round(AppIcon.offsetTop / YtileSize);
+    for (var j = 0; j < DesktopApps.length; j++) {
+        if (DesktopApps[j].offsetLeft === 4 + (Xpos * XtileSize)
+            && DesktopApps[j].offsetTop === 4 + (Ypos * YtileSize)) {
+            valid = false;
+        }
+    }
+    if (valid === false) {
+        AppIcon.style.top = ((startPosY/innerHeight)*100) + "vh";
+        AppIcon.style.left = ((startPosX/innerWidth)*100) + "vw";
+        AppIcon.style.left =  startPosX + "px";
+        AppIcon.style.top = startPosY + "px";
+    } else {
+        AppIcon.style.top = (((4 + (Ypos * YtileSize))/innerHeight)*100) + "vh";
+        AppIcon.style.left = (((4 + (Xpos * XtileSize))/innerWidth)*100) + "vw";
+    }
+}
+
+function DragIcon(AppIcon){
+    var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0, startposX = AppIcon.offsetLeft, startposY = AppIcon.offsetTop;
+    AppIcon.addEventListener('mousedown', mouseDown);
+    function mouseDown(e) {
+        startposX = AppIcon.offsetLeft;
+        startposY = AppIcon.offsetTop;
+        AppIcon.style.zIndex = 125;
+        e.preventDefault();
+        document.addEventListener('mousemove', mouseMove);
+        document.addEventListener('mouseup', mouseUp);
+        pos3 = e.clientX;
+        pos4 = e.clientY;
+    }
+    function mouseMove(e){
+        e.preventDefault();
+        pos1 = pos3 - e.clientX;
+        pos2 = pos4 - e.clientY;
+        pos3 = e.clientX;
+        pos4 = e.clientY;
+        if (AppIcon.offsetTop < window.innerHeight) {
+            AppIcon.style.top = (AppIcon.offsetTop - pos2) + 'px';
+        }
+        else if( pos2 >= 0){
+            AppIcon.style.top = (AppIcon.offsetTop - pos2) + 'px';
+        }
+        if (AppIcon.offsetLeft + (AppIcon.clientWidth/2) + 3< window.innerWidth) {
+            AppIcon.style.left = (AppIcon.offsetLeft - pos1) + 'px';
+        }
+        else if(pos1 >= 0) {
+            AppIcon.style.left = (AppIcon.offsetLeft - pos1) + 'px';
+        }
+    }
+    function mouseUp(e) {
+        document.removeEventListener('mousemove', mouseMove);
+        document.removeEventListener('mouseup', mouseUp);
+        document.removeEventListener('touchend', mouseUp);
+        AppIcon.style.zIndex = 105;
+        calculatePosition(AppIcon, startposX, startposY);
+        startposX = AppIcon.offsetLeft;
+        startposY = AppIcon.offsetTop
+    }
+}
+
+
@@ -0,0 +1,15 @@
+<div tabindex="0" id="{id}" class="DraggableWrapper {x} {y} {ApplicationName} minimised">
+    <div class="WindowTitleBar">
+        <div class="WindowTitleBarContainer">
+            <div class="WindowThumbnail" style="background-image: url('{WindowIconImage}');"></div>
+            <div class="WindowTitle">Application</div>
+        </div>
+        <div class="WindowTitleBarContainer">
+            <button id="{id}MinimiseBtn" class=" MinimiseButton appTitleButton" ></button>
+            <button id="{id}ExitBtn" class=" ExitButton appTitleButton" ></button>
+        </div>
+    </div>
+    <div class="WindowBody" style="padding: 0; margin: 0;">
+{body}
+    </div>
+</div>
@@ -0,0 +1,16 @@
+<div tabindex="0" id="{id}" class="DraggableWrapper {x} {y} {ApplicationName} minimised">
+    <div class="WindowTitleBar">
+        <div class="WindowTitleBarContainer">
+            <div class="WindowThumbnail" style="background-image: url('{WindowIconImage}');"></div>
+            <div class="WindowTitle">Application</div>
+        </div>
+        <div class="WindowTitleBarContainer">
+            <button id="{id}MinimiseBtn" class=" MinimiseButton appTitleButton" ></button>
+            <button id="{id}FullscreenBtn" class=" FullscreenButton appTitleButton" onclick="document.location.href='{FullScreenLocation}';"  ></button>
+            <button id="{id}ExitBtn" class=" ExitButton appTitleButton"></button>
+        </div>
+    </div>
+    <div class="WindowBody" style="padding: 0; margin: 0;">
+{body}
+    </div>
+</div>
@@ -0,0 +1,23 @@
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Halbear.Net</title>
+    <link rel="stylesheet" href="Modernised.css">
+</head>
+<body onload="CalculateGrid(); SetUp();  startApps();">
+<?php
+$_SESSION['desktop'] = false;
+$Page = "Artwork";
+    require_once("Hotbar.php");
+?>
+<script src="WindowManager.js"></script>
+<script src="AlignDesktopApps.js"></script>
+<script>
+    var Button = document.getElementById("ArtworkBtn");
+    Button.onclick = function(){document.location.href='index.php';};
+    Button.children[0].textContent = "Home";
+</script>
+</body>
+</html>
@@ -0,0 +1,4 @@
+<img src="GeneralAssets/halnetmascot.png" style="width: auto; height: 100%;">
+<div style="height: 100%; width: 50%; left: 50%; top: 0;">
+    <p class="16 whiteText variableFont" style="overflow: hidden;">This is a character called Melona Arame, she is the halbear.net mascot!<br><br>Melona was drawn on a whim when i(halbear) got my animation tablet so there's not much to say about her, i make stuff up as i go, which is what i normally do for most things, she came to be the mascot of this website when i read about windows "OS-tans" which were anime mascots for the windows operating system, and since i want this website to take inspiration from older windows versions, i decided to use this character i have been drawing. <br><br> one thing about her is that shes kinda stupid i guess, most of my drawings of her have an ahoge on top of her head, which is a trope to show a character is clutzy or stupid<br></p>
+</div>
@@ -0,0 +1,3 @@
+<div tabindex="0" class="MelonaArameIcon windowIcon hidden 70 80" onclick="OpenApp(this, false, 50, 50);" >
+    <img class="NoAA" src="GeneralAssets/mascotchibi/chibismug.png" style="width: 8vh; height: 8vh;">
+    <a class="whiteText IconText" style="overflow: hidden;">
@@ -0,0 +1,3 @@
+<div style="width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center;">
+    <iframe src="https://what.everboard.art" style="width: 100%; height: 100%; border:none;"></iframe>
+</div>
@@ -0,0 +1,3 @@
+<div tabindex="0" class="WhateverBoardApp windowIcon hidden 120 80 Fullscreen" onclick="OpenApp(this, false, 50, 50);" >
+    <img class="NoAA" src="GeneralAssets/applicationIcon.png" style="width: 8vh; height: 8vh;">
+    <a class="whiteText IconText" style="overflow: hidden;">
@@ -0,0 +1,21 @@
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Halbear.Net</title>
+    <link rel="stylesheet" href="Modernised.css">
+</head>
+<body>
+<?php
+$_SESSION['desktop'] = false;
+$Page = "Contact";
+require_once("Hotbar.php");
+?>
+<script>
+    var Button = document.getElementById("ContactBtn");
+    Button.onclick = function(){document.location.href='index.php';};
+    Button.children[0].textContent = "Home";
+</script>
+</body>
+</html>
@@ -0,0 +1,31 @@
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Halbear.Net</title>
+    <link rel="stylesheet" href="Modernised.css">
+</head>
+<body onload="CalculateGrid(); SetUp();">
+<?php
+$_SESSION['desktop'] = false;
+$Page = "Forum";
+require_once("Hotbar.php");
+?>
+<script>
+    var Button = document.getElementById("ForumBtn");
+    Button.onclick = function(){document.location.href='index.php';};
+    Button.children[0].textContent = "Home";
+</script>
+<script src="WindowManager.js"></script>
+<script src="AlignDesktopApps.js"></script>
+<?php
+if(!isset($_SESSION["logged_in"]) || !$_SESSION["logged_in"]) {
+echo("
+    <script>OpenApp(document.querySelectorAll('.LoggedOutIcon')[0], true, 50, 45); </script >");
+}else{
+    echo("<script>OpenApp(document.querySelectorAll('.ForumAppIcon')[0], true, 50, 45);</script >");
+}
+?>
+</body>
+</html>
@@ -0,0 +1,3 @@
+<div style="width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center;">
+    <iframe src="ForumWindow.php" style="width: 100%; height: 100%; border:none;"></iframe>
+</div>
@@ -0,0 +1,3 @@
+<div tabindex="0" class="ForumAppIcon windowIcon hidden 120 80 Fullscreen" onclick="OpenApp(this, false, 50, 50);" >
+    <img src="GeneralAssets/ForumsIcon.png" style="width: 8vh; height: 8vh; image-rendering: pixelated;">
+    <a class="whiteText IconText" style="overflow: hidden;">
@@ -0,0 +1,8 @@
+<div style="width: 100%; margin:2vh; height: 100%; display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center;">
+<p class="16 whiteText variableFont" style="overflow: hidden; padding: 1vh; margin: 0">It seems you are not logged in, users need to be signed in to post on the forums and to view restricted or private posts<br><br>if you don't intend to do that, close this and continue</p>
+<div style="height: 100px; width: 100%; color:transparent;">sigma</div>
+<img src="GeneralAssets/cricket.png" style="height: 40%; width: auto; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-25%);">
+<div class="hotbarButton" id="SignInBtn" onclick="document.location.href='../../AccountCentre/AccountCentre.php';">
+    <a class="buttontext">Log In?</a>
+</div>
+</div>
@@ -0,0 +1,3 @@
+<div tabindex="0" class="LoggedOutIcon windowIcon hidden 50 50" onclick="OpenApp(this, false, 50, 50);" >
+    <img src="GeneralAssets/cricketHead.png" style="width: 8vh; height: 8vh;">
+    <a class="whiteText IconText" style="overflow: hidden;">
@@ -0,0 +1,21 @@
+<?php
+if(isset($_GET['desktop'])) $_SESSION['desktop'] = $_GET['desktop'];
+if(isset($_GET['fullscreen']) && $_GET['fullscreen']){
+    $Page = "Forum";
+    require_once("Hotbar.php");
+}
+?>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Halbear.Net</title>
+    <link rel="stylesheet" href="Modernised.css">
+</head>
+<body>
+<script>
+    var Button = document.getElementById("ForumBtn");
+    Button.onclick = function(){document.location.href='index.php';};
+    Button.children[0].textContent = "Home";
+</script>
+</body>
@@ -0,0 +1,79 @@
+
+<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='../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='../ContactUs.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
+    ini_set('display_errors', '1');
+    ini_set('display_startup_errors', '1');
+    error_reporting(E_ALL);
+    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>
@@ -0,0 +1,5 @@
+<a class="whiteText" style="padding: 0; margin: 2vh;">
+    halbear.net is a website that contains Games, Software, Artwork and Forums, feel free to explore! <br> <br>
+    Verified users and any Software Publishers/Game Studios can create software and games, chat on the forums, report halbear.net software bugs, contact us regarding business topics and manage their user account for our platforms such as WhateverBoard (what.everboard.art)<br> <br>
+    Software and Game publishing has some criteria and guidelines you need to follow, although we aren't as temperamental as payment processors.
+</a>
@@ -0,0 +1,3 @@
+<div tabindex="0" class="AboutIcon windowIcon hidden 48 48" onclick="OpenApp(this, false, 50, 50);" >
+    <img src="GeneralAssets/applicationIcon.png" style="width: 8vh; height: 8vh;">
+    <a class="whiteText IconText" style="overflow: hidden;">
--- a/Show More
+++ b/Show More