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