Mobile support... kinda
This commit is contained in:
@@ -1,12 +1,204 @@
|
||||
body{
|
||||
background-image: linear-gradient(to bottom,#245a80 10vh,transparent 90vh ), linear-gradient(to bottom right, #063657,#031d2e );
|
||||
background-size: cover;
|
||||
@media only screen and (max-aspect-ratio: 1.165/1) {
|
||||
.Logo{
|
||||
margin-left:1vh;
|
||||
transition: 0.25s;
|
||||
padding-right:1vh;
|
||||
background-image: url("Logo.png");
|
||||
background-repeat: no-repeat;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 100vh;
|
||||
background-size: contain;
|
||||
width: 6vh;
|
||||
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;
|
||||
transition: 0.5s;
|
||||
width: 100vw;
|
||||
@@ -18,18 +210,8 @@ body{
|
||||
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{
|
||||
.ErrorMessageWrapper{
|
||||
display: flex;
|
||||
position: absolute;
|
||||
justify-content: center;
|
||||
@@ -41,8 +223,8 @@ body{
|
||||
top: 50vh;
|
||||
left:50vw;
|
||||
transform: translate(-50%,-50%);
|
||||
}
|
||||
.ErrorMessageImage{
|
||||
}
|
||||
.ErrorMessageImage{
|
||||
background-image: url("../GeneralAssets/mascotchibi/chibilost.png");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 15vh;
|
||||
@@ -51,8 +233,8 @@ body{
|
||||
min-height: 16.875vh !important;
|
||||
image-rendering: pixelated;
|
||||
|
||||
}
|
||||
.ErrorMessage:hover{
|
||||
}
|
||||
.ErrorMessage:hover{
|
||||
.ErrorMessageImage{
|
||||
transform: scale(1);
|
||||
max-width: 12.86vh !important;
|
||||
@@ -60,8 +242,8 @@ body{
|
||||
background-position-y: 105%;
|
||||
background-image: url("../GeneralAssets/mascotchibi/chibiquestion.png");
|
||||
}
|
||||
}
|
||||
.ErrorMessage{
|
||||
}
|
||||
.ErrorMessage{
|
||||
padding: 2vh;
|
||||
filter: drop-shadow(0 0.5vh 3vh #8cefff);
|
||||
border-top: #8cefff 0.3vh solid;
|
||||
@@ -82,7 +264,17 @@ body{
|
||||
color:white;
|
||||
font-size: 4vh;
|
||||
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{
|
||||
transform: scale(1.5);
|
||||
margin-top: 5vh;
|
||||
@@ -92,26 +284,6 @@ body{
|
||||
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);
|
||||
@@ -135,41 +307,6 @@ body{
|
||||
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;
|
||||
@@ -193,15 +330,6 @@ body{
|
||||
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;
|
||||
|
||||
@@ -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{
|
||||
user-select: none;
|
||||
z-index: 55 !important;
|
||||
@@ -16,21 +113,7 @@ 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;*/
|
||||
@@ -133,40 +216,11 @@ Button{
|
||||
.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;
|
||||
|
||||
@@ -2,20 +2,13 @@ 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;
|
||||
@@ -36,23 +29,14 @@ function DragWindow(Window) {
|
||||
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 () {
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
<div class="WindowTitle">log In</div>
|
||||
</div>
|
||||
<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 class="WindowBody" style="padding: 0; margin: 0;">
|
||||
|
||||
@@ -36,16 +36,16 @@ require_once("Hotbar.php");
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="halbearnetFooter">
|
||||
<div class="halbearnetFooter" style="margin-top: 10vh;">
|
||||
<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=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=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: 2vh; margin-right: 2vh; text-align: left;">©Halbear Networking & Software Ltd 2025</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="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 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=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=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: 2vh; margin-right: 2vh; text-align: right;">Useful Information:</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=" 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 class="BackgroundFade" style="height: 135vh;"></div>
|
||||
|
||||
@@ -21,13 +21,13 @@ require("../Hidden/Security/StartSession.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" >
|
||||
<div style="max-width: 100vw; height: 110vh; margin-right: 3vh;" onload="ChangeImg();">
|
||||
<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" style="margin-left: 1vh; margin-right: 1vh;" >
|
||||
Contact Us
|
||||
</a>
|
||||
</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%;">
|
||||
<a class="LargeWhiteFont" style="padding: 2vh; font-size: 3vh; text-align: left;">
|
||||
Halbear Networking & Software Ltd Support Email: <br> information@halbear.net<br>
|
||||
@@ -37,18 +37,18 @@ require_once("Hotbar.php");
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="halbearnetFooter">
|
||||
<div class="halbearnetFooter" style="margin-top: 10vh;">
|
||||
<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=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=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: 2vh; margin-right: 2vh; text-align: left;">©Halbear Networking & Software Ltd 2025</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="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 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=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=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: 2vh; margin-right: 2vh; text-align: right;">Useful Information:</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=" 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 class="BackgroundFade" style="height: 135vh;"></div>
|
||||
<div class="BackgroundFade" style="min-height: 135vh;"></div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -22,8 +22,8 @@ $Page = "DataCollection";
|
||||
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 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">
|
||||
<a class="Title" >
|
||||
<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" style="margin-left: 2vh; padding-right: 2vh;">
|
||||
Data Usage
|
||||
</a>
|
||||
</div>
|
||||
@@ -57,14 +57,14 @@ require_once("Hotbar.php");
|
||||
</div>
|
||||
<div class="halbearnetFooter" style="margin-top: 10vh;">
|
||||
<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=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=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: 2vh; margin-right: 2vh; text-align: left;">©Halbear Networking & Software Ltd 2025</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="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 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=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=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: 2vh; margin-right: 2vh; text-align: right;">Useful Information:</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=" 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 class="BackgroundFade" style="height: 560vh; !important;"></div>
|
||||
|
||||
@@ -63,7 +63,177 @@
|
||||
background-position: center;
|
||||
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;
|
||||
filter: drop-shadow(0 0.5vh 3vh #8cefff);
|
||||
border-top: #8cefff 0.3vh solid;
|
||||
@@ -80,8 +250,8 @@
|
||||
align-items: flex-start;
|
||||
background-color: rgba(190,240,240,.1);
|
||||
transition: 0.5s;
|
||||
}
|
||||
.ContentContainer{
|
||||
}
|
||||
.ContentContainer{
|
||||
padding: 0;
|
||||
filter: drop-shadow(0 0.5vh 3vh #8cefff);
|
||||
border-top: #8cefff 0.3vh solid;
|
||||
@@ -99,8 +269,8 @@
|
||||
width: 22vw;
|
||||
height: 70vh;
|
||||
transition: 0.5s;
|
||||
}
|
||||
.LandingWrapper{
|
||||
}
|
||||
.LandingWrapper{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-evenly;
|
||||
@@ -108,6 +278,65 @@
|
||||
width: 100vw;
|
||||
height: 80vh;
|
||||
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{
|
||||
z-index: 100;
|
||||
@@ -154,6 +383,7 @@
|
||||
.RightFloat{
|
||||
margin-right: 1vw;
|
||||
min-width: 75vh;
|
||||
max-width: 100vw;
|
||||
}
|
||||
.LargeWhiteFont{
|
||||
font-family: "Lexend", system-ui;
|
||||
@@ -241,9 +471,7 @@ Button{
|
||||
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));
|
||||
@@ -264,7 +492,6 @@ body{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 100%;
|
||||
overflow-x:hidden;
|
||||
}
|
||||
::-webkit-scrollbar {
|
||||
width: 1.5vh;
|
||||
|
||||
@@ -22,8 +22,8 @@ $Page = "UserAgreement";
|
||||
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 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">
|
||||
<a class="Title" >
|
||||
<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" style="margin-left: 2vh; padding-right: 2vh;" >
|
||||
User Agreement
|
||||
</a>
|
||||
</div>
|
||||
@@ -68,14 +68,14 @@ require_once("Hotbar.php");
|
||||
</div>
|
||||
<div class="halbearnetFooter" style="margin-top: 10vh;">
|
||||
<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=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=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: 2vh; margin-right: 2vh; text-align: left;">©Halbear Networking & Software Ltd 2025</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="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 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=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=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: 2vh; margin-right: 2vh; text-align: right;">Useful Information:</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=" 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 class="BackgroundFade" style="height: 501vh; !important;"></div>
|
||||
|
||||
@@ -22,36 +22,37 @@ require("../Hidden/Security/StartSession.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">
|
||||
<div class="EntireContentWrapper">
|
||||
<div class="IntroWrapper" style="" onload="ChangeImg();">
|
||||
<div tabindex="0" class="StaticContentContainer FrontPageTextBox WelcomeTitle" style="">
|
||||
<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 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%;">
|
||||
<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>
|
||||
<button class="HotbarButton InfoBoxButton" style="" 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%;">
|
||||
<div class="TerrainGenBG" id="TerrainGen">
|
||||
|
||||
</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;">
|
||||
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='../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" style="height: 10vh;transform: translateY(-4.5vh);" id="HalNet" onclick="window.location.href='../Contact.php'">Contacts</button>
|
||||
<div class="ShortcutButtonWrapper" style="">
|
||||
<button class="HotbarButton ShortcutButton" style="" id="HalNet" onclick="window.location.href='../store.php'">Store</button>
|
||||
<button class="HotbarButton ShortcutButton" style="" 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='../Software.php'">Software</button>
|
||||
<button class="HotbarButton ShortcutButton" style="" 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">
|
||||
@@ -86,17 +87,18 @@ require_once("Hotbar.php");
|
||||
</div>
|
||||
<div class="halbearnetFooter">
|
||||
<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=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=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: 2vh; margin-right: 2vh; text-align: left;">©Halbear Networking & Software Ltd 2025</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="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 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=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=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: 2vh; margin-right: 2vh; text-align: right;">Useful Information:</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=" 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 class="BackgroundFade" style="height: 220vh;"></div>
|
||||
<div class="BackgroundFade FadeIndex" style=""></div>
|
||||
</div>
|
||||
<script>
|
||||
var Images = ["Assets/TerrainGen1.gif","Assets/TerrainGen2.gif","Assets/TerrainGen3.gif"];
|
||||
var index = 0;
|
||||
|
||||
@@ -38,7 +38,7 @@
|
||||
$arrApps = array();
|
||||
$Apps = scandir($Page."Apps");
|
||||
foreach ($Apps as $App) {
|
||||
echo$Page."Apps" . '/' . $App;
|
||||
//echo$Page."Apps" . '/' . $App;
|
||||
$filePath = $Page."Apps" . '/' . $App;
|
||||
if (is_file($filePath) && str_contains($filePath,"Icon.html")) {
|
||||
$Name = basename($filePath, "Icon.html");
|
||||
|
||||
Reference in New Issue
Block a user