zev/binary_quiz_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

title, appearance, a few more bugs, better defaults

Browse Source
This commit is contained in:
zevav
2020-06-15 01:21:00 +02:00
parent 58da4c08a0
commit 433369de6f
4 changed files with 15 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/index.html
View File

@@ -4,7 +4,7 @@
<meta charset='utf-8'> <meta charset='utf-8'>
<meta name='viewport' content='width=device-width,initial-scale=1'> <meta name='viewport' content='width=device-width,initial-scale=1'>
<title>Svelte app</title> <title>Binary Quiz!</title>
<link rel='icon' type='image/png' href='/favicon.png'> <link rel='icon' type='image/png' href='/favicon.png'>
<link rel='stylesheet' href='/global.css'> <link rel='stylesheet' href='/global.css'>

3
src/components/Inputs.svelte
View File

@@ -17,6 +17,9 @@
if (!$num_problems){ if (!$num_problems){
num_problems.update(() => DEFAULT_NUM_PROBLEMS) num_problems.update(() => DEFAULT_NUM_PROBLEMS)
} }
if (!$bits){
bits.update(() => DEFAULT_BITS)
}
const problems_ = generateProblems($bits, $num_problems) const problems_ = generateProblems($bits, $num_problems)
problems.update(() => problems_) problems.update(() => problems_)
activeQuiz.update(() => true) activeQuiz.update(() => true)

11
src/components/Problem.svelte
View File

@@ -34,8 +34,15 @@
</script> </script>
{#if displaySummary} {#if displaySummary}
<div>Congratulations, you've completed {$num_problems} {$bits}-bit problems!</div> <div style="font-size: 2em;">
<a href="#" on:click={reset}>Go back to home screen.</a> <div>
Congratulations, you've completed {$num_problems} {$bits}-bit problems!
</div>
<div style="margin-top: 1em;">
<a href="#" on:click={reset}>Go back to the home screen.</a>
</div>
</div>
{:else} {:else}
<Tally /> <Tally />
<form on:submit|preventDefault={check} class="{class_} problem"> <form on:submit|preventDefault={check} class="{class_} problem">

4
src/config.js
View File

@@ -4,8 +4,8 @@ export const MIN_PROBLEMS = 2
export const MAX_PROBLEMS = 99 export const MAX_PROBLEMS = 99
export const MAX_DIGITS_PROBLEMS = MAX_PROBLEMS.toString().length export const MAX_DIGITS_PROBLEMS = MAX_PROBLEMS.toString().length
export const MAX_DIGITS_BITS = MAX_BITS.toString().length export const MAX_DIGITS_BITS = MAX_BITS.toString().length
export const DEFAULT_BITS = 8 export const DEFAULT_BITS = 4
export const DEFAULT_NUM_PROBLEMS = 20 export const DEFAULT_NUM_PROBLEMS = 10
export const getMaxPermutations = (bits) => { export const getMaxPermutations = (bits) => {
return Math.pow(2, bits) return Math.pow(2, bits)