Skip to content

Commit

Permalink
Created Chess Analyzer Beta
Browse files Browse the repository at this point in the history
  • Loading branch information
@csridge
csridge committed Sep 14, 2024
1 parent 7b77e63 commit daefda9
Show file tree
Hide file tree
Showing 25 changed files with 2,354 additions and 1,816 deletions.
20 changes: 0 additions & 20 deletions css/main.css
View file

This file was deleted.

7 changes: 0 additions & 7 deletions css/pc-upgrade.css
View file

This file was deleted.

24 changes: 24 additions & 0 deletions css/style.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
@font-face {
font-family: typespace;
src: url(../MonospaceTypewriter.ttf);
}
@font-face {
font-family: lucida;
src: url(../lucon.ttf)
}
* {
font-family: typespace;
background-color: rgb(12, 12, 12);
color: white;
}
button {
border-color: white;
}
.hidden {
display: none;
}
.locked {
border: 2px solid red;
background-color: lightgray;
pointer-events: none;
}
33 changes: 10 additions & 23 deletions css/tab.css → css/tabs.css
View file
Original file line number Diff line number Diff line change
@@ -1,39 +1,26 @@
.tab {
overflow: hidden;
border: 1px solid #ccc;
}
.tab button:hover {
background-color: #ddd;
}
.tab button.active {
background-color: #ccc;
}
.tabcontent {
display: none;
padding: 6px 12px;
border-top: none;
}

.subtab {
overflow: hidden;
border: 1px solid #ccc;
}
.subtab button {
background-color: #f1f1f1;
}
.tab button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
}
.subtab button:hover {
background-color: #ddd;
.tab button:hover {
background-color: #c7bcbc;
}
.subtab button.active {
background-color: #ccc;
.tab button.active {
background-color: #a5a0a0;
}
.subtabcontent {
.tabcontent {
display: none;
padding: 6px 12px;
border: 1px solid #ccc;
border-top: none;
}
97 changes: 34 additions & 63 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,68 +1,39 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="A game about a person trying to analyze all chess positions">
<link rel="stylesheet" href="./css/main.css">
<link rel="stylesheet" href="./css/pc-upgrade.css">
<link rel="stylesheet" href="./css/tab.css">
</head>
<body>
<h4 id="version-uncompleted-warning">WARNING: THIS VERSION HASN'T BEEN DONE YET. I'M CURRENTLY ONLY DESIGNING THE UI. PLAY AT YOUR OWN RISK!<div id='lazy' style="color: white; border-color: grey;">im lazy btw</div></h4>
<div class="tab">
<button class="tablinks" onclick="openTab(event, 'pc')">PC</button>
<button class="tablinks" onclick="openTab(event, 'upgrades')">Upgrades</button>
<button class="tablinks" onclick="openTab(event, 'options')">Options</button>
<button class="tablinks" onclick="openTab(event, 'achievements')">Achievements</button>
<head>
<meta charset="UTF-8">
<title>Chess Analyzer</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="tab">
<button class="tablinks" data-tab="analyzer">Analyzer</button>
<button class="tablinks" data-tab="matteric">Matteric</button>
<button class="tablinks" data-tab="antimatter">Antimatter</button>
</div>

<div id="analyzer" class="tabcontent">
<div class="analysis" id="analysis-count">You have 0 Analysis</div>
<div class="analysis" id="analysis-per-sec">You are making 0 Analysis per second</div>
<div class="analysis" id="computer">
<button id="buy-computer-button">Buy a computer</button>
</div>
<div id="pc" class="tabcontent">
<div class="subtab">
<button class="tablinks" onclick="openSubTab(event, 'cpu')">CPU</button>
<button class="tablinks" onclick="openSubTab(event, 'gpu')">GPU</button>
<button class="tablinks" onclick="openSubTab(event, 'manufactoring')">Manufactoring</button>
</div>
<div id="cpu" class="subtabcontent">
<div class="stat">
<div id="positions"></div>
<div id="pps"></div>
</div>
<div class="cpustats">
<div id="cpuCount"></div>
<div id="mult"></div>
<button id="buycpu"></button>
</div>
<div class="pc-upgrade">
<div id="cpu-upgrade">
<div id="boosterCount"></div>
<button class="disabled" id="booster"></button>
<button class="disabled" id="memory-plus"></button>
</div>
</div>
</div>
<div id="gpu" class="subtabcontent">
<button id="buygpu">Buy a GPU so you can analyze even faster</button>
</div>
<div id="manufactoring" class="subtabcontent">
<button id="auto-manufactoring">SECRET!</button>
</div>
<div id="memory" class="subtabcontent">
<div id="memory-left">SECRET!</div>
</div>
<div class="analysis" id="ai">
<button id="buy-ai-button">Buy an AI</button>
</div>
<div id="upgrades" class="tabcontent">
<div id="u1">Code Optimization</div>
<div id="u2">Memory Optimization</div>
</div>
<div id="options" class="tabcontent">
<button id="savegame">Save your game</button>
<button id="loadgame">Load your game</button>
</div>
<div id="achievements" class="tabcontent"></div>
<script src="https://cdn.jsdelivr.net/npm/omega-num@latest/dist/OmegaNum.min.js"></script>
<script src="js/pc-upgrade.js"></script>
<script src="js/main.js"></script>
<script src="js/tabs.js"></script>
<script src="js/save.js"></script>
</body>
<div class="analysis hidden" id="go-matteric"><button>Reset all Analysis progress to go Matter</button></div>
</div>

<div id="matteric" class="tabcontent">
Coming soon...
</div>

<div id="antimatter" class="tabcontent">
Antimatter content here...
</div>
<div id="endgame" class="tabcontent hidden">You reached the endgame!<br>You can still play, but the game might be so capped.</div>
<script src="js/src/main.js"></script>
<script src="js/src/tabs.js"></script>
<script src="js/src/endgame.js"></script>
</body>
</html>
Loading

0 comments on commit daefda9

Please sign in to comment.