Game Pages
Various game pages in our project
<!-- ## Listing of games
<head></head>
<style>
.page-content {
background-image: url('/BinaryWizards/images/logo.png');
background-repeat: no-repeat;
background-color: #000000;
}
.account {
height: 100px;
width: 1200px;
padding: 20px;
border-radius: 100px;
border-color: rgb(255, 255, 255);
background-color: rgb(96, 94, 112);
text-align: left;
}
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
label {
display: block;
margin-bottom: 10px;
}
.binary {
width: 1000px;
height: 100px;
margin: 0;
text-align: center;
background-image: url('/BinaryWizards/images/binary1.png');
}
.binaryButton:hover {
text-decoration: underline;
}
</style>
<body>
<div class="account">
<label id="welcomeMessage"></label>
<button class="accountButton" onclick="accountPage()">My Account</button>
</div>
<div class="binary">
<button class="binaryButton" onclick="gobinary()">Binary!</button>
<label class="binaryScore" id="binaryScore"></label>
</div>
<script>
username = sessionStorage.getItem("username")
binaryScore = sessionStorage.getItem("binaryScore");
document.getElementById("welcomeMessage").innerHTML = "Welcome, " + username + "!"
document.getElementById("binaryScore").innerHTML = "Your high score: " + binaryScore;
function gobinary() {
window.location.replace("/BinaryWizards/binary2/");
}
function accountPage() {
window.location.replace("/BinaryWizards/account/");
}
</script>
</body> -->
## Account page
<head></head>
<body>
<div>
<label id="accountName"></label>
<button id="logout" onclick="logout()">Logout</button>
</div>
</body>
<script>
username = sessionStorage.getItem("username")
document.getElementById("accountName").innerHTML = username;
function logout() {
sessionStorage.clear();
window.location.replace("/BinaryWizards/login/")
}
</script>