G2/black-cat
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Commit all final fixes

Browse source
This commit is contained in:
G2-Games 2022-12-09 20:14:52 -06:00
parent d638f03a77
commit 4130ed7341
Signed by: G2
GPG key ID: 736AD0F3C3335AB1
2 changed files with 50 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
public/css/style.css
View file

@ -209,6 +209,24 @@ html {
display: flex; display: flex;
flex-direction: column-reverse; flex-direction: column-reverse;
overflow-x: hidden; overflow-x: hidden;
font-size: 16pt;
}
#controlButtons {
display: flex;
justify-content: center;
align-content: center;
align-content: center;
}
#hp {
float: left;
font-size: 14pt;
}
#actionAmount {
float: right;
font-size: 14pt;
} }
.highlight { .highlight {
@ -291,6 +309,26 @@ html {
height: 100%; height: 100%;
border-radius: 0; border-radius: 0;
} }
#status {
margin-left: 20px;
margin-right: 20px;
font-size: 12pt;
}
#hp,#actionAmount {
float: none;
text-align: center;
}
#controlButtons {
display: block;
text-align: center;
}
.hidemobile {
display: none;
}
} }
@media(max-height: 540px) { @media(max-height: 540px) {

27
public/index.html
View file

@ -50,7 +50,7 @@
<button class="joinbutton" onclick="join()">Join</button> <button class="joinbutton" onclick="join()">Join</button>
</div> </div>
<div style="display: none;" id="classselect"> <div style="display: none;" id="classselect">
<button id="scout" onclick="classChange('Scout')">Scout</button> <button id="scout" onclick="classChange('Scout')">Scanner</button>
<button id="antivirus" onclick="classChange('Antivirus')">Antivirus</button> <button id="antivirus" onclick="classChange('Antivirus')">Antivirus</button>
<button id="firewall" onclick="classChange('Firewall')">Firewall</button> <button id="firewall" onclick="classChange('Firewall')">Firewall</button>
</div> </div>
@ -66,9 +66,8 @@
<br> <br>
<hr> <hr>
<br> <br>
<label id="classLabel" for="playerClass">Your Class: </label> <label style="display: none;" id="classLabel" for="playerClass">Your Class: </label>
<span id="playerClass"></span> <span style="display: none;" id="playerClass"></span>
<br><br>
<p id="readiness"></p> <p id="readiness"></p>
<button id="start" style="display: none" onclick="start()">Start</button> <button id="start" style="display: none" onclick="start()">Start</button>
</div> </div>
@ -84,25 +83,25 @@
</div> </div>
<div id="controlMenu" class="center" style="display:none;"> <div id="controlMenu" class="center" style="display:none;">
<p id="hp" style="float:left;font-size:14pt;"></p> <p id="hp"></p>
<p id="actionAmount" style="float:right;font-size:14pt;"></p> <p id="actionAmount"></p>
<br><br> <br class="hidemobile"><br class="hidemobile">
<div style="display:flex;justify-content:center;align-content: center;align-content: center;"> <div id="controlButtons">
<button id="move" onclick="move()">Move</button> <button id="move" onclick="move()">Move</button>
<button style="display:none;" id="detect" onclick="action('detect')">Detect</button> <button style="display:none;" id="detect" onclick="action('detect')">Detect</button>
<button style="display:none;" id="disinfect" onclick="action('disinfect')">Disinfect</button> <button style="display:none;" id="disinfect" onclick="action('disinfect')">Disinfect</button>
<button style="display:none;" id="purge" onclick="action('purge')">Purge</button> <button style="display:none;" id="purge" onclick="action('purge')">Purge</button>
<button style="display:none;" id="smash" onclick="smash()">Smash</button> <button style="display:none;" id="smash" onclick="smash()">Clean</button>
</div> </div>
<span id="direction" style="font-size: 16pt;width:100%;text-align:center;display:block;"></span> <span id="direction" style="font-size: 16pt;width:100%;text-align:center;display:block;"></span>
<br> <br class="hidemobile">
<hr> <hr class="hidemobile">
<br> <br class="hidemobile">
<h2>Log:</h2> <h2>Log:</h2>
<p id="status"></p> <p id="status"></p>
</div> </div>
<div id="debugMenu" class="center" style="display: block;"> <div id="debugMenu" class="center" style="display: none;">
<button id="godStart" onclick="godStart()">Force Start</button> <button id="godStart" onclick="godStart()">Force Start</button>
<button id="godScout" onclick="classChange('Scout')">Scout</button> <button id="godScout" onclick="classChange('Scout')">Scout</button>
<button id="godAntivirus" onclick="classChange('Antivirus')">Antivirus</button> <button id="godAntivirus" onclick="classChange('Antivirus')">Antivirus</button>
@ -267,7 +266,6 @@
socket.on('class', function (playerClass) { socket.on('class', function (playerClass) {
document.getElementById('playerClass').innerText = playerClass document.getElementById('playerClass').innerText = playerClass
document.getElementById('playerGameClass').innerText = playerClass
}) })
socket.on('error', function (error) { socket.on('error', function (error) {
@ -338,7 +336,6 @@
document.getElementById('playerContainer').style.display = 'block'; document.getElementById('playerContainer').style.display = 'block';
document.getElementById('playerList').style.display = 'block'; document.getElementById('playerList').style.display = 'block';
document.getElementById('playerHeader').style.display = 'block'; document.getElementById('playerHeader').style.display = 'block';
document.getElementById('playerGameClass').style.display = 'block';
for (var i = 0; i < playerData.length; i++) { for (var i = 0; i < playerData.length; i++) {
var player = playerData[i]; var player = playerData[i];
document.getElementById('playerList').innerHTML += '<li>' + player.name + '</li>'; document.getElementById('playerList').innerHTML += '<li>' + player.name + '</li>';