halbear/HalbearNetDesktopSite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Created Landing Page, Revamped account system, added account sessions and password obfuscation(not being pushed to the public branch) revamping main site bit by bit

Browse Source
This commit is contained in:
halbear... 1
2026-03-03 08:13:51 +00:00
parent 5b500e3b8d
commit 0e728eae0e
65 changed files with 1269 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
.gitignore vendored
View File

@@ -78,3 +78,6 @@ fabric.properties
.idea/caches/build_file_checksums.ser
/Secure/
/Hidden/
/AccountCentre/AccountActions/
/AccountCentre/AccountActions/

3
Account.php
View File

@@ -1,3 +1,6 @@
<?php
session_start();
?>
<!DOCTYPE html>
<html lang="en">
<head>

4
AccountApps/AccountManager.html
View File

@@ -9,7 +9,7 @@
NewAppLoaded.onreadystatechange = function () {
if (NewAppLoaded.readyState !== 4) return;
if (NewAppLoaded.status !== 200) return;
document.getElementById("AppContainer").insertAdjacentHTML("beforeend", NewAppLoaded.responseText);
document.getElementById("AccountManagerBody").insertAdjacentHTML("beforeend", NewAppLoaded.responseText);
};
NewAppLoaded.send();
} else {
@@ -18,7 +18,7 @@
NewAppLoaded.onreadystatechange = function () {
if (NewAppLoaded.readyState !== 4) return;
if (NewAppLoaded.status !== 200) return;
document.getElementById("AppContainer").insertAdjacentHTML("beforeend", NewAppLoaded.responseText);
document.getElementById("AccountManagerBody").insertAdjacentHTML("beforeend", NewAppLoaded.responseText);
};
NewAppLoaded.send();
}

217
AccountCentre/AccountCentre.css Normal file
View File

@@ -0,0 +1,217 @@
body{
background-image: linear-gradient(to bottom,#245a80 10vh,transparent 90vh ), linear-gradient(to bottom right, #063657,#031d2e );
background-size: cover;
background-repeat: no-repeat;
margin: 0;
padding: 0;
height: 100vh;
}
.HotbarWrapper{
overflow-x: clip;
transition: 0.5s;
width: 100vw;
height: 9vh;
display: flex;
justify-content: space-between;
align-items: center;
align-content: center;
box-shadow: #121e29 0 0 5vh;
background-image: linear-gradient(to bottom,rgba(52, 184, 254,0.3) ,rgba(52, 184, 254,0.5),rgba(22, 144, 254,0.25),rgba(12, 64, 124,0.5));
border-bottom: #8cefff 0.3vh solid;
}
.Logo{
margin-left:1vh;
transition: 0.25s;
padding-right:1vh;
background-image: url("Logo.png");
background-repeat: no-repeat;
background-size: contain;
width: 8vh;
height:8vh;
}
.ErrorMessageWrapper{
display: flex;
position: absolute;
justify-content: center;
align-items: center;
align-content: center;
flex-direction: column;
width: 50vw;
height: 50vh;
top: 50vh;
left:50vw;
transform: translate(-50%,-50%);
}
.ErrorMessageImage{
background-image: url("../GeneralAssets/mascotchibi/chibilost.png");
background-repeat: no-repeat;
background-size: 15vh;
transition: 0.25s;
min-width: 15vh !important;
min-height: 16.875vh !important;
image-rendering: pixelated;
}
.ErrorMessage:hover{
.ErrorMessageImage{
transform: scale(1);
max-width: 12.86vh !important;
min-height: 17.875vh !important;
background-position-y: 105%;
background-image: url("../GeneralAssets/mascotchibi/chibiquestion.png");
}
}
.ErrorMessage{
padding: 2vh;
filter: drop-shadow(0 0.5vh 3vh #8cefff);
border-top: #8cefff 0.3vh solid;
border-left: #8cefff 0.3vh solid;
border-right: rgba(32,120,155,1) 0.3vh solid;
border-bottom: rgba(32,120,155,1) 0.3vh solid;
text-shadow: #223342 0 0 2vh;
background-image:linear-gradient(to bottom right,rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.3) ,rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.25)), linear-gradient(to bottom,rgba(52, 184, 254,0.4),rgba(52, 184, 254,0.0) ,rgba(52, 184, 254,0.3),rgba(22, 144, 254,0.15),rgba(12, 64, 124,0.25));
border-radius: 5vh;
display: flex;
align-content: center;
justify-content: center;
align-items: center;
transition: 0.25s;
user-select: none;
font-family: "Arial", serif;
font-weight: bolder;
color:white;
font-size: 4vh;
text-align: center;
}
.LogInButtonWrapper{
transform: scale(1.5);
margin-top: 5vh;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
flex-direction: row;
}
.HotbarWrapper:hover{
.Logo{
height:9vh;
width: 9vh;
}
.Title{
font-size: 4.5vh;
}
.HotbarButton{
height: 7vh;
}
.AccountIcon{
margin-left:1vh;
transition: 0.25s;
margin-right:1vh;
width: 9vh;
height:9vh;
}
height: 12vh;
}
.AccountIcon:hover{
transform: scale(1.2) translateY(0);
filter: drop-shadow(0 0 2vh #8cefff);
}
.AccountIcon{
border-style: inset;
border-top: #8cefff 0.5vh solid;
border-left: #8cefff 0.5vh solid;
border-bottom: none;
border-right: none;
filter: drop-shadow(-1vh -1vh 1vh #8cefff);
margin-left:1vh;
transition: 0.25s;
margin-right:1vh;
border-radius: 4vh;
background-image: linear-gradient(to bottom, rgba(100,200,255,0.5), rgba(100,200,255,0.25), rgba(100,200,255,0.15), rgba(100,200,255,0.35));
width: 8vh;
height:8vh;
}
.Logo:hover{
transform: scale(1.2) translateY(0);
filter: drop-shadow(0 0 2vh #8cefff);
}
.HotbarButton:hover{
cursor: pointer;
margin-right: 2vh;
width:22.5vh;
height: 7vh;
filter: drop-shadow(0 0 2vh #8cefff);
transform: scale(1.1) translateY(1%);
border-top: #8cefff 0.3vh solid;
border-left: #8cefff 0.3vh solid;
border-bottom: none;
border-right: none;
}
.HotbarButton{
border: none;
user-select: none;
transition: 0.25s;
margin-right: 1vh;
margin-left: 1vh;
display: flex;
justify-content: center;
flex-direction: row;
align-content: center;
align-items: center;
font-family: "Arial", serif;
font-weight: bolder;
font-size: 4vh;
width: 20vh;
height: 6vh;
border-radius: 5vh;
color:white;
text-shadow: #8cefff 0vh 0vh 0vh;
background-image: linear-gradient(to bottom, rgba(100,200,255,0.5), rgba(100,200,255,0.25), rgba(100,200,255,0.15), rgba(100,200,255,0.35));
border-bottom: #8cefff 0.3vh solid;
border-right: #8cefff 0.3vh solid;
}
.HotbarSection{
display: flex;
justify-content: center;
flex-direction: row;
height: 8vh;
align-content: center;
align-items: center;
}
.Title:hover{
text-shadow: #8cefff 0vh 0vh 2vh;
}
.FormWindowContainer{
background: transparent;
width: 100vw;
height: 100vh;
position: absolute;
top: 0;
left: 0;
padding: 0;
margin: 0;
overflow: hidden;
pointer-events: none;
}
.Title{
transition: 0.25s;
text-shadow: #8cefff 0vh 0vh 0vh;
user-select: none;
font-family: "Arial", serif;
font-weight: bolder;
color:white;
font-size: 4vh;
}
.Copyright{
border-radius: 5vh;
position: fixed;
left: 0;
bottom: 0;
z-index: 100;
user-select: none;
transition: ease-in-out .3s;
font-family: "Arial", serif;
font-size: 2vh;
text-align: center;
color: white;
}

1
AccountCentre/AccountCentre.php Normal file
View File

@@ -0,0 +1 @@
<!DOCTYPE html>

45
AccountCentre/AccountCentreHotbar.php Normal file
View File

@@ -0,0 +1,45 @@
<?php
$HomeLocation = "../HalbearNetlanding/index.php";
if(isset($_SESSION["ReturnPage"])) {
switch($_SESSION["ReturnPage"]) {
case "Forum":
$HomeLocation = '../Forum.php';
break;
case "Index":
$HomeLocation = '../index.php';
break;
case "Software":
$HomeLocation = '../Software.php';
break;
case "Artwork":
$HomeLocation = '../Artwork.php';
break;
case "Contact":
$HomeLocation = '../Contact.php';
break;
}
}
?>
<div class="HotbarWrapper">
<div class="HotbarSection">
<div class="Logo"></div>
<div class="Title">Halbear.Net Account Centre</div>
</div>
<div class="HotbarSection">
<button class="HotbarButton" onclick="HelpForm();">
Help
</button>
<button class="HotbarButton" onclick="document.location.href='<?php echo $HomeLocation; ?>'">
Back
</button>
<?php
if($LoggedIn){
$location = "'AccountCentre.php?logout=true'";
echo '<button class="HotbarButton" onclick="document.location.href='.$location.'">Log Out</Button>';
echo '<img class="AccountIcon" src="'.((isset($_SESSION["user_pfp"])) ? $_SESSION["user_pfp"] : "../GeneralAssets/AccountSymbol.png").'">';
} else{
echo '<button class="HotbarButton" onclick="signInForm();">Sign In</button>';
}
?>
</div>
</div>

3
AccountCentre/AccountOverview.php Normal file
View File

@@ -0,0 +1,3 @@
<div class="">
</div>

222
AccountCentre/AccountWindow.css Normal file
View File

@@ -0,0 +1,222 @@
.windowIcon{
user-select: none;
z-index: 55 !important;
position: absolute;
transition: 0.0s !important;
width: 9.5vh;
height: 9.5vh;
display: flex;
justify-content: center;
flex-wrap: nowrap;
align-items: center;
flex-direction: column;
border-radius: 5%;
}
Button{
background: transparent;
border: none;
}
.PopUpWrapper{
pointer-events: all;
z-index: 100 !important;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
flex-direction: column;
width: 50vw;
height: 85vh;
left: 50vw;
top: 50vh;
position: absolute;
transform: translate(-50%,-50%);
}
.DraggableWrapper{
pointer-events: all;
z-index: 50; /*!important;*/
padding: 0;
Position:Absolute;
left: 0;
top: 0;
}
.WindowTitleBar{
backdrop-filter: blur(2px);
padding-top: 0;
padding-bottom: 0;
padding-left: 2vh;
padding-right: 2vh;
display: flex;
margin: 0;
box-sizing: border-box;
width: 100%;
height: 5vh;
/*z-index: 10;*/
user-select: none;
justify-content: space-between;
align-items: center;
text-align: center;
cursor:grab;
flex-wrap: nowrap;
background-image: linear-gradient(to bottom, rgba(200,200,255,0.3),rgba(200,200,255,0.1),rgba(200,200,255,0.0),rgba(200,200,255,0.2));
border: 0.5vh white solid;
border-radius: 2vh;
box-shadow: 0 1vh 1vh #1d4746;
}
.WindowTitleBar:active{
cursor: grabbing;
}
.ExitButton{
transition: 0.25s;
background-image: url("../GeneralAssets/ExitButton.png");
}
.ExitButton:hover{
transform: scale(1.2);
background-image: url("../GeneralAssets/ExitButtonHover.png");
}
.MinimiseButton{
background-image: url("../GeneralAssets/MinimiseButton.png");
margin-right: 0.25vh;
}
.MinimiseButton:hover{
background-image: url("../GeneralAssets/MinimiseButtonHover.png");
}
.appTitleButton{
background-size: contain;
background-repeat: no-repeat;
height: 3.5vh;
width: 3.5vh;
}
.appTitleButton:hover{
cursor: pointer;
}
.appTitleButton:active{
cursor: grabbing;
}
.WindowThumbnail{
background-size: contain;
background-repeat: no-repeat;
height: 3vh;
width: 3vh;
}
.WindowTitleBarContainer{
padding: 0;
margin: 0;
display: flex;
justify-content: left;
align-items: center;
text-align: center;
flex-wrap: nowrap;
height: 100%;
}
.WindowBody{
justify-content: center;
align-content: start;
align-items: center;
font-family: "Arial", serif;
/*z-index: 5;*/
box-sizing: border-box;
height: 100%;
width: 100%;
filter: drop-shadow(1vh 1vh 1vh #121e29);
backdrop-filter:brightness(0.9) blur(5px);
text-shadow: #223342 0 0 2vh;
background-image: linear-gradient(to bottom,rgba(22, 184, 224,0.1) ,rgba(22, 184, 224,0.25),rgba(22, 184, 224,0.15),rgba(42, 184, 224,0.05)),linear-gradient(to bottom, rgba(200,200,255,0.5),rgba(200,200,255,0.1),rgba(200,200,255,0.0),rgba(200,200,255,0.2));
border-radius: 5vh;
display: flex;
flex-wrap: wrap;
box-shadow: 1vh 1vh 1vh #121e29;
padding:1vh;
transition: 0.6s;
margin-bottom: 3vh;
}
.WindowBody.Dragging{
box-shadow: 2vh 3vh 3vh #121e29;
}
.WindowTitle{
font-family: "Arial", serif;
font-size: 2.35vh;
color: white;
text-shadow: #0e4044 0.15vh 0.35vh 1vh;
margin-left:0.25vh;
}
.IconText{
font-family: "Arial", serif;
font-size: 1.35vh !important;
user-select: none;
}
.whiteText{
text-shadow: #0e4044 0.15vh 0.35vh 1vh;
font-family: "Arial", serif;
color: white;
font-size: 3.35vh;
}
.FormBoxWrapper{
margin: 3vh;
min-width: 90%;
}
.LoginField{
min-width: 90%;
min-height:5vh;
padding: 1vh 5vh;
backdrop-filter: blur(15px);
border-radius: 2.5vh;
margin-bottom: 1vh;
display: flex;
justify-content: left;
align-items: center;
align-content: center;
}
.minimised{
top: 200vh !important;
transition: 0.5s !important;
}
.animationTransition{
transition: 0.5s !important;
}
.hyperlink:hover{
transform: scale(1.2);
cursor: pointer;
color: white !important;
}
.hyperlink{
transition: 0.25s;
color: #8cefff !important;
font-family: "Arial", serif;
}
.ButtonArea{
align-items: flex-start !important;
margin-top: 5vh;
flex-direction: column;
}
.LogInButton:hover{
width: 17vw;
transform: scale(1.3) translateY(1vh)!important;
}
input:hover{
height:5vh;
min-width: 5vh;
}
input{
transition: 0.25s;
box-shadow: 0 0 1vh #8cefff;
margin-right: 5vh;
transform: scale(1.2);
border: none;
height:3vh;
min-width: 3vh;
border-radius: 1.5vh;
border-bottom: #8cefff 0.5vh solid;
background: transparent !important;
background-image: linear-gradient(to bottom, rgba(25,50,75,0.5), rgba(50,100,155,0.25), rgba(50,100,155,0.15), rgba(50,100,155,0.15)) !important;
}
.showpassword{
backdrop-filter: none !important;
}
.LogInButton{
border-radius: 2vh !important;
width: 15vw;
transform: scale(1.2) translateY(1vh);
background: transparent !important;
background-image: linear-gradient(to bottom, rgba(100,200,255,0.5), rgba(100,200,255,0.25), rgba(100,200,255,0.15), rgba(100,200,255,0.35)) !important;
}

71
AccountCentre/DragAccountWindows.js Normal file
View File

@@ -0,0 +1,71 @@
function DragWindow(Window) {
var Touchscreen = false;
var CalculatedLeft = 0, CalculatedTop = 0, OldLeft = 0, OldTop = 0;
Window.children[0].addEventListener('mousedown', mouseDown);
Window.children[0].addEventListener('touchstart', mouseDown);
function mouseDown(mouse) {
Touchscreen = mouse.type === "touchstart";
mouse.preventDefault();
if (!Window.classList.contains('DraggingActive')) {
Window.style.zIndex = "" + 55;
if (Touchscreen) {
document.addEventListener('touchmove', mouseMove);
document.addEventListener('touchend', mouseUp);
} else {
document.addEventListener('mousemove', mouseMove);
document.addEventListener('mouseup', mouseUp);
}
Window.classList.add('DraggingActive');
Window.children[1].classList.add("Dragging");
OldLeft = mouse.clientX;
OldTop = mouse.clientY;
Window.children[1].style.transition = '0.5s';
setTimeout(function () {
Window.children[1].style.transition = '0.0s';
}, 500);
}
}
function mouseMove(mouse) {
mouse.preventDefault();
if (!Touchscreen) {
CalculatedLeft = OldLeft - mouse.clientX;
CalculatedTop = OldTop - mouse.clientY;
OldLeft = mouse.clientX;
OldTop = mouse.clientY;
Window.style.top = ((Window.offsetTop - CalculatedTop) / innerHeight) * 100 + 'vh';//clamp(((Window.offsetTop - CalculatedTop) / innerHeight) * 100, 0, (((innerHeight - Window.offsetHeight) / innerHeight) * 100) - 5) + 'vh';
Window.style.left = ((Window.offsetLeft - CalculatedLeft) / innerWidth) * 100 + 'vw'; //clamp(((Window.offsetLeft - CalculatedLeft) / innerWidth) * 100, 0, (((innerWidth - Window.offsetWidth) / innerWidth) * 100) - 0.5) + 'vw';
} else {
Window.style.top = (mouse.changedTouches[0].clientY / innerHeight) * 100 + 'vh';//clamp((mouse.changedTouches[0].clientY / innerHeight) * 100, 0, (((innerHeight - Window.offsetHeight) / innerHeight) * 100) - 5) + 'vh';
Window.style.left = (mouse.changedTouches[0].clientX / innerWidth) * 100 + 'vw';//clamp((mouse.changedTouches[0].clientX / innerWidth) * 100, 0, (((innerWidth - Window.offsetWidth) / innerWidth) * 100) - 0.5) + 'vw';
}
}
function mouseUp(mouse) {
Window.children[1].classList.remove('Dragging');
Window.classList.remove('DraggingActive');
if (Touchscreen) {
document.removeEventListener('touchmove', mouseMove);
document.removeEventListener('touchend', mouseUp);
Touchscreen = false;
} else {
document.removeEventListener('mousemove', mouseMove);
document.removeEventListener('mouseup', mouseUp);
}
Window.children[1].style.transition = '0.5s';
Window.style.zIndex = "" + 50;
setTimeout(function () {
Window.children[1].style.transition = '0.0s';
}, 500);
}
}
function clamp(number, lower, upper) {
if (number > upper) {
return upper;
}
if (number < lower) {
return lower;
}
return number;
}

46
AccountCentre/LogInForm.php Normal file
View File

@@ -0,0 +1,46 @@
<div id='FormBox' class="PopUpWrapper minimised animationTransition">
<div class="WindowTitleBar">
<div class="WindowTitleBarContainer">
<div class="WindowThumbnail" style="background-image: url('../GeneralAssets/windowsbutton.png');"></div>
<div class="WindowTitle">log In</div>
</div>
<div class="WindowTitleBarContainer">
<Button id="FormBoxExitBtn" class=" ExitButton appTitleButton" onclick="removeWindow();"></Button>
</div>
</div>
<div class="WindowBody" style="padding: 0; margin: 0;">
<div class="FormBoxWrapper">
<form action="AccountActions/LogIn.php" METHOD="post">
<p class="whiteText" style="text-align: center; font-size: 5vh; padding: 0; margin: 1vh; font-weight: bolder;">Log Into Existing Account</p>
<div class="LoginField">
<input class="whiteText" type="text" id="emailLogin" name="email" required maxlength="50">
<label for="emailLogin" class="whiteText">Email*</label>
</div>
<div class="LoginField">
<input class="whiteText" type="password" id="password" name="password" required maxlength="50">
<label for="password" class="whiteText">Password*</label>
</div>
<div class="ForgotPass">
<a class="hyperlink" href="#">Forgot Password?</a>
</div>
<div class="LoginField showpassword">
<input id="showloginpasswordcheckbox" type="checkbox" onclick="showpass()" style="cursor:pointer" ><a class="whiteText" onclick="showpasstext()" style="cursor:pointer; user-select: none;">Show Password</a>
</div>
<div class="LoginField">
<input class="whiteText" style="max-width: 25vh;" type="text" id="captcha" name="captcha" maxlength="25" >
<a class="whiteText"> Type your username reversed*</a><br>
</div>
<div class="LoginField">
<input class="whiteText" type="checkbox" id="remember" name="remember" value="yes">
<label for="remember" class="whiteText"> remember me?</label><br>
</div>
<div class="LoginField ButtonArea">
<button class="HotbarButton LogInButton" type="submit">
Log In
</button>
<p class="whiteText">Don't have a halbear.net account? <a onclick="signUpForm()" class="hyperlink register-link">Create One</a></p>
</div>
</form>
</div>
</div>
</div>

BIN
AccountCentre/Logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

47
AccountCentre/SignUpForm.php Normal file
View File

@@ -0,0 +1,47 @@
<div id='FormBox' class="PopUpWrapper minimised animationTransition">
<div class="WindowTitleBar">
<div class="WindowTitleBarContainer">
<div class="WindowThumbnail" style="background-image: url('../GeneralAssets/windowsbutton.png');"></div>
<div class="WindowTitle">Sign Up</div>
</div>
<div class="WindowTitleBarContainer">
<Button id="FormBoxExitBtn" class=" ExitButton appTitleButton" onclick="removeWindow();"></Button>
</div>
</div>
<div class="WindowBody" style="padding: 0; margin: 0;">
<div class="FormBoxWrapper">
<form action="AccountActions/SignUp.php" method="post">
<p class="whiteText" style="text-align: center; font-size: 5vh; padding: 0; margin: 1vh; font-weight: bolder;">Create New Account</p>
<div class="LoginField" >
<input class="whiteText" type="text" id="username" name="username" required maxlength="25">
<label for="username" class="whiteText">Username*</label>
</div>
<div class="LoginField">
<input class="whiteText" type="text" id="display_name" name="display_name" required maxlength="25">
<label for="display_name" class="whiteText">Display Name</label>
</div>
<div class="LoginField">
<input class="whiteText" type="text" id="emailLogin" name="email" required maxlength="50">
<label for="emailLogin" class="whiteText">Email*</label>
</div>
<div class="LoginField">
<input class="whiteText" type="password" id="password" name="password" required maxlength="50">
<label for="password" class="whiteText">Password*</label>
</div>
<div class="LoginField showpassword">
<input id="showloginpasswordcheckbox" type="checkbox" onclick="showpass()" style="cursor:pointer" ><a class="whiteText" onclick="showpasstext()" style="cursor:pointer; user-select: none;">Show Password</a>
</div>
<div class="LoginField">
<input class="whiteText" style="max-width: 25vh;" type="text" id="captcha" name="captcha" maxlength="25" >
<a class="whiteText"> Type your username reversed*</a><br>
</div>
<div class="LoginField ButtonArea" style="margin-bottom: 5vh;">
<button class="HotbarButton LogInButton" type="submit">
Sign Up
</button>
<p class="whiteText">Have a halbear.net account? <a onclick="signInForm()" class="hyperlink register-link">Log In</a></p>
</div>
</form>
</div>
</div>
</div>

6
AppAssets/App.html
View File

@@ -1,12 +1,12 @@
<div id="{id}" class="DraggableWrapper {x} {y} {ApplicationName} minimised">
<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">
<div id="{id}MinimiseBtn" class=" MinimiseButton appTitleButton" ></div>
<div id="{id}ExitBtn" class=" ExitButton appTitleButton" ></div>
<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;">

16
AppAssets/AppFullscreen.html Normal file
View File

@@ -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>

3
Artwork.php
View File

@@ -1,3 +1,6 @@
<?php
session_start();
?>
<!DOCTYPE html>
<html lang="en">
<head>

2
ArtworkApps/MelonaArameIcon.html
View File

@@ -1,3 +1,3 @@
<div class="MelonaArameIcon windowIcon hidden 70 80" onclick="OpenApp(this, false, 50, 50);" >
<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;">

3
ArtworkApps/WhateverBoardApp.html Normal file
View File

@@ -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="http://what.everboard.art" style="width: 100%; height: 100%; border:none;"></iframe>
</div>

3
ArtworkApps/WhateverBoardAppIcon.html Normal file
View File

@@ -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;">

3
Contact.php
View File

@@ -1,3 +1,6 @@
<?php
session_start();
?>
<!DOCTYPE html>
<html lang="en">
<head>

14
Forum.php
View File

@@ -1,3 +1,6 @@
<?php
session_start();
?>
<!DOCTYPE html>
<html lang="en">
<head>
@@ -17,8 +20,13 @@ require_once("Hotbar.php");
</script>
<script src="WindowManager.js"></script>
<script src="AlignDesktopApps.js"></script>
<script>
OpenApp(document.querySelectorAll('.NothingHereIcon')[0], true, 50, 45)
</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>

3
ForumApps/ForumApp.html Normal file
View File

@@ -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>

3
ForumApps/ForumAppIcon.html Normal file
View File

@@ -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;">

8
ForumApps/LoggedOut.html Normal file
View File

@@ -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?Action=LogIn&SourcePage=Forum';">
<a class="buttontext">Log In?</a>
</div>
</div>

3
ForumApps/LoggedOutIcon.html Normal file
View File

@@ -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;">

3
ForumApps/NothingHere.html
View File

@@ -1,3 +0,0 @@
<p class="16 whiteText variableFont" style="overflow: hidden; padding: 1vh; margin: 0">There is nothing here yet.... so for now have this heavily compressed and anti aliased image of a cricket i drew from memory(i had no wifi to search up a reference)</p>
<div style="height: 100px; width: 100%; color:transparent;">sigma</div>
<img src="GeneralAssets/cricket.png" style="height: 20vh; width: auto; position: absolute; top: 50%; left: 50%; transform: translateX(-50%);">

3
ForumApps/NothingHereIcon.html
View File

@@ -1,3 +0,0 @@
<div class="NothingHereIcon windowIcon hidden 40 41" onclick="OpenApp(this, false, 50, 50);" >
<img src="GeneralAssets/cricketHead.png" style="width: 8vh; height: 8vh;">
<a class="whiteText IconText" style="overflow: hidden;">

21
ForumWindow.php Normal file
View File

@@ -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="default.css">
</head>
<body>
<script>
var Button = document.getElementById("ForumBtn");
Button.onclick = function(){document.location.href='index.php';};
Button.children[0].textContent = "Home";
</script>
</body>

BIN
GeneralAssets/ButtonPreset.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 314 B

BIN
GeneralAssets/ForumIcon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 897 B

BIN
GeneralAssets/ForumsIcon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
GeneralAssets/FullScreenButton.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 359 B

BIN
GeneralAssets/FulscreenButtonHover.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 282 B

BIN
HalbearNetLanding/Assets/Art.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 204 KiB

BIN
HalbearNetLanding/Assets/GameDev.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 470 KiB

BIN
HalbearNetLanding/Assets/Logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

BIN
HalbearNetLanding/Assets/Programming.PNG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 305 KiB

BIN
HalbearNetLanding/Assets/Software.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 378 KiB

BIN
HalbearNetLanding/Assets/SoftwareDev.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 156 KiB

BIN
HalbearNetLanding/Assets/TerrainGen1.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 479 KiB

BIN
HalbearNetLanding/Assets/TerrainGen2.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 377 KiB

BIN
HalbearNetLanding/Assets/TerrainGen3.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 485 KiB

BIN
HalbearNetLanding/Assets/chibismug.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
HalbearNetLanding/Assets/halnetmascot.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 39 KiB

BIN
HalbearNetLanding/Assets/ihgd.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 80 KiB

40
HalbearNetLanding/CompanyInformation.php Normal file
View File

@@ -0,0 +1,40 @@
<?php
session_start();
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<title>halbear.net</title>
<meta name="description" content="Official Website of Halbear Networking & Software Ltd">
<meta name="keywords" content="Software, Games, Gaming, Halbear.Net, Halbear, Iron Horse Game Development, Iron Horse, Plane Building, Lost Contact, War Horse, Iostiler, Expedition Emberleaf">
<link rel="stylesheet"href="StyleSheets/MainStyle.css">
<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=Boldonse&family=DotGothic16&family=Lexend:wght@600&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Coral+Pixels&family=Jost:ital,wght@0,100..900;1,100..900&family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet">
</head>
<body>
<?php
$Page = "CompanyInformation";
require_once("Hotbar.php");
?>
<div style="width: 100vw; height: 110vh;" onload="ChangeImg();">
<div tabindex="0" class="StaticContentContainer" style="position: absolute; left: 3vh; top: 11vh; width: 45vw; height: 10vh; display: flex; justify-content: center; align-items: center">
<a class="Title" >
Company Information
</a>
</div>
<div tabindex="0" class="StaticContentContainer" style="position: absolute; left: 3vh; top: 26vh; width: 95vw; height: 78vh; flex-direction: row;">
<div style="display: flex; flex-direction: column; justify-content: start; align-items: start; width: 100%; height: 100%;">
<a class="LargeWhiteFont" style="padding: 2vh; font-size: 3vh; text-align: left;">
Halbear Networking & Software Ltd is registered in Wales and was incorportated on December 24th 2025<br><br>You can contact our Customer Support through this email address: information@halbear.net<br><br>
Individual Contact Information for figures of authority within the company:<br> Company Secretary: "Owen L"<br>Contact: owenjl@halbear.net <br><br> Company Director: "Harrsion C" <br>Contact: halbear@halbear.net <br><br>Director of Development: "Christian L"<br> Contact: paladin@halbear.net<br><br>Registered Address: (Do not mail here, mail will not arrive nor be opened if it does)<br>LD1 5LW<br>Montpellier park<br>Llandrindod Wells<br>powys, UK
</a>
</div>
</div>
</div>
<div class="BackgroundFade" style="height: 110vh;"></div>
</body>
</html>

15
HalbearNetLanding/Hotbar.php Normal file
View File

@@ -0,0 +1,15 @@
<div class="HotbarWrapper">
<div class="LeftFloat HotbarSection">
<div class="Logo"></div>
<a class="Title">Halbear.Net</a>
</div>
<div class="RightFloat HotbarSection">
<?php
if($Page != "home") echo ('<button class="HotbarButton" id="Services" onclick="document.location.href='."'index.php';".'">home</button>');
?>
<button class="HotbarButton" id="Services">Services</button>
<button class="HotbarButton" id="Account" onclick="window.location.href='../AccountCentre/AccountCentre.php'">Account</button>
<button class="HotbarButton" id="HalNet" onclick="window.location.href='../index.php'">Main Site</button>
</div>
</div>
<div class="Copyright LargeWhiteFont" style="cursor: pointer" onclick="document.location.href='CompanyInformation.php'">©Halbear Networking & Software Ltd 2025</div>

267
HalbearNetLanding/StyleSheets/MainStyle.css Normal file
View File

@@ -0,0 +1,267 @@
.lexend{
font-family: "Lexend", sans-serif;
font-optical-sizing: auto;
font-weight: 600;
font-style: normal;
}
.dotgothic16-regular {
font-family: "DotGothic16", sans-serif;
font-weight: 400;
font-style: normal;
}
.boldonse-regular {
font-family: "Boldonse", system-ui;
font-weight: 400;
font-style: normal;
}
.coralPixels{
user-select: none;
font-family: "Coral Pixels", serif;
font-weight: 400;
font-style: normal;
color: white;
font-size: 5vh;
filter: invert(100%);
}
.HotbarWrapper:hover {
height: 12vh;
background-image: linear-gradient(to bottom,rgba(52, 184, 254,0.2) ,rgba(52, 184, 254,0.35),rgba(22, 144, 254,0.15),rgba(12, 64, 124,0.35));
}
.ContentContainer:hover {
border-bottom: #8cefff 0.5vh solid;
border-right: #8cefff 0.5vh solid;
border-left: rgba(32,120,155,1) 0.5vh solid;
border-top: rgba(32,120,155,1) 0.5vh solid;
box-shadow: rgba(200,250,250,0.5) 0vh 0vh 3vh;
background-image:linear-gradient(to bottom right,rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.3) ,rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.25)), linear-gradient(to bottom,rgba(52, 184, 254,0.4),rgba(52, 184, 254,0.0) ,rgba(52, 184, 254,0.3),rgba(22, 144, 254,0.15),rgba(12, 64, 124,0.25));
transform: scale(1.09);
cursor: pointer;
}
.SoftDev{
background-image: linear-gradient(to bottom, rgba(8,46,49, 0.9), rgba(8,46,49, 0.3) , rgba(8,46,49, 0.0), rgba(8,46,49, 0.1)), linear-gradient(to bottom right, rgba(8,46,49, 0.5), rgba(8,46,49, 0.3) , rgba(8,46,49, 0.5), rgba(8,46,49, 0.7)), url('../Assets/Software.png');
background-repeat: no-repeat;
background-size: cover;
background-position-x: center;
}
.SoftPub{
background-image: linear-gradient(to bottom, rgba(8,46,49, 0.9), rgba(8,46,49, 0.3) , rgba(8,46,49, 0.0), rgba(8,46,49, 0.1)), linear-gradient(to bottom right, rgba(8,46,49, 0.5), rgba(8,46,49, 0.3) , rgba(8,46,49, 0.5), rgba(8,46,49, 0.7)), url('../Assets/GameDev.png');
background-repeat: no-repeat;
background-size: cover;
background-position-x: center;
}
.ContentCreation{
background-image: linear-gradient(to bottom, rgba(8,46,49, 0.9), rgba(8,46,49, 0.3) , rgba(8,46,49, 0.0), rgba(8,46,49, 0.1)), linear-gradient(to bottom right, rgba(8,46,49, 0.5), rgba(8,46,49, 0.3) , rgba(8,46,49, 0.5), rgba(8,46,49, 0.7)), url('../Assets/Art.png');
background-repeat: no-repeat;
background-size: cover;
background-position-x: center;
}
.ContentImage{
border-radius: 2vh;
width: 90%;
height: 80%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.StaticContentContainer{
padding: 0;
filter: drop-shadow(0 0.5vh 3vh #8cefff);
border-top: #8cefff 0.3vh solid;
border-left: #8cefff 0.3vh solid;
border-right: rgba(32,120,155,1) 0.3vh solid;
border-bottom: rgba(32,120,155,1) 0.3vh solid;
text-shadow: #223342 0 0 2vh;
background-image:linear-gradient(to bottom right,rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.2) ,rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.15)), linear-gradient(to bottom,rgba(52, 184, 254,0.2),rgba(52, 184, 254,0.0) ,rgba(52, 184, 254,0.15),rgba(22, 144, 254,0.075),rgba(12, 64, 124,0.125));
border-radius: 5vh;
transform: translateY(3vh);
display: flex;
flex-direction: column;
justify-content: left;
align-items: flex-start;
background-color: rgba(190,240,240,.1);
transition: 0.5s;
}
.ContentContainer{
padding: 0;
filter: drop-shadow(0 0.5vh 3vh #8cefff);
border-top: #8cefff 0.3vh solid;
border-left: #8cefff 0.3vh solid;
border-right: rgba(32,120,155,1) 0.3vh solid;
border-bottom: rgba(32,120,155,1) 0.3vh solid;
text-shadow: #223342 0 0 2vh;
background-image:linear-gradient(to bottom right,rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.3) ,rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.0),rgba(100, 124, 254,0.25)), linear-gradient(to bottom,rgba(52, 184, 254,0.2),rgba(52, 184, 254,0.0) ,rgba(52, 184, 254,0.15),rgba(22, 144, 254,0.075),rgba(12, 64, 124,0.125));
border-radius: 5vh;
transform: translateY(3vh);
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
width: 22vw;
height: 70vh;
transition: 0.5s;
}
.LandingWrapper{
display: flex;
flex-direction: row;
justify-content: space-evenly;
align-items: center;
width: 100vw;
height: 80vh;
padding-bottom: 3vh;
}
.HotbarWrapper{
z-index: 100;
position: fixed;
top: 0;
left: 0;
overflow: clip;
width: 100vw;
height: 10vh;
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: #121e29 0 0 5vh;
backdrop-filter: blur(5px);
background-image: linear-gradient(to bottom,rgba(52, 184, 254,0.15) ,rgba(52, 184, 254,0.25),rgba(22, 144, 254,0.125),rgba(12, 64, 124,0.25));
border-bottom: #8cefff 0.3vh solid;
transition: 0.5s;
}
.HotbarButton:active{
cursor: grabbing !important;
height: 9vh;
background: white;
filter: drop-shadow(0 0 2vh #8cefff);
transform: scale(1.1) translateY(1%);
border-top: #8cefff 0.3vh solid;
border-left: #8cefff 0.3vh solid;
border-bottom: none;
border-right: none;
}
.HotbarButton:hover {
cursor: pointer;
height: 8vh;
filter: drop-shadow(0 0 2vh #8cefff);
transform: scale(1.1) translateY(1%);
border-top: #8cefff 0.3vh solid;
border-left: #8cefff 0.3vh solid;
border-bottom: none;
border-right: none;
}
.RightFloat.Long{
width: 100vh;
}
.RightFloat{
margin-right: 1vw;
min-width: 75vh;
}
.LargeWhiteFont{
font-family: "Lexend", system-ui;
font-size: 3vh;
color: white;
display: flex;
justify-content: center;
align-items: center;
}
.HotbarButton{
margin-right: 1vh;
font-family: "Lexend", system-ui;
font-size: 4vh;
width: 22vh;
height: 7vh;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5vh;
color:white;
text-shadow: #8cefff 0vh 0vh 0vh;
background-image: linear-gradient(to bottom, rgba(100,200,255,0.5), rgba(100,200,255,0.25), rgba(100,200,255,0.15), rgba(100,200,255,0.35));
border-bottom: #8cefff 0.3vh solid;
border-right: #8cefff 0.3vh solid;
user-select: none;
transition: .25s;
}
.Copyright{
border-radius: 5vh;
backdrop-filter: blur(15px);
position: fixed;
left: 0;
bottom: 0;
z-index: 100;
}
.Title{
user-select: none;
font-family: "Lexend", sans-serif;
color: white;
font-size: 7vh;
}
Button{
background: transparent;
border: none;
}
.Logo{
user-select: none;
width: 10vh;
height: 10vh;
background-image: url('../Assets/Logo.png');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.HotbarSection{
display: flex;
flex-direction: row;
justify-content: space-evenly;
align-items: center;
}
.BackgroundFade {
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 100vw;
height: 200vh;
background-image: linear-gradient(to bottom, RGBA(3, 29, 46, 0.0), RGBA(3, 29, 46, 0.1) , RGBA(3, 29, 46, 1.0), RGBA(3, 29, 46, 1.0));
}
.LandingWrapper{
//background-image: linear-gradient(to bottom right, RGBA(6, 54, 87,0), RGBA(6, 54, 87,0.5), RGBA(6, 54, 87,0.5),RGBA(3, 29, 46,1.0));
backdrop-filter: blur(5);
}
.TerrainGenBG{
background-repeat: no-repeat;
background-size: cover;
z-index: -2;
}
body{
//background-image: linear-gradient(to bottom right, #063657,#031d2e );
//background-image: url("../Assets/Programming.PNG");
background-color: black;
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
margin: 0;
padding: 0;
height: 100%;
overflow-x:hidden;
}
::-webkit-scrollbar {
width: 1.5vh;
}
::-webkit-scrollbar-track {
background: rgba(0,0,0,0.5 );
border-radius: 2vh;
}
::-webkit-scrollbar-thumb {
background-image: linear-gradient(to bottom right, rgb(50, 100, 100), rgb(70, 120, 120));
border-radius: 2vh;
border: 0.4vh solid rgb(90, 150, 150);
}
::-webkit-scrollbar-thumb:hover {
cursor: grab;
border: 0.4vh solid rgb(190, 250, 250);
background-image: linear-gradient(to bottom right, rgb(70, 140, 140), rgb(100, 180, 180));
}
::-webkit-scrollbar-thumb:active{
cursor: grabbing;
}

BIN
HalbearNetLanding/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

102
HalbearNetLanding/index.php Normal file
View File

@@ -0,0 +1,102 @@
<?php
session_start();
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<title>halbear.net</title>
<meta name="description" content="Official Website of Halbear Networking & Software Ltd">
<meta name="keywords" content="Software, Games, Gaming, Halbear.Net, Halbear, Iron Horse Game Development, Iron Horse, Plane Building, Lost Contact, War Horse, Iostiler, Expedition Emberleaf">
<link rel="stylesheet"href="StyleSheets/MainStyle.css">
<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=Boldonse&family=DotGothic16&family=Lexend:wght@600&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Coral+Pixels&family=Jost:ital,wght@0,100..900;1,100..900&family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet">
</head>
<body>
<?php
$Page = "home";
require_once("Hotbar.php");
?>
<div style="width: 100vw; height: 100vh;" onload="ChangeImg();">
<div tabindex="0" class="StaticContentContainer" style="position: absolute; left: 3vh; top: 11vh; width: 45vw; height: 10vh; display: flex; justify-content: center; align-items: center">
<a class="Title" >
Welcome to Halbear.Net!
</a>
</div>
<div tabindex="0" class="StaticContentContainer" style="position: absolute; left: 3vh; top: 26vh; width: 45vw; height: 34vh; flex-direction: row;">
<div style="display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; width: 100%; height: 100%;">
<a class="LargeWhiteFont" style="padding: 2vh; font-size: 4vh; text-align: center;">
Halbear Networking & Software Ltd is a Software Developer based in Wales who specialises in Game Engine Development!<br><br>
</a>
<button class="HotbarButton" style="width: 80%; height:10vh; transform: translateY(-4.5vh);" id="HalNet" onclick="window.location.href='../index.php'">Wanna Know More?</button>
</div>
</div>
<div tabindex="0" class="StaticContentContainer" style="position: absolute; left: 3vh; top: 63vh; width: 45vw; height: 24vh; flex-direction: row;">
<div style="display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; width: 100%; height: 100%;">
<a class="LargeWhiteFont" style="padding: 2vh; font-size: 3vh; text-align: center;">
this webiste is a landing page to make the important stuff easy to access, here are some shortcuts: <br><br>
</a>
<div style="display: flex; flex-direction: row; justify-content: space-evenly; width: 100%">
<button class="HotbarButton" style="height: 10vh;transform: translateY(-4.5vh);" id="HalNet" onclick="window.location.href='../store.php'">Store</button>
<button class="HotbarButton" style="height: 10vh;transform: translateY(-4.5vh);" id="HalNet" onclick="window.location.href='../Forum.php'">Forums</button>
<button class="HotbarButton" style="height: 10vh;transform: translateY(-4.5vh);" id="HalNet" onclick="window.location.href='../Software.php'">Software</button>
<button class="HotbarButton" style="height: 10vh;transform: translateY(-4.5vh);" id="HalNet" onclick="window.location.href='../Contact.php'">Contacts</button>
</div>
</div>
</div>
<div class="TerrainGenBG" id="TerrainGen" style="position: absolute; top:26vh; height: auto; width: 50vw; aspect-ratio: 1.84; left: 50vw;">
</div>
</div>
<div tabindex="0" style="width: 100vw; display: flex; flex-direction: row; justify-content: center; align-items: center; transform: translateY(3vh);" class="Title">What we offer:</div>
<div tabindex="0" class="LandingWrapper">
<button class="ContentContainer SoftDev" onclick="window.location.href='https://ironhorse.games/'">
<div class="LargeWhiteFont">Software Development</div>
<div class="ContentImage" style="display: flex; flex-direction: column;" >
<img src="Assets/ihgd.png" style="width: 100%; height: auto;">
<div class="LargeWhiteFont">Iron Horse Software is a division of Halbear.Net dedicated as a software and game developer.</div>
</div>
</button>
<button class="ContentContainer SoftPub" style="display: flex; flex-direction: column; justify-content: center; align-content: center;">
<div class="LargeWhiteFont">Software Publishing</div>
<div class="ContentImage" style="margin-top: 5%; display: flex; flex-direction: column; align-items: center;" >
<img src="Assets/Logo.png" style="width: 50%; height: auto;">
<div class="LargeWhiteFont">Halbear Networking & Software Ltd publishes digital media such as video games and software.</div>
</div>
</button>
<button class="ContentContainer DigitalStore">
<div class="LargeWhiteFont">Digital Store</div>
<div class="ContentImage" style=" display: flex; flex-direction: column; align-items: center;">
<img src="Assets/Logo.png" style="width: 50%; height: auto;">
<div class="LargeWhiteFont">Halbear.Net hosts a digital storefront that allows both first party and user created third party software to be published and sold on the Halbear.Net platform.</div>
</div>
</button>
<button class="ContentContainer ContentCreation" onclick="window.location.href='https://halbear.studio/'">
<div class="LargeWhiteFont">Asset Creation</div>
<div class="ContentImage"style=" display: flex; flex-direction: column; align-items: center;" >
<img src="Assets/Logo.png" style="width: 50%; height: auto;">
<div class="LargeWhiteFont"style="margin-top: 0vh;">Halbear.net has 3D artists who are familiar with Blockbench, Blender, Unreal Engine, Roblox Studio and more, we offer 3D digital asset creation as a service.</div>
</div>
</button>
</div>
<div class="BackgroundFade"></div>
<script>
var Images = ["Assets/TerrainGen1.gif","Assets/TerrainGen2.gif","Assets/TerrainGen3.gif"];
var index = 0;
function ChangeImg(){
document.getElementById("TerrainGen").style.backgroundImage = 'url("'+Images[index]+'")';
index++;
if(index >= 3) index = 0;
SetTimeoutChangeImg();
}
function SetTimeoutChangeImg() {
setTimeout(ChangeImg, 12000);
}
ChangeImg();
</script>
</body>
</html>

20
Hotbar.php
View File

@@ -4,19 +4,22 @@
<div class="TitleWhite">halbear.net</div>
</div>
<div class="hotbarContainer">
<div class="hotbarButton" id="ForumBtn" onclick="document.location.href='Forum.php';">
<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 class="hotbarButton" id="SoftwareBtn" onclick="document.location.href='Software.php';">
<div tabindex="0" 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';">
<div tabindex="0" 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';">
<div tabindex="0" 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 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>
@@ -30,6 +33,7 @@
</div>
<div class="DesktopIconWrapper">
<?php
if(!isset($_SESSION['desktop']) || $_SESSION['desktop'] == false){
$arrApps = array();
$Apps = scandir($Page."Apps");
foreach ($Apps as $App) {
@@ -39,7 +43,7 @@
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">
@@ -53,6 +57,9 @@
</div>
</div>
');
}
?>
<div class="background nonDraggableImage">
<div class="MelonaBGWrapper">
<img class="MelonaBackgroundImage nonDraggableImage" src="GeneralAssets/GirlTransParent.png" style="z-index: 1;">
@@ -64,3 +71,4 @@
const Page = "<?php echo $Page ?>";
var apps = document.getElementsByClassName("DraggableWrapper");
</script>
<div class="Copyright">©Halbear Networking & Software Ltd</div>

2
IndexApps/About.html
View File

@@ -1,5 +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 can create software and games, and the websites combative measures against AI and scrapers makes it difficult to scrape your uploaded artwork! <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>

2
IndexApps/AboutIcon.html
View File

@@ -1,3 +1,3 @@
<div class="AboutIcon windowIcon hidden 45 46" onclick="OpenApp(this, false, 50, 50);" >
<div tabindex="0" class="AboutIcon windowIcon hidden 45 46" onclick="OpenApp(this, false, 50, 50);" >
<img src="GeneralAssets/applicationIcon.png" style="width: 8vh; height: 8vh;">
<a class="whiteText IconText" style="overflow: hidden;">

2
IndexApps/CheckThisOutIcon.html
View File

@@ -1,3 +1,3 @@
<div class="ModAdIcon windowIcon hidden 57 35" onclick="OpenApp(this, false, 50, 50);" >
<div tabindex="0" class="ModAdIcon windowIcon hidden 57 35" onclick="OpenApp(this, false, 50, 50);" >
<img src="GeneralAssets/applicationIcon.png" style="width: 8vh; height: 8vh;">
<a class="whiteText IconText" style="overflow: hidden;">

2
IndexApps/DragMeIcon.html
View File

@@ -1,3 +1,3 @@
<div class="DragMeIcon windowIcon hidden 20 20" onclick="OpenApp(this, false, 50, 50);" >
<div tabindex="0" class="DragMeIcon windowIcon hidden 20 20" onclick="OpenApp(this, false, 50, 50);" >
<img src="GeneralAssets/applicationIcon.png" style="width: 8vh; height: 8vh;">
<a class="whiteText IconText" style="overflow: hidden;">

4
IndexApps/Welcome.html
View File

@@ -1,7 +1,7 @@
<div style="height: 100%; width: 100%;overflow: hidden; display: flex; flex-direction: row; flex-wrap: nowrap; padding: 0; margin: 0;">
<img src="GeneralAssets/halbear.gif" style="height:50vh;width: auto;">
<div style="padding: 0; margin: 1vh; display: flex; height: 100%; flex-direction: column; justify-content: space-between;">
<div class="whiteText " style="overflow: hidden;"> Welcome to the Halbear.Net website! This is the home of everything related to the Company:<br><br><b>Halbear Networking & Software Ltd</b></b><br><br>The Minecraft style Avatar to the left is the digital representation of the companies Director, Halbear1, this avatar may be used when explaining things in first person on the website<br><br>
<div style="padding: 0; margin: 1vh; display: flex; min-height: 80%; flex-direction: column; justify-content: space-between;">
<div class="whiteText " style="overflow: hidden;"> Welcome to the Halbear.Net website! This website was created to be a fun way to explore our services!<br> Go on an expedition and explore the sotfware, forums, artwork and any... 👀... secrets hidden within the site<br><br>
</div>
<div class="whiteText " style="padding: 0; margin: 0; display: flex; align-items: center; margin-right: 5px; color:white; user-select: none;">

2
IndexApps/WelcomeIcon.html
View File

@@ -1,3 +1,3 @@
<div class="WelcomeIcon windowIcon hidden 55 55" onclick="OpenApp(this, false, 50, 50);" >
<div tabindex="0" class="WelcomeIcon windowIcon hidden 55 55" onclick="OpenApp(this, false, 50, 50);" >
<img src="GeneralAssets/applicationIcon.png" style="width: 8vh; height: 8vh;">
<a class="whiteText IconText" style="overflow: hidden;">

4
Software.php
View File

@@ -5,11 +5,13 @@
<title>Halbear.Net</title>
<link rel="stylesheet" href="default.css">
</head>
<body>
<body onload="CalculateGrid(); SetUp(); startApps();">
<?php
$Page = "Software";
require_once("Hotbar.php");
?>
<script src="WindowManager.js"></script>
<script src="AlignDesktopApps.js"></script>
<script>
var Button = document.getElementById("SoftwareBtn");
Button.onclick = function(){document.location.href='index.php';};

3
SoftwareApps/SoftwareApp.html Normal file
View File

@@ -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://halbear.dev/" style="width: 100%; height: 100%; border:none;"></iframe>
</div>

3
SoftwareApps/SoftwareAppIcon.html Normal file
View File

@@ -0,0 +1,3 @@
<div tabindex="0" class="SoftwareAppIcon windowIcon hidden 120 80 Fullscreen" onclick="OpenApp(this, false, 50, 50);" >
<img src="GeneralAssets/windowsxpicon.png" style="width: 8vh; height: 8vh; image-rendering: pixelated;">
<a class="whiteText IconText" style="overflow: hidden;">

8
StoreApps/ComingSoon.html Normal file
View File

@@ -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">Cricket noises...<br><br>This feature is coming soon!</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='index.php';">
<a class="buttontext">Home?</a>
</div>
</div>

3
StoreApps/ComingSoonIcon.html Normal file
View File

@@ -0,0 +1,3 @@
<div tabindex="0" class="ComingSoonIcon 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;">

16
WindowManager.js
View File

@@ -5,13 +5,13 @@ class AppWindow{
WindowElement;
TaskbarApp;
DesktopApp;
constructor(IdIn, Source, Title, X, Y) {
this.Title = Title;
this.ID = IdIn;
this.DesktopApp = Source.cloneNode(true);
this.GenerateTaskBarApp()
this.GenerateWindow(this);
if(Source.classList.contains("Fullscreen"))this.GenerateWindow(this,true);
else this.GenerateWindow(this,false);
//setTimeout(this.InitWin(this), 1000)
var checkExist = setInterval( function(Element){
//console.log("Interval")
@@ -37,7 +37,7 @@ class AppWindow{
taskbar.appendChild(this.TaskbarApp);
}
GenerateWindow(self){
GenerateWindow(self, FullscreenAble){
var NewAppBody = new XMLHttpRequest();
NewAppBody.open('GET', Page + "Apps/" + self.Title + '.html', true);
NewAppBody.onreadystatechange = function () {
@@ -45,7 +45,8 @@ class AppWindow{
if (NewAppBody.status !== 200) return;
self.WindowContent = NewAppBody.responseText;
var NewAppLoaded = new XMLHttpRequest();
NewAppLoaded.open('GET', "AppAssets/App.html", true);
if(FullscreenAble) NewAppLoaded.open('GET', "AppAssets/AppFullscreen.html", true);
else NewAppLoaded.open('GET', "AppAssets/App.html", true);
NewAppLoaded.onreadystatechange = function () {
if (NewAppLoaded.readyState !== 4) return;
if (NewAppLoaded.status !== 200) return;
@@ -54,9 +55,14 @@ class AppWindow{
self.Window = self.Window.replace("{x}", self.DesktopApp.classList[3]);
self.Window = self.Window.replace("{y}", self.DesktopApp.classList[4]);
self.Window = self.Window.replace("{ApplicationName}", self.Title + "Name");
self.Window = self.Window.replace("Application", self.Title);
self.Window = self.Window.replace("Application", self.Title.replace(/([A-Z])/g, ' $1').trim());
self.Window = self.Window.replace("{WindowIconImage}", self.DesktopApp.children[0].src);
self.Window = self.Window.replace("{body}", self.WindowContent);
if(FullscreenAble){
var URL = self.WindowContent.split('src="')[1];
var newURL = URL.split('"')[0];
self.Window = self.Window.replace("{FullScreenLocation}", newURL + (!newURL.includes("http") ? "?fullscreen=true&desktop=true" : "?from=halbearnet"));
}
document.getElementById("AppContainer").insertAdjacentHTML("beforeend",self.Window);
};
NewAppLoaded.send();

23
default.css
View File

@@ -198,6 +198,12 @@
.WindowTitleBar:active{
cursor: grabbing;
}
.FullscreenButton{
background-image: url("GeneralAssets/FullScreenButton.png");
}
.FullscreenButton:hover{
background-image: url("GeneralAssets/FulscreenButtonHover.png");
}
.ExitButton{
background-image: url("GeneralAssets/ExitButton.png");
}
@@ -261,6 +267,10 @@
text-shadow: #0e4044 0.15vh 0.35vh 1vh;
margin-left:0.25vh;
}
Button{
background: transparent;
border: none;
}
.IconText{
font-size: 1.35vh !important;
user-select: none;
@@ -482,3 +492,16 @@ body{
image-rendering: pixelated;
-ms-interpolation-mode: nearest-neighbor;
}
.Copyright{
border-radius: 5vh;
position: fixed;
left: 0;
bottom: 0;
z-index: 100;
user-select: none;
transition: ease-in-out .3s;
font-family: "Arial", serif;
font-size: 2vh;
text-align: center;
color: white;
}

3
index.php
View File

@@ -1,3 +1,6 @@
<?php
session_start();
?>
<!DOCTYPE html>
<html lang="en">
<head>

25
store.php Normal file
View File

@@ -0,0 +1,25 @@
<?php
session_start();
?>
<!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
$Page = "Store";
require_once("Hotbar.php");
?>
<script src="WindowManager.js"></script>
<script src="AlignDesktopApps.js"></script>
<script>
function startApps() {
OpenApp(document.querySelectorAll('.ComingSoonIcon')[0], true, 50, 45);
}
</script>
</body>
</html>