
<!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, Software and Video Game developer and publisher!">
    <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");
?>
<a style="color: white; font-family: 'Arial', serif; font-size: 2vh; position: absolute; right: 2vw; top: 13vh;">This website is a work in progress, some features may not work</a>
<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='Desktop/store.php'">Store</button>
                <button class="HotbarButton ShortcutButton" style="" id="HalNet" onclick="window.location.href='Desktop/ForumWindow.php'">Forums</button>
                <button class="HotbarButton ShortcutButton" style="" id="HalNet" onclick="window.location.href='Desktop/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="background-image: url('Assets/CubicPixelsExample.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">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('Desktop/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>