204 lines
15 KiB
PHP
204 lines
15 KiB
PHP
<?php
|
|
$UniqueSession = false;
|
|
require("../Hidden/Security/StartSession.php");
|
|
?>
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<link rel="icon" type="image/x-icon" href="favicon.ico">
|
|
<title>halbear.net</title>
|
|
<meta name="description" content="Official Website of Halbear Networking & Software Ltd">
|
|
<meta name="keywords" content="Software, Games, Gaming, Halbear.Net, Halbear, Iron Horse Game Development, Iron Horse, Plane Building, Lost Contact, War Horse, Iostiler, Expedition Emberleaf">
|
|
<link rel="stylesheet"href="StyleSheets/MainStyle.css">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Boldonse&family=DotGothic16&family=Lexend:wght@600&display=swap" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css2?family=Coral+Pixels&family=Jost:ital,wght@0,100..900;1,100..900&family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<?php
|
|
$Page = "home";
|
|
require_once("Hotbar.php");
|
|
?>
|
|
<div 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 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="TheyWannaKnowMore();">Wanna Know More?</button>
|
|
</div>
|
|
</div>
|
|
<div tabindex="0" class="StaticContentContainer FrontPageTextBox ShortcutBox" 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>
|
|
<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='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" 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;" >
|
|
<img src="Assets/ihgd.png" style="width: 100%; height: auto;">
|
|
<div class="LargeWhiteFont">Iron Horse Software is a division of Halbear.Net dedicated as a software and game developer.</div>
|
|
</div>
|
|
</button>
|
|
<button class="ContentContainer SoftPub" style="display: flex; flex-direction: column; justify-content: center; align-content: center;">
|
|
<div class="LargeWhiteFont">Software Publishing</div>
|
|
<div class="ContentImage" style="margin-top: 5%; display: flex; flex-direction: column; align-items: center;" >
|
|
<img src="Assets/Logo.png" style="width: 50%; height: auto;">
|
|
<div class="LargeWhiteFont">Halbear Networking & Software Ltd publishes digital media such as video games and software.</div>
|
|
</div>
|
|
</button>
|
|
<button class="ContentContainer DigitalStore">
|
|
<div class="LargeWhiteFont">Digital Store</div>
|
|
<div class="ContentImage" style=" display: flex; flex-direction: column; align-items: center;">
|
|
<img src="Assets/Logo.png" style="width: 50%; height: auto;">
|
|
<div class="LargeWhiteFont">Halbear.Net hosts a digital storefront that allows both first party and user created third party software to be published and sold on the Halbear.Net platform.</div>
|
|
</div>
|
|
</button>
|
|
<button class="ContentContainer ContentCreation" onclick="window.location.href='https://halbear.studio/'">
|
|
<div class="LargeWhiteFont">Asset Creation</div>
|
|
<div class="ContentImage"style=" display: flex; flex-direction: column; align-items: center;" >
|
|
<img src="Assets/Logo.png" style="width: 50%; height: auto;">
|
|
<div class="LargeWhiteFont"style="margin-top: 0vh;">Halbear.net has 3D artists who are familiar with Blockbench, Blender, Unreal Engine, Roblox Studio and more, we offer 3D digital asset creation as a service.</div>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
<div class="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>
|
|
<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=" 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 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++;
|
|
if(index >= 3) index = 0;
|
|
SetTimeoutChangeImg();
|
|
}
|
|
function SetTimeoutChangeImg() {
|
|
setTimeout(ChangeImg, 12000);
|
|
}
|
|
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>
|