more mobile support and misc changes
This commit is contained in:
Halbear
@@ -28,20 +28,20 @@ require_once("Hotbar.php");
|
||||
<a class="Title" >
|
||||
Welcome to Halbear.Net!
|
||||
</a>
|
||||
</div>
|
||||
<div class="TerrainGenBG" id="TerrainGen">
|
||||
|
||||
</div>
|
||||
<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 InfoBoxButton" style="" id="HalNet" onclick="window.location.href='../index.php'">Wanna Know More?</button>
|
||||
<button class="HotbarButton InfoBoxButton" style="" id="HalNet" onclick="TheyWannaKnowMore();">Wanna Know More?</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="TerrainGenBG" id="TerrainGen">
|
||||
|
||||
</div>
|
||||
<div tabindex="0" class="StaticContentContainer FrontPageTextBox ShortcutBox" style="">
|
||||
<div class="StaticSizeableContainer" style="">
|
||||
<div class="StaticSizeableContainer" style="min-height: 16vh;">
|
||||
<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>
|
||||
@@ -49,13 +49,84 @@ require_once("Hotbar.php");
|
||||
<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>
|
||||
<button class="HotbarButton ShortcutButton" style="" id="HalNet" onclick="window.location.href='ContactUs.php'">Contacts</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ShowOffSection hidden" id="showOffSection" style=" transform: translateY(-14vh);">
|
||||
<div tabindex="0" class="StaticContentContainer" style="margin-top:14vh; padding: 1vh 2.5vh; margin-bottom: 2vh;">
|
||||
<a class="Title" >
|
||||
A little bit more about us:
|
||||
</a>
|
||||
</div>
|
||||
<div tabindex="0" class="ShowOffContainer showOffFlipped">
|
||||
<div class="ShowOffContent" style="padding:1vh;">
|
||||
<div class="ContentContainerImage" style=""></div>
|
||||
</div>
|
||||
<div class="ShowOffContent">
|
||||
<div tabindex="0" style="width: 100%; display: flex; flex-direction: row; justify-content: center; text-align:center; align-items: center; transform: translateY(3vh); text-shadow: #5fabe6 0 0 1vh; padding-bottom: 2vh; text-decoration: underline;" class="Title">The User Comes First</div>
|
||||
<div tabindex="0" class="StaticContentContainer" style="min-width: 80%;">
|
||||
<div class="StaticSizeableContainer" style="">
|
||||
<a class="LargeWhiteFont" style="padding: 2vh; font-size: 3vh; text-align: center;">
|
||||
Our priority with our software is the end user experience, we will not sully our software with performance heavy DRM's or online-only functionality and no Low Level Anti-Cheat.<br><br>We design our software to the best possible quality for the user, optimised for many devices, and built with a UX around customisability and ease of use.<br><br> We also want to make our software engaging for the user, even if it is a mundane or simple software such as a word processor, making a software engaging, streamlined, and well performing is the best way to make the software keep a high work ethic for workers who have to use it day to day!
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div tabindex="0" class="ShowOffContainer">
|
||||
<div class="ShowOffContent">
|
||||
<div tabindex="0" style="width: 100%; display: flex; flex-direction: row; justify-content: center; text-align:center; align-items: center; transform: translateY(3vh); text-shadow: #5fabe6 0 0 1vh; padding-bottom: 2vh; text-decoration: underline;" class="Title">Made By Humans For Humans</div>
|
||||
<div tabindex="0" class="StaticContentContainer" style="min-width: 80%;">
|
||||
<div class="StaticSizeableContainer" style="">
|
||||
<a class="LargeWhiteFont" style="padding: 2vh; font-size: 3vh; text-align: center;">
|
||||
Halbear Networking & Software Ltd is comprised of people passionate about software development and computer science, our developers make their best effort to avoid the use of LLM AI in the development process<br><br> We take pride in our work!
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ShowOffContent" style="padding:1vh;">
|
||||
<div class="ContentContainerImage" style="background-image: url('Assets/Programming.PNG');"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div tabindex="0" class="ShowOffContainer showOffFlipped">
|
||||
<div class="ShowOffContent" style="padding:1vh;">
|
||||
<div class="ContentContainerImage" style="background-image: url('Assets/WinformsGameEngine.PNG');"></div>
|
||||
</div>
|
||||
<div class="ShowOffContent">
|
||||
<div tabindex="0" style="width: 100%; display: flex; flex-direction: row; justify-content: center; text-align:center; align-items: center; transform: translateY(3vh); text-shadow: #5fabe6 0 0 1vh; padding-bottom: 2vh; text-decoration: underline;" class="Title">Expert Craftsmanship</div>
|
||||
<div tabindex="0" class="StaticContentContainer" style="min-width: 80%;">
|
||||
<div class="StaticSizeableContainer" style="">
|
||||
<a class="LargeWhiteFont" style="padding: 2vh; font-size: 3vh; text-align: center;">
|
||||
We boast impressive developer skill sets with experience in Game Engine engineering, Game Development, Software development, and web development!<br><br>
|
||||
</a>
|
||||
<a class="LargeWhiteFont" style="justify-content: left; padding: 2vh; font-size: 3vh; text-align: left; min-width: 90%">
|
||||
Our skills include:<br>Rendering: Vulkan, OpenGL, GLSL, GLFW, GDI+, JavaFX<br>Object Oriented: Java, C#, C++, Kotlin<br>Procedural: C, Rust, Python, Lua, Javascript, PHP<br><br>We have experience in a multitude of different fields, from game development, to game engine development, backend server software, web development and even game modding!<br><br>You can check out our open source projects at
|
||||
</a>
|
||||
<a class="LargeWhiteFont" style="justify-content: center; padding-bottom: 3vh; font-size: 3vh; text-align: center; text-decoration:underline; color: #92c4c2; cursor: pointer; min-width: 90%" onclick="document.location.href='https://git.mallard.gdn/';">https://git.mallard.gdn!</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div tabindex="0" class="ShowOffContainer">
|
||||
<div class="ShowOffContent">
|
||||
<div tabindex="0" style="width: 100%; display: flex; flex-direction: row; justify-content: center; text-align:center; align-items: center; transform: translateY(3vh); text-shadow: #5fabe6 0 0 1vh; padding-bottom: 2vh; text-decoration: underline;" class="Title">Environmentally Green!</div>
|
||||
<div tabindex="0" class="StaticContentContainer" style="min-width: 80%;">
|
||||
<div class="StaticSizeableContainer" style="">
|
||||
<a class="LargeWhiteFont" style="padding: 2vh; font-size: 3vh; text-align: center;">
|
||||
All our hosting is done exclusively through providers using 100% renewable energy and air cooled servers, such as IONOS and Hetzner, the data centres we rent from use no water and are powered by solar and wind energy! <br><br>And our own on-site servers are fully air-cooled, powered by the UK national grid and only ran when needed.<br><br> Almost all of our equipment is recycled from 2nd hand sellers or server auctions with the exception being the Website and Database Servers for security reasons!
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ShowOffContent" style="padding: 1vh 1vh 5vh;">
|
||||
<div class="ContentContainerImage" style="background-image: url('../GeneralAssets/Flowers.png');"></div>
|
||||
</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" class="LandingWrapper">
|
||||
<div tabindex="0" class="LandingWrapper" id="MainOffers">
|
||||
<button class="ContentContainer SoftDev" onclick="window.location.href='https://ironhorse.games/'">
|
||||
<div class="LargeWhiteFont">Software Development</div>
|
||||
<div class="ContentImage" style="display: flex; flex-direction: column;" >
|
||||
@@ -85,7 +156,7 @@ require_once("Hotbar.php");
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
<div class="halbearnetFooter">
|
||||
<div class="halbearnetFooter" id="footer">
|
||||
<div class="FooterContainer">
|
||||
<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>
|
||||
@@ -97,11 +168,12 @@ require_once("Hotbar.php");
|
||||
<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 FadeIndex" style=""></div>
|
||||
<div class="BackgroundFade FadeIndex" id="backgroundFade" style="position: absolute; left: 0; top: 0;;"></div>
|
||||
</div>
|
||||
<script>
|
||||
var Images = ["Assets/TerrainGen1.gif","Assets/TerrainGen2.gif","Assets/TerrainGen3.gif"];
|
||||
var index = 0;
|
||||
var Element = document.getElementById("backgroundFade");
|
||||
function ChangeImg(){
|
||||
document.getElementById("TerrainGen").style.backgroundImage = 'url("'+Images[index]+'")';
|
||||
index++;
|
||||
@@ -113,6 +185,20 @@ require_once("Hotbar.php");
|
||||
}
|
||||
ChangeImg();
|
||||
|
||||
function Background(){
|
||||
//if (window.scrollY > (Element.offsetTop + Element.offsetHeight - document.documentElement.clientHeight)) {
|
||||
Element.style.top = Math.max(Math.min((window.scrollY + document.documentElement.clientHeight - Element.offsetHeight + 50),document.getElementById("footer").offsetTop + document.getElementById("footer").offsetHeight - Element.offsetHeight),0) + "px";
|
||||
//}
|
||||
BackgroundTimer();
|
||||
}
|
||||
function BackgroundTimer() {
|
||||
setTimeout(Background, 10);
|
||||
}
|
||||
Background();
|
||||
function TheyWannaKnowMore(){
|
||||
document.getElementById("showOffSection").classList.remove("hidden");
|
||||
document.getElementById("showOffSection").scrollIntoView({ block: 'start', behavior: 'smooth' });
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user