use ponomar font in mistake list
This commit is contained in:
@@ -435,6 +435,7 @@ function handleChoice(idx, val, choices) {
|
||||
feedback.textContent = t('incorrect', {n: game.correctAnswer});
|
||||
feedback.className = 'answer-feedback incorrect';
|
||||
game.mistakes.push({
|
||||
key: game.system,
|
||||
system: SYSTEMS[game.system].toDisplay(game.correctAnswer),
|
||||
decimal: game.correctAnswer,
|
||||
systemName: systemName(game.system),
|
||||
@@ -489,6 +490,7 @@ function renderNumpad() {
|
||||
feedback.textContent = t('incorrect', {n: game.correctAnswer});
|
||||
feedback.className = 'answer-feedback incorrect';
|
||||
game.mistakes.push({
|
||||
key: game.system,
|
||||
system: SYSTEMS[game.system].toDisplay(game.correctAnswer),
|
||||
decimal: game.correctAnswer,
|
||||
systemName: systemName(game.system),
|
||||
@@ -554,6 +556,7 @@ function startTimer() {
|
||||
feedback.textContent = t('timesUp', {n: game.correctAnswer});
|
||||
feedback.className = 'answer-feedback incorrect';
|
||||
game.mistakes.push({
|
||||
key: game.system,
|
||||
system: SYSTEMS[game.system].toDisplay(game.correctAnswer),
|
||||
decimal: game.correctAnswer,
|
||||
systemName: systemName(game.system),
|
||||
@@ -605,8 +608,9 @@ function endGame() {
|
||||
game.mistakes.forEach(m => {
|
||||
const item = document.createElement('div');
|
||||
item.className = 'result-item';
|
||||
const sysClass = m.key === 'slavonic' ? ' slavonic-font' : '';
|
||||
item.innerHTML = `
|
||||
<div class="result-system">${m.system}</div>
|
||||
<div class="result-system${sysClass}">${m.system}</div>
|
||||
<div class="result-arrow">\u2192</div>
|
||||
<div class="result-decimal">${m.decimal}</div>
|
||||
`;
|
||||
|
||||
+3
-3
@@ -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=11">
|
||||
<link rel="stylesheet" href="styles.css?v=13">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
@@ -158,10 +158,10 @@
|
||||
|
||||
</div>
|
||||
|
||||
<script type="module" src="app.js?v=11"></script>
|
||||
<script type="module" src="app.js?v=13"></script>
|
||||
<script>
|
||||
if ('serviceWorker' in navigator) {
|
||||
navigator.serviceWorker.register('/sw.js?v=11').catch(() => {});
|
||||
navigator.serviceWorker.register('/sw.js?v=13').catch(() => {});
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
|
||||
@@ -391,6 +391,10 @@ body {
|
||||
font-size: 3.2rem;
|
||||
}
|
||||
|
||||
.ticker .slavonic-font {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.answer-feedback {
|
||||
min-height: 40px;
|
||||
font-size: 1.1rem;
|
||||
|
||||
Reference in New Issue
Block a user