initial Commit

This commit is contained in:
2026-01-26 08:49:11 +00:00
parent 9b72040b35
commit ecfb726d61
104 changed files with 1248 additions and 0 deletions

View File

@@ -0,0 +1,5 @@
<div style="Padding:2vh;">
<button class="AccButton">
<a class="button-text SignOutButton" class="whiteText">Sign Out</a>
</button>
</div>

View File

@@ -0,0 +1,48 @@
<div class="AccountManager Initialised" id="AccountManagerBody" style="display: flex; flex-direction: row; align-content: center; align-items: center; justify-content: center; justify-items: center;"></div>
<script>
function AppInit(ID) {
if (sessionStorage.getItem("UID") == null) sessionStorage.setItem("UID", "Inactive");
const Body = document.getElementById("AccountManagerBody");
if (sessionStorage.getItem("ActiveSession") === true && sessionStorage.getItem("UID") !== "Inactive") {
var NewAppLoaded = new XMLHttpRequest();
NewAppLoaded.open('GET', "AccountApps/AccountLandingPage.html", true);
NewAppLoaded.onreadystatechange = function () {
if (NewAppLoaded.readyState !== 4) return;
if (NewAppLoaded.status !== 200) return;
document.getElementById("AppContainer").insertAdjacentHTML("beforeend", NewAppLoaded.responseText);
};
NewAppLoaded.send();
} else {
var NewAppLoaded = new XMLHttpRequest();
NewAppLoaded.open('GET', "AccountApps/SignIn.html", true);
NewAppLoaded.onreadystatechange = function () {
if (NewAppLoaded.readyState !== 4) return;
if (NewAppLoaded.status !== 200) return;
document.getElementById("AppContainer").insertAdjacentHTML("beforeend", NewAppLoaded.responseText);
};
NewAppLoaded.send();
}
}
function SwitchPage(ID, OldID){
document.getElementById(OldID).remove();
var NewAppLoaded = new XMLHttpRequest();
NewAppLoaded.open('GET', "AccountApps/"+ID+".html", true);
NewAppLoaded.onreadystatechange = function () {
if (NewAppLoaded.readyState !== 4) return;
if (NewAppLoaded.status !== 200) return;
Body.insertAdjacentHTML("beforeend",NewAppLoaded.responseText);
};
NewAppLoaded.send();
}
function showpass(ID) {
var Element = document.getElementById(ID);
if (Element.type === "password") {
document.getElementById("showpasswordcheckbox").checked = true;
Element.type = "text";
} else {
document.getElementById("showpasswordcheckbox").checked = false;
Element.type = "password";
}
}
</script>

View File

@@ -0,0 +1,3 @@
<div class="AccountManagerIcon windowIcon hidden 80 80" onclick="OpenApp(this, false, 50, 50);" >
<img src="GeneralAssets/AccountSymbol.png" style="width: 8vh; height: 8vh;">
<a class="whiteText IconText" style="overflow: hidden;">

32
AccountApps/SignIn.html Normal file
View File

@@ -0,0 +1,32 @@
<div id="SignInBody" style="Padding:2vh;">
<form action="#">
<div class="flexboxLoginField">
<input type="text" id="username" name="username" required>
<label for="username" class="whiteText">Username/Email*</label>
</div>
<div class="flexboxLoginField">
<input type="password" id="password" name="password" required>
<label for="password" class="whiteText">Password*</label>
</div>
<div class="flexboxLoginField showpassword">
<input id="showloginpasswordcheckbox" type="checkbox" onclick="showpass('showloginpasswordcheckbox')" style="cursor:pointer" ><a class="whiteText" onclick="showpass('showloginpasswordcheckbox')" style="cursor:pointer; user-select: none;">Show Password</a>
</div>
<div class="flexboxLoginField">
<input type="checkbox" id="capapacha" name="humanverification" value="yes" required>
<label for="capapacha" class="whiteText"> i think im not a robot*</label><br>
</div>
<div class="flexboxLoginField">
<input type="checkbox" id="remember" name="remember" value="yes">
<label for="remember" class="whiteText"> remember me?</label><br>
</div>
<div class="ForgotPass">
<a class="hyperlink" href="#">Forgot Password?</a>
</div>
<div class="flexboxLoginField">
<button class="AccButton" type="submit">
<a class="button-text signintxt" class="whiteText">Log In</a>
</button>
<p class="whiteText">Don't have a halbear.net account? <a href="#" class="hyperlink register-link" onclick="SwitchPage('SignUp','SignInBody');">>Create One</a></p>
</div>
</form>
</div>

37
AccountApps/SignUp.html Normal file
View File

@@ -0,0 +1,37 @@
<div id="SignUpBody" style="Padding:2vh;">
<form action="includes/RegisterAccount.php" method="POST" style="width: 100%;">
<div class="flexboxLoginField">
<input type="email" id="email" name="email" required maxlength="50">
<label for="Email" class="whiteText">Email Address*</label>
</div>
<div class="flexboxLoginField">
<input type="text" id="newusername" name="newusername" required maxlength="20">
<label for="newusername" class="whiteText">New Username*</label>
</div>
<div class="flexboxLoginField">
<input type="text" id="displayname" name="displayname" maxlength="15">
<label for="DisplayName" class="whiteText">New Display Name</label>
</div>
<div class="flexboxLoginField">
<input type="password" id="newpassword" name="newpassword" required maxlength="25">
<label for="newpassword" class="whiteText">New Password*</label>
</div>
<div class="flexboxLoginField">
<input style="width: 50px;" type="text" id="capaacha" name="captcha" maxlength="5" >
<a class="whiteText"> Type "human"</a><br>
</div>
<div class="flexboxLoginField showpassword">
<input id="showpasswordcheckbox" type="checkbox" onclick="showpass('showpasswordcheckbox')" style="cursor:pointer" ><a class="whiteText" onclick="showpass('showpasswordcheckbox')" style="cursor:pointer; user-select: none;">Show Password</a>
</div>
<div class="flexboxLoginField">
<input type="checkbox" id="terms" name="terms" value="yes" required>
<label for="terms" class="whiteText"> I agree to the <a href="termsAndConditions.html" class="hyperlink tc">terms and conditions</a>*</label><br>
</div>
<div class="flexboxLoginField" style="width: 95%; display: flex; justify-content: center; align-items: center; justify-items: center; flex-direction: column;">
<button type="submit" class="ButtonHalNetSytle">
<a class="buttontext signintxt">Create Account</a>
</button>
<p class="whiteText">have a halbear.net account? <a href="#" class="hyperlink login-link" onclick="SwitchPage('SignIn','SignUpBody');">Log In</a></p>
</div>
</form>
</div>