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

Compare commits

base: halbear:da56ee8bd1385e02c3b94b644ad771f837f9f309
Branches Tags
halbear:main
...
compare: halbear:b70fb4d2af068d0515411deac8308dc462a8e48c
Branches Tags
halbear:main

2 Commits
da56ee8bd1 ... b70fb4d2af

Author SHA1 Message Date
Halbear
b70fb4d2af Merge remote-tracking branch 'origin/main' 2026-03-05 21:40:42 +00:00
Halbear
637c329ac6 Mobile support... kinda 2026-03-05 21:40:29 +00:00
11 changed files with 704 additions and 309 deletions
Expand all files Collapse all files

304
AccountCentre/AccountCentre.css
View File

@@ -1,12 +1,204 @@
body{ @media only screen and (max-aspect-ratio: 1.165/1) {
background-image: linear-gradient(to bottom,#245a80 10vh,transparent 90vh ), linear-gradient(to bottom right, #063657,#031d2e ); .Logo{
background-size: cover; margin-left:1vh;
transition: 0.25s;
padding-right:1vh;
background-image: url("Logo.png");
background-repeat: no-repeat; background-repeat: no-repeat;
margin: 0; background-size: contain;
padding: 0; width: 6vh;
height: 100vh; height:6vh;
}
.Title{
transition: 0.25s;
text-shadow: #8cefff 0vh 0vh 0vh;
user-select: none;
font-family: "Arial", serif;
font-weight: bolder;
color:white;
font-size: 2.5vh;
}
.HotbarButton:hover{
cursor: pointer;
margin-right: 1vh;
width:35vw;
height: 6vh;
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: 0.5vh;
margin-left: 0.5vh;
display: flex;
justify-content: center;
flex-direction: row;
align-content: center;
align-items: center;
font-family: "Arial", serif;
font-weight: bolder;
font-size: 2vh;
width: 30vw;
height: 5vh;
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;
}
.HotbarWrapper{
flex-direction: column !important;
overflow-x: clip;
transition: 0.5s;
width: 100vw;
height: 15vh;
display: flex;
justify-content: start;
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;
}
.ErrorMessageWrapper{
display: flex;
position: absolute;
justify-content: center;
align-items: center;
align-content: center;
flex-direction: column;
width: 75vw;
height: 50vh;
top: 50vh;
left:50vw;
transform: translate(-50%,-50%);
}
.ErrorMessageImage{
background-image: url("../GeneralAssets/mascotchibi/chibilost.png");
background-repeat: no-repeat;
background-size: 7.5vh;
transition: 0.25s;
min-width: 7.5vh !important;
min-height: 8.4375vh !important;
image-rendering: pixelated;
}
.ErrorMessage:hover{
.ErrorMessageImage{
transform: scale(1);
max-width: 6.43vh !important;
min-height: 8.9375vh !important;
background-position-y: 105%;
background-image: url("../GeneralAssets/mascotchibi/chibiquestion.png");
}
}
.ErrorMessage{
padding: 1vh;
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;
flex-direction: column;
justify-content: center;
align-items: center;
transition: 0.25s;
user-select: none;
font-family: "Arial", serif;
font-weight: bolder;
color:white;
font-size: 2vh;
text-align: center;
}
} }
.HotbarWrapper{ @media only screen and (min-aspect-ratio: 1.165/1) {
.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;
}
.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;
}
.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;
}
.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;
}
.HotbarWrapper{
overflow-x: clip; overflow-x: clip;
transition: 0.5s; transition: 0.5s;
width: 100vw; width: 100vw;
@@ -18,18 +210,8 @@ body{
box-shadow: #121e29 0 0 5vh; 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)); 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; 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{ .ErrorMessageWrapper{
display: flex; display: flex;
position: absolute; position: absolute;
justify-content: center; justify-content: center;
@@ -41,8 +223,8 @@ body{
top: 50vh; top: 50vh;
left:50vw; left:50vw;
transform: translate(-50%,-50%); transform: translate(-50%,-50%);
} }
.ErrorMessageImage{ .ErrorMessageImage{
background-image: url("../GeneralAssets/mascotchibi/chibilost.png"); background-image: url("../GeneralAssets/mascotchibi/chibilost.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 15vh; background-size: 15vh;
@@ -51,8 +233,8 @@ body{
min-height: 16.875vh !important; min-height: 16.875vh !important;
image-rendering: pixelated; image-rendering: pixelated;
} }
.ErrorMessage:hover{ .ErrorMessage:hover{
.ErrorMessageImage{ .ErrorMessageImage{
transform: scale(1); transform: scale(1);
max-width: 12.86vh !important; max-width: 12.86vh !important;
@@ -60,8 +242,8 @@ body{
background-position-y: 105%; background-position-y: 105%;
background-image: url("../GeneralAssets/mascotchibi/chibiquestion.png"); background-image: url("../GeneralAssets/mascotchibi/chibiquestion.png");
} }
} }
.ErrorMessage{ .ErrorMessage{
padding: 2vh; padding: 2vh;
filter: drop-shadow(0 0.5vh 3vh #8cefff); filter: drop-shadow(0 0.5vh 3vh #8cefff);
border-top: #8cefff 0.3vh solid; border-top: #8cefff 0.3vh solid;
@@ -82,7 +264,17 @@ body{
color:white; color:white;
font-size: 4vh; font-size: 4vh;
text-align: center; text-align: center;
}
} }
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;
}
.LogInButtonWrapper{ .LogInButtonWrapper{
transform: scale(1.5); transform: scale(1.5);
margin-top: 5vh; margin-top: 5vh;
@@ -92,26 +284,6 @@ body{
align-content: center; align-content: center;
flex-direction: row; 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{ .AccountIcon:hover{
transform: scale(1.2) translateY(0); transform: scale(1.2) translateY(0);
filter: drop-shadow(0 0 2vh #8cefff); filter: drop-shadow(0 0 2vh #8cefff);
@@ -135,41 +307,6 @@ body{
transform: scale(1.2) translateY(0); transform: scale(1.2) translateY(0);
filter: drop-shadow(0 0 2vh #8cefff); 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{ .HotbarSection{
display: flex; display: flex;
justify-content: center; justify-content: center;
@@ -193,15 +330,6 @@ body{
overflow: hidden; overflow: hidden;
pointer-events: none; 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{ .Copyright{
border-radius: 5vh; border-radius: 5vh;
position: fixed; position: fixed;

144
AccountCentre/AccountWindow.css
View File

@@ -1,3 +1,100 @@
@media only screen and (max-aspect-ratio: 1.165/1) {
.LoginField{
min-width: 90%;
min-height:5vh;
padding: 1vh 5vh;
backdrop-filter: blur(15px);
border-radius: 2.5vh;
margin-bottom: 1vh;
flex-direction: column-reverse;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
}
.IconText{
font-family: "Arial", serif;
font-size: 1vh !important;
user-select: none;
}
.whiteText{
padding-bottom: 1vh;
text-align: center;
text-shadow: #0e4044 0.15vh 0.35vh 1vh;
font-family: "Arial", serif;
color: white;
font-size: 2vh;
}
.PopUpWrapper{
pointer-events: all;
z-index: 100 !important;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
flex-direction: column;
width: 95vw;
height: 85vh;
left: 50vw;
top: 50vh;
position: absolute;
transform: translate(-50%,-50%);
}
.WindowTitle{
font-family: "Arial", serif;
font-size: 1.35vh !important;
color: white;
text-shadow: #0e4044 0.15vh 0.35vh 1vh;
margin-left:0.25vh;
}
}
@media only screen and (min-aspect-ratio: 1.165/1) {
.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;
}
.WindowTitle{
font-family: "Arial", serif;
font-size: 2.35vh;
color: white;
text-shadow: #0e4044 0.15vh 0.35vh 1vh;
margin-left:0.25vh;
}
.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%);
}
.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;
}
}
.windowIcon{ .windowIcon{
user-select: none; user-select: none;
z-index: 55 !important; z-index: 55 !important;
@@ -16,21 +113,7 @@ Button{
background: transparent; background: transparent;
border: none; 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{ .DraggableWrapper{
pointer-events: all; pointer-events: all;
z-index: 50; /*!important;*/ z-index: 50; /*!important;*/
@@ -133,40 +216,11 @@ Button{
.WindowBody.Dragging{ .WindowBody.Dragging{
box-shadow: 2vh 3vh 3vh #121e29; 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{ .FormBoxWrapper{
margin: 3vh; margin: 3vh;
min-width: 90%; 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{ .minimised{
top: 200vh !important; top: 200vh !important;
transition: 0.5s !important; transition: 0.5s !important;

16
AccountCentre/DragAccountWindows.js
View File

@@ -2,20 +2,13 @@ function DragWindow(Window) {
var Touchscreen = false; var Touchscreen = false;
var CalculatedLeft = 0, CalculatedTop = 0, OldLeft = 0, OldTop = 0; var CalculatedLeft = 0, CalculatedTop = 0, OldLeft = 0, OldTop = 0;
Window.children[0].addEventListener('mousedown', mouseDown); Window.children[0].addEventListener('mousedown', mouseDown);
Window.children[0].addEventListener('touchstart', mouseDown);
function mouseDown(mouse) { function mouseDown(mouse) {
Touchscreen = mouse.type === "touchstart";
mouse.preventDefault(); mouse.preventDefault();
if (!Window.classList.contains('DraggingActive')) { if (!Window.classList.contains('DraggingActive')) {
Window.style.zIndex = "" + 55; Window.style.zIndex = "" + 55;
if (Touchscreen) {
document.addEventListener('touchmove', mouseMove);
document.addEventListener('touchend', mouseUp);
} else {
document.addEventListener('mousemove', mouseMove); document.addEventListener('mousemove', mouseMove);
document.addEventListener('mouseup', mouseUp); document.addEventListener('mouseup', mouseUp);
}
Window.classList.add('DraggingActive'); Window.classList.add('DraggingActive');
Window.children[1].classList.add("Dragging"); Window.children[1].classList.add("Dragging");
OldLeft = mouse.clientX; OldLeft = mouse.clientX;
@@ -36,23 +29,14 @@ function DragWindow(Window) {
OldTop = mouse.clientY; 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.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'; 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) { function mouseUp(mouse) {
Window.children[1].classList.remove('Dragging'); Window.children[1].classList.remove('Dragging');
Window.classList.remove('DraggingActive'); Window.classList.remove('DraggingActive');
if (Touchscreen) {
document.removeEventListener('touchmove', mouseMove);
document.removeEventListener('touchend', mouseUp);
Touchscreen = false;
} else {
document.removeEventListener('mousemove', mouseMove); document.removeEventListener('mousemove', mouseMove);
document.removeEventListener('mouseup', mouseUp); document.removeEventListener('mouseup', mouseUp);
}
Window.children[1].style.transition = '0.5s'; Window.children[1].style.transition = '0.5s';
Window.style.zIndex = "" + 50; Window.style.zIndex = "" + 50;
setTimeout(function () { setTimeout(function () {

2
AccountCentre/LogInForm.php
View File

@@ -5,7 +5,7 @@
<div class="WindowTitle">log In</div> <div class="WindowTitle">log In</div>
</div> </div>
<div class="WindowTitleBarContainer"> <div class="WindowTitleBarContainer">
<Button id="FormBoxExitBtn" class=" ExitButton appTitleButton" onclick="removeWindow();"></Button> <Button id="FormBoxExitBtn" class=" ExitButton appTitleButton" onclick="removeWindow();" on></Button>
</div> </div>
</div> </div>
<div class="WindowBody" style="padding: 0; margin: 0;"> <div class="WindowBody" style="padding: 0; margin: 0;">

14
HalbearNetLanding/CompanyInformation.php
View File

@@ -36,16 +36,16 @@ require_once("Hotbar.php");
</div> </div>
</div> </div>
</div> </div>
<div class="halbearnetFooter"> <div class="halbearnetFooter" style="margin-top: 10vh;">
<div class="FooterContainer"> <div class="FooterContainer">
<a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 2vh; margin-right: 2vh; cursor: pointer; font-size: 3vh; text-align: left;">©Halbear Networking & Software Ltd 2025</a> <a class="FooterFont " style="padding-bottom: 2vh; margin-right: 2vh; text-align: left;">©Halbear Networking & Software Ltd 2025</a>
<a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; cursor: pointer; font-size: 3vh; text-align: left;" onclick="document.location.href='UserAgreement.php';">User Agreement</a> <a class="FooterFont " style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline; text-align: left;" onclick="document.location.href='UserAgreement.php';">User Agreement</a>
<a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; cursor: pointer; font-size: 3vh; text-align: left;" onclick="document.location.href='DataCollection.php';">Data Collection Information</a> <a class="FooterFont " style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline; text-align: left;" onclick="document.location.href='DataCollection.php';">Data Collection Information</a>
</div> </div>
<div class="FooterContainer"> <div class="FooterContainer">
<a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 2vh; margin-right: 2vh; cursor: pointer; font-size: 3vh; text-align: right;">Useful Information:</a> <a class=" FooterFont" style="padding-bottom: 2vh; margin-right: 2vh; text-align: right;">Useful Information:</a>
<a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; text-align: right; cursor: pointer; font-size: 3vh;" onclick="document.location.href='ContactUs.php';">Contact Us</a> <a class=" FooterFont" style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline; text-align: right; " onclick="document.location.href='ContactUs.php';">Contact Us</a>
<a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; cursor: pointer; font-size: 3vh; text-align: right;" onclick="document.location.href='CompanyInformation.php';">Company Information</a> <a class=" FooterFont" style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline; text-align: right;" onclick="document.location.href='CompanyInformation.php';">Company Information</a>
</div> </div>
</div> </div>
<div class="BackgroundFade" style="height: 135vh;"></div> <div class="BackgroundFade" style="height: 135vh;"></div>

24
HalbearNetLanding/ContactUs.php
View File

@@ -21,13 +21,13 @@ require("../Hidden/Security/StartSession.php");
$Page = "CompanyInformation"; $Page = "CompanyInformation";
require_once("Hotbar.php"); require_once("Hotbar.php");
?> ?>
<div style="width: 100vw; height: 110vh;" onload="ChangeImg();"> <div style="max-width: 100vw; height: 110vh; margin-right: 3vh;" 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"> <div tabindex="0" class="StaticContentContainer" style="position: absolute; left: 3vh; top: 11vh;margin-right: 3vh; min-width: 45vw; height: 10vh; display: flex; justify-content: center; align-items: center">
<a class="Title" > <a class="Title" style="margin-left: 1vh; margin-right: 1vh;" >
Contact Us Contact Us
</a> </a>
</div> </div>
<div tabindex="0" class="StaticContentContainer" style="position: absolute; left: 3vh; top: 26vh; width: 95vw; height: 78vh; flex-direction: row;"> <div tabindex="0" class="StaticContentContainer" style="position: absolute; left: 3vh; margin-right: 3vh; top: 26vh; max-width: 95vw; height: 78vh; flex-direction: row;">
<div style="display: flex; flex-direction: column; justify-content: start; align-items: start; width: 100%; height: 100%;"> <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;"> <a class="LargeWhiteFont" style="padding: 2vh; font-size: 3vh; text-align: left;">
Halbear Networking & Software Ltd Support Email: <br> information@halbear.net<br> Halbear Networking & Software Ltd Support Email: <br> information@halbear.net<br>
@@ -37,18 +37,18 @@ require_once("Hotbar.php");
</div> </div>
</div> </div>
</div> </div>
<div class="halbearnetFooter"> <div class="halbearnetFooter" style="margin-top: 10vh;">
<div class="FooterContainer"> <div class="FooterContainer">
<a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 2vh; margin-right: 2vh; cursor: pointer; font-size: 3vh; text-align: left;">©Halbear Networking & Software Ltd 2025</a> <a class="FooterFont " style="padding-bottom: 2vh; margin-right: 2vh; text-align: left;">©Halbear Networking & Software Ltd 2025</a>
<a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; cursor: pointer; font-size: 3vh; text-align: left;" onclick="document.location.href='UserAgreement.php';">User Agreement</a> <a class="FooterFont " style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline; text-align: left;" onclick="document.location.href='UserAgreement.php';">User Agreement</a>
<a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; cursor: pointer; font-size: 3vh; text-align: left;" onclick="document.location.href='DataCollection.php';">Data Collection Information</a> <a class="FooterFont " style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline; text-align: left;" onclick="document.location.href='DataCollection.php';">Data Collection Information</a>
</div> </div>
<div class="FooterContainer"> <div class="FooterContainer">
<a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 2vh; margin-right: 2vh; cursor: pointer; font-size: 3vh; text-align: right;">Useful Information:</a> <a class=" FooterFont" style="padding-bottom: 2vh; margin-right: 2vh; text-align: right;">Useful Information:</a>
<a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; text-align: right; cursor: pointer; font-size: 3vh;" onclick="document.location.href='ContactUs.php';">Contact Us</a> <a class=" FooterFont" style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline; text-align: right; " onclick="document.location.href='ContactUs.php';">Contact Us</a>
<a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; cursor: pointer; font-size: 3vh; text-align: right;" onclick="document.location.href='CompanyInformation.php';">Company Information</a> <a class=" FooterFont" style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline; text-align: right;" onclick="document.location.href='CompanyInformation.php';">Company Information</a>
</div> </div>
</div> </div>
<div class="BackgroundFade" style="height: 135vh;"></div> <div class="BackgroundFade" style="min-height: 135vh;"></div>
</body> </body>
</html> </html>

16
HalbearNetLanding/DataCollection.php
View File

@@ -22,8 +22,8 @@ $Page = "DataCollection";
require_once("Hotbar.php"); require_once("Hotbar.php");
?> ?>
<div style="width: 100vw; height: 100%; margin-top: 10vh; display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center;"> <div style="width: 100vw; height: 100%; margin-top: 10vh; display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center;">
<div tabindex="0" class="StaticContentContainer" style="margin-bottom: 3vh; position: left: 3vh; top: 11vh; width: 45vw; height: 10vh; display: flex; justify-content: center; align-items: center"> <div tabindex="0" class="StaticContentContainer" style="margin-bottom: 3vh; position: left: 3vh; top: 11vh; min-width: 45vw; height: 10vh; display: flex; justify-content: center; align-items: center">
<a class="Title" > <a class="Title" style="margin-left: 2vh; padding-right: 2vh;">
Data Usage Data Usage
</a> </a>
</div> </div>
@@ -57,14 +57,14 @@ require_once("Hotbar.php");
</div> </div>
<div class="halbearnetFooter" style="margin-top: 10vh;"> <div class="halbearnetFooter" style="margin-top: 10vh;">
<div class="FooterContainer"> <div class="FooterContainer">
<a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 2vh; margin-right: 2vh; cursor: pointer; font-size: 3vh; text-align: left;">©Halbear Networking & Software Ltd 2025</a> <a class="FooterFont " style="padding-bottom: 2vh; margin-right: 2vh; text-align: left;">©Halbear Networking & Software Ltd 2025</a>
<a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; cursor: pointer; font-size: 3vh; text-align: left;" onclick="document.location.href='UserAgreement.php';">User Agreement</a> <a class="FooterFont " style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline; text-align: left;" onclick="document.location.href='UserAgreement.php';">User Agreement</a>
<a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; cursor: pointer; font-size: 3vh; text-align: left;" onclick="document.location.href='DataCollection.php';">Data Collection Information</a> <a class="FooterFont " style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline; text-align: left;" onclick="document.location.href='DataCollection.php';">Data Collection Information</a>
</div> </div>
<div class="FooterContainer"> <div class="FooterContainer">
<a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 2vh; margin-right: 2vh; cursor: pointer; font-size: 3vh; text-align: right;">Useful Information:</a> <a class=" FooterFont" style="padding-bottom: 2vh; margin-right: 2vh; text-align: right;">Useful Information:</a>
<a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; text-align: right; cursor: pointer; font-size: 3vh;" onclick="document.location.href='ContactUs.php';">Contact Us</a> <a class=" FooterFont" style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline; text-align: right; " onclick="document.location.href='ContactUs.php';">Contact Us</a>
<a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; cursor: pointer; font-size: 3vh; text-align: right;" onclick="document.location.href='CompanyInformation.php';">Company Information</a> <a class=" FooterFont" style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline; text-align: right;" onclick="document.location.href='CompanyInformation.php';">Company Information</a>
</div> </div>
</div> </div>
<div class="BackgroundFade" style="height: 560vh; !important;"></div> <div class="BackgroundFade" style="height: 560vh; !important;"></div>

243
HalbearNetLanding/StyleSheets/MainStyle.css
View File

@@ -63,7 +63,177 @@
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.StaticContentContainer{ body{
overflow-x: hidden;
width: 100%;
}
@media only screen and (max-aspect-ratio: 1.165/1) {
.EntireContentWrapper{
min-height: 100vh;
overflow-y: hidden;
}
.FadeIndex{
position: absolute;
height: 360vh;
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
}
.StaticSizeableContainer{
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
width: 100%;
min-height: 100%;
}
.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: 10vw;
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: 92vw;
height: 70vh;
margin-top: 1vh;
margin-bottom: 1vh;
transition: 0.5s;
}
.LandingWrapper{
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
width: 100vw;
height: 200vh;
padding-bottom: 3vh;
}
.FooterFont{
cursor: pointer;
font-family: 'Lexend',serif; color:white; padding-left: 1vw !important;
font-size: 2vh !important;
}
.ShortcutButton{
font-size: 1vh !important;
margin: 0.5vh !important;
max-width: 21vw !important;
min-height: 7vh !important;
transform: translateY(-4.5vh);
border-radius: 5vw !important;
}
.InfoBoxButton{
min-width: 75vw !important;
min-height:6vh;
transform: translateY(-4.5vh);
}
.IntroWrapper{
margin-top: 15vh;
width: 100vw;
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
align-content: center;
}
.ShortcutButtonWrapper{
display: flex; flex-direction: row; justify-content: center; width: 100%; flex-wrap: wrap;
}
.FrontPageTextBox{
margin-top: 1vh;
margin-bottom: 1vh;
position: relative;
width: 94vw;
}
.WelcomeTitle{
height: 10vh;
display: flex;
justify-content: center;
align-items: center;
}
.InfoBox{
height: 23vh;
flex-direction: row;
}
.ShortcutBox{
min-height: 24vh;
flex-direction: row;
}
.HotbarWrapper{
justify-content: flex-start !important;
flex-direction: column;
height: 13vh !important;
}
.TerrainGenBG{
margin-top: 5vh;
top:57vh;
height: 52.174vw;
width: 96vw;
aspect-ratio: 1.84;
}
.LargeWhiteFont{
font-size: 2.25vh !important;
}
.Title {
text-align: center;
font-size: 4vh !important;
}
.Logo{
height: 6vh !important;
width: 6vh !important;
}
.HotbarSection{
flex-wrap: wrap !important;
justify-content: center !important;
}
.HotbarButton{
margin: 0.1vh;
font-size: 1.85vh !important;
width: 22vw !important;
height: 5vh !important;
}
}
@media only screen and (min-aspect-ratio: 1.165/1) {
.FadeIndex{
height: 220vh !important;
}
.StaticSizeableContainer{
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
width: 100%;
height: 100%;
}
.StaticContentContainer{
padding: 0; padding: 0;
filter: drop-shadow(0 0.5vh 3vh #8cefff); filter: drop-shadow(0 0.5vh 3vh #8cefff);
border-top: #8cefff 0.3vh solid; border-top: #8cefff 0.3vh solid;
@@ -80,8 +250,8 @@
align-items: flex-start; align-items: flex-start;
background-color: rgba(190,240,240,.1); background-color: rgba(190,240,240,.1);
transition: 0.5s; transition: 0.5s;
} }
.ContentContainer{ .ContentContainer{
padding: 0; padding: 0;
filter: drop-shadow(0 0.5vh 3vh #8cefff); filter: drop-shadow(0 0.5vh 3vh #8cefff);
border-top: #8cefff 0.3vh solid; border-top: #8cefff 0.3vh solid;
@@ -99,8 +269,8 @@
width: 22vw; width: 22vw;
height: 70vh; height: 70vh;
transition: 0.5s; transition: 0.5s;
} }
.LandingWrapper{ .LandingWrapper{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-evenly; justify-content: space-evenly;
@@ -108,6 +278,65 @@
width: 100vw; width: 100vw;
height: 80vh; height: 80vh;
padding-bottom: 3vh; padding-bottom: 3vh;
}
.FooterFont{
cursor: pointer;
font-family: 'Lexend',serif; color:white; padding-left: 2vh;
font-size: 3vh;
}
.ShortcutButtonWrapper{
display: flex;
flex-direction: row;
justify-content: space-evenly;
width: 100%
}
.ShortcutButton{
margin-left: 1vh;
height: 10vh !important;
transform: translateY(-4.5vh) !important;
}
.InfoBoxButton{
width: 80% !important;
height:10vh;
transform: translateY(-4.5vh) !important;
}
.IntroWrapper{
width: 100vw;
height: 100vh;
}
.WelcomeTitle{
top: 11vh;
height: 10vh;
display: flex;
justify-content: center;
align-items: center;
}
.InfoBox{
top: 26vh;
height: 34vh;
flex-direction: row;
}
.ShortcutBox{
top: 63vh;
height: 24vh;
flex-direction: row;
}
.FrontPageTextBox{
position: absolute;
left: 3vh;
width: 45vw;
}
.HotbarWrapper{
flex-direction: row;
}
.TerrainGenBG{
position: absolute;
top:26vh;
height: auto;
width: 50vw;
aspect-ratio: 1.84;
left: 50vw;
}
} }
.HotbarWrapper{ .HotbarWrapper{
z-index: 100; z-index: 100;
@@ -154,6 +383,7 @@
.RightFloat{ .RightFloat{
margin-right: 1vw; margin-right: 1vw;
min-width: 75vh; min-width: 75vh;
max-width: 100vw;
} }
.LargeWhiteFont{ .LargeWhiteFont{
font-family: "Lexend", system-ui; font-family: "Lexend", system-ui;
@@ -241,9 +471,7 @@ Button{
top: 0; top: 0;
z-index: -1; z-index: -1;
width: 100vw; 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)); 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{ .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)); //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));
@@ -264,7 +492,6 @@ body{
margin: 0; margin: 0;
padding: 0; padding: 0;
height: 100%; height: 100%;
overflow-x:hidden;
} }
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 1.5vh; width: 1.5vh;

16
HalbearNetLanding/UserAgreement.php
View File

@@ -22,8 +22,8 @@ $Page = "UserAgreement";
require_once("Hotbar.php"); require_once("Hotbar.php");
?> ?>
<div style="width: 100vw; height: 100%; margin-top: 10vh; display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center;"> <div style="width: 100vw; height: 100%; margin-top: 10vh; display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center;">
<div tabindex="0" class="StaticContentContainer" style="margin-bottom: 3vh; position: left: 3vh; top: 11vh; width: 45vw; height: 10vh; display: flex; justify-content: center; align-items: center"> <div tabindex="0" class="StaticContentContainer" style="margin-bottom: 3vh; position: left: 3vh; top: 11vh; min-width: 45vw; height: 10vh; display: flex; justify-content: center; align-items: center">
<a class="Title" > <a class="Title" style="margin-left: 2vh; padding-right: 2vh;" >
User Agreement User Agreement
</a> </a>
</div> </div>
@@ -68,14 +68,14 @@ require_once("Hotbar.php");
</div> </div>
<div class="halbearnetFooter" style="margin-top: 10vh;"> <div class="halbearnetFooter" style="margin-top: 10vh;">
<div class="FooterContainer"> <div class="FooterContainer">
<a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 2vh; margin-right: 2vh; cursor: pointer; font-size: 3vh; text-align: left;">©Halbear Networking & Software Ltd 2025</a> <a class="FooterFont " style="padding-bottom: 2vh; margin-right: 2vh; text-align: left;">©Halbear Networking & Software Ltd 2025</a>
<a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; cursor: pointer; font-size: 3vh; text-align: left;" onclick="document.location.href='UserAgreement.php';">User Agreement</a> <a class="FooterFont " style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline; text-align: left;" onclick="document.location.href='UserAgreement.php';">User Agreement</a>
<a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; cursor: pointer; font-size: 3vh; text-align: left;" onclick="document.location.href='DataCollection.php';">Data Collection Information</a> <a class="FooterFont " style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline; text-align: left;" onclick="document.location.href='DataCollection.php';">Data Collection Information</a>
</div> </div>
<div class="FooterContainer"> <div class="FooterContainer">
<a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 2vh; margin-right: 2vh; cursor: pointer; font-size: 3vh; text-align: right;">Useful Information:</a> <a class=" FooterFont" style="padding-bottom: 2vh; margin-right: 2vh; text-align: right;">Useful Information:</a>
<a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; text-align: right; cursor: pointer; font-size: 3vh;" onclick="document.location.href='ContactUs.php';">Contact Us</a> <a class=" FooterFont" style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline; text-align: right; " onclick="document.location.href='ContactUs.php';">Contact Us</a>
<a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; cursor: pointer; font-size: 3vh; text-align: right;" onclick="document.location.href='CompanyInformation.php';">Company Information</a> <a class=" FooterFont" style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline; text-align: right;" onclick="document.location.href='CompanyInformation.php';">Company Information</a>
</div> </div>
</div> </div>
<div class="BackgroundFade" style="height: 501vh; !important;"></div> <div class="BackgroundFade" style="height: 501vh; !important;"></div>

44
HalbearNetLanding/index.php
View File

@@ -22,36 +22,37 @@ require("../Hidden/Security/StartSession.php");
$Page = "home"; $Page = "home";
require_once("Hotbar.php"); require_once("Hotbar.php");
?> ?>
<div style="width: 100vw; height: 100vh;" onload="ChangeImg();"> <div class="EntireContentWrapper">
<div tabindex="0" class="StaticContentContainer" style="position: absolute; left: 3vh; top: 11vh; width: 45vw; height: 10vh; display: flex; justify-content: center; align-items: center"> <div class="IntroWrapper" style="" onload="ChangeImg();">
<div tabindex="0" class="StaticContentContainer FrontPageTextBox WelcomeTitle" style="">
<a class="Title" > <a class="Title" >
Welcome to Halbear.Net! Welcome to Halbear.Net!
</a> </a>
</div> </div>
<div tabindex="0" class="StaticContentContainer" style="position: absolute; left: 3vh; top: 26vh; width: 45vw; height: 34vh; flex-direction: row;"> <div tabindex="0" class="StaticContentContainer FrontPageTextBox InfoBox" style=" ">
<div style="display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; width: 100%; height: 100%;"> <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;"> <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> Halbear Networking & Software Ltd is a Software Developer based in Wales who specialises in Game Engine Development!<br><br>
</a> </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> <button class="HotbarButton InfoBoxButton" style="" id="HalNet" onclick="window.location.href='../index.php'">Wanna Know More?</button>
</div> </div>
</div> </div>
<div tabindex="0" class="StaticContentContainer" style="position: absolute; left: 3vh; top: 63vh; width: 45vw; height: 24vh; flex-direction: row;"> <div class="TerrainGenBG" id="TerrainGen">
<div style="display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; width: 100%; height: 100%;">
</div>
<div tabindex="0" class="StaticContentContainer FrontPageTextBox ShortcutBox" style="">
<div class="StaticSizeableContainer" style="">
<a class="LargeWhiteFont" style="padding: 2vh; font-size: 3vh; text-align: center;"> <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> this webiste is a landing page to make the important stuff easy to access, here are some shortcuts: <br><br>
</a> </a>
<div style="display: flex; flex-direction: row; justify-content: space-evenly; width: 100%"> <div class="ShortcutButtonWrapper" style="">
<button class="HotbarButton" style="height: 10vh;transform: translateY(-4.5vh);" id="HalNet" onclick="window.location.href='../store.php'">Store</button> <button class="HotbarButton ShortcutButton" style="" 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='../ForumWindow.php?desktop=true&fullscreen=true'">Forums</button> <button class="HotbarButton ShortcutButton" style="" id="HalNet" onclick="window.location.href='../ForumWindow.php?desktop=true&fullscreen=true'">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 ShortcutButton" style="" 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> <button class="HotbarButton ShortcutButton" style="" id="HalNet" onclick="window.location.href='../Contact.php'">Contacts</button>
</div> </div>
</div> </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>
<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" 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"> <div tabindex="0" class="LandingWrapper">
@@ -86,17 +87,18 @@ require_once("Hotbar.php");
</div> </div>
<div class="halbearnetFooter"> <div class="halbearnetFooter">
<div class="FooterContainer"> <div class="FooterContainer">
<a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 2vh; margin-right: 2vh; cursor: pointer; font-size: 3vh; text-align: left;">©Halbear Networking & Software Ltd 2025</a> <a class="FooterFont " style="padding-bottom: 2vh; margin-right: 2vh; text-align: left;">©Halbear Networking & Software Ltd 2025</a>
<a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; cursor: pointer; font-size: 3vh; text-align: left;" onclick="document.location.href='UserAgreement.php';">User Agreement</a> <a class="FooterFont " style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline; text-align: left;" onclick="document.location.href='UserAgreement.php';">User Agreement</a>
<a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; cursor: pointer; font-size: 3vh; text-align: left;" onclick="document.location.href='DataCollection.php';">Data Collection Information</a> <a class="FooterFont " style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline; text-align: left;" onclick="document.location.href='DataCollection.php';">Data Collection Information</a>
</div> </div>
<div class="FooterContainer"> <div class="FooterContainer">
<a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 2vh; margin-right: 2vh; cursor: pointer; font-size: 3vh; text-align: right;">Useful Information:</a> <a class=" FooterFont" style="padding-bottom: 2vh; margin-right: 2vh; text-align: right;">Useful Information:</a>
<a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; text-align: right; cursor: pointer; font-size: 3vh;" onclick="document.location.href='ContactUs.php';">Contact Us</a> <a class=" FooterFont" style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline; text-align: right; " onclick="document.location.href='ContactUs.php';">Contact Us</a>
<a class=LargeWhiteFont" style="font-family: 'Lexend',serif; color:white; padding-left: 2vh;padding-bottom: 0vh; margin-right: 2vh; text-decoration: underline; cursor: pointer; font-size: 3vh; text-align: right;" onclick="document.location.href='CompanyInformation.php';">Company Information</a> <a class=" FooterFont" style="padding-bottom: 0.5vh; margin-right: 2vh; text-decoration: underline; text-align: right;" onclick="document.location.href='CompanyInformation.php';">Company Information</a>
</div> </div>
</div> </div>
<div class="BackgroundFade" style="height: 220vh;"></div> <div class="BackgroundFade FadeIndex" style=""></div>
</div>
<script> <script>
var Images = ["Assets/TerrainGen1.gif","Assets/TerrainGen2.gif","Assets/TerrainGen3.gif"]; var Images = ["Assets/TerrainGen1.gif","Assets/TerrainGen2.gif","Assets/TerrainGen3.gif"];
var index = 0; var index = 0;

2
Hotbar.php
View File

@@ -38,7 +38,7 @@
$arrApps = array(); $arrApps = array();
$Apps = scandir($Page."Apps"); $Apps = scandir($Page."Apps");
foreach ($Apps as $App) { foreach ($Apps as $App) {
echo$Page."Apps" . '/' . $App; //echo$Page."Apps" . '/' . $App;
$filePath = $Page."Apps" . '/' . $App; $filePath = $Page."Apps" . '/' . $App;
if (is_file($filePath) && str_contains($filePath,"Icon.html")) { if (is_file($filePath) && str_contains($filePath,"Icon.html")) {
$Name = basename($filePath, "Icon.html"); $Name = basename($filePath, "Icon.html");