theory pages added

This commit is contained in:
2026-07-17 23:44:44 +03:00
parent 4bb7633353
commit 159f4197ae
24 changed files with 398 additions and 4 deletions
+29 -3
View File
@@ -10,7 +10,7 @@
<link rel="manifest" href="manifest.json">
<link rel="icon" type="image/svg+xml" href="icon.svg">
<link rel="apple-touch-icon" href="icon-192.png">
<link rel="stylesheet" href="styles.css?v=20">
<link rel="stylesheet" href="styles.css?v=26">
</head>
<body>
<div id="app">
@@ -24,6 +24,7 @@
<div class="ticker" id="ticker"></div>
</div>
<button class="btn btn-primary btn-large" id="btn-start" data-i18n="startGame">Start Game</button>
<button class="btn btn-secondary btn-large" id="btn-theory" data-i18n="theory">Theory</button>
<div class="menu-controls">
<select id="lang-select" class="lang-select">
<option value="en">English</option>
@@ -165,12 +166,37 @@
</div>
</div>
<!-- THEORY: SYSTEM SELECTION -->
<div id="screen-theory-system" class="screen">
<div class="setup-container">
<h2 data-i18n="chooseSystem">Choose numeral system</h2>
<div class="system-group">
<h3 data-i18n="nonPositional">Non-Positional</h3>
<div id="theory-systems-nonpos" class="option-grid"></div>
</div>
<div class="system-group">
<h3 data-i18n="positional">Positional</h3>
<div id="theory-systems-pos" class="option-grid"></div>
</div>
<button class="btn btn-secondary" id="btn-theory-back" data-i18n="back">Back</button>
</div>
</div>
<!-- THEORY: CONTENT -->
<div id="screen-theory-content" class="screen">
<div class="theory-container">
<h2 id="theory-title"></h2>
<div class="theory-scroll" id="theory-scroll"></div>
<button class="btn btn-secondary" id="btn-theory-content-back" data-i18n="back">Back</button>
</div>
</div>
</div>
<script type="module" src="app.js?v=20"></script>
<script type="module" src="app.js?v=26"></script>
<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('/sw.js?v=20').catch(() => {});
navigator.serviceWorker.register('/sw.js?v=26').catch(() => {});
}
</script>
</body>