diff --git a/src/components/ChallengeComplete.js b/src/components/ChallengeComplete.js index 2e17d66..7996085 100644 --- a/src/components/ChallengeComplete.js +++ b/src/components/ChallengeComplete.js @@ -8,15 +8,18 @@ export default (function ChallengeComplete(props) { const {setChallengeState} = useContext(ChallengeContext) function _continue() { - // setGameClockTime(0) - // props.setChallengeState('ready') setChallengeState('ready') } + const minutes = Math.floor(gameClockTime / 60) + const seconds = gameClockTime % 60 + + let time = (minutes === 0) ? `${seconds} seconds` : `${minutes} minutes and ${seconds} seconds` + return (
Challenge Complete - Challenge completed in {gameClockTime} seconds! + Challenge completed in {time}!
diff --git a/src/components/Info.js b/src/components/Info.js index 6c49841..9b6332a 100644 --- a/src/components/Info.js +++ b/src/components/Info.js @@ -10,19 +10,22 @@ export default React.memo(function Info() { return (

Morse Code

-

Morse code is a method of communication that uses short and long tones. This tool will help you learn Morse Code.

+

Morse code is a method of communication that uses short and long tones. This tool will help beginners learn Morse code.

Dits and Dahs

- Dit playMorseWord('.')}> Denoted as a period/dot (.), dits are short tones and are the base unit of Morse Code communication.
- Dah playMorseWord('-')}> Denoted as a dash (-), dahs are long tones the length of three dits. + Dit playMorseWord('.')}> (.) Short tones and the base unit length of Morse code communication.
+ Dah playMorseWord('-')}> (-) Long tones, each the length of three dits.

Spacing

-

The spacing between dits and dahs matters in Morse Code. Spacing of various lenghts signify different things.
- Intra-character Spacing playMorseWord('...')}> Spaces between dits and dahs the length of one dit signify the dits and dahs are part of the same character. E.g. three dits (...) separated by one-dit-long spaces is an "S".
- Inter-character Spacing playMorseWord('. . .')}> Space the length of three dits signify a new letter. A single dit is an "E". Three dits, each separated by three-dit-long spaces (. . .), is "EEE".
- Inter-word Spacing playMorseWord('././.')}> Space the length of seven dits signifies a new word. Three dits, each separated by seven-dit-long spaces (denoted by a forward slash in this example: ././.), is "E E E". +

The spacing between dits and dahs matters in Morse Code. Spacing of various lengths signify different things.
+ + Intra-character Spacing A letter in Morse code can be made up of multiple dits and dahs. The spaces between the dits and dahs that make up a single letter are each the length of one dit. E.g., three dits, each separated by one-dit-long spaces, is an "S". (...) playMorseWord('...')}>
+ + Inter-character Spacing The space between consecutive letters is three dits long. E.g., three dits, each separated by a three-dit-long spaces is "EEE". (. . .) playMorseWord('. . .')}>
+ + Inter-word Spacing The space between words is seven dits long. E.g., three dits, each separated by seven-dit-long spaces (denoted by a forward slash in this example: ././.), is "E E E". playMorseWord('././.')}>

Speed

@@ -36,7 +39,9 @@ export default React.memo(function Info() {
Straight Key

Straight Keys use a single button and generate tones when pressed down. Straight keys require greater accuracy as the length of dits, dahs, and spacing is completely under manual control.

Electronic Key
-

Electronic Keys use two paddles (one for dit, one for dah) that automatically generate the tones when pressed. The Electronic Keyer used here is an Iambic keyer, which alternates between dit and dah when both paddles are pressed. Switch between the two at the appropriate times to build letters in Morse Code.

+

Electronic Keys use paddles that automatically generate dits and dahs when pressed. The Electronic Keyer used here is an Iambic keyer that uses two paddles–left paddle for dits, right paddle for dahs. Pressing both paddles simultaneously alternates between dit and dah. Switch between the two at the appropriate times to build letters in Morse Code.

+ +

Check out this video for a demonstration of the difference between Straight and Electronic keys.

) }) \ No newline at end of file diff --git a/src/components/MorseHistory_textbox.js b/src/components/MorseHistory_textbox.js index 9da412d..79b4019 100644 --- a/src/components/MorseHistory_textbox.js +++ b/src/components/MorseHistory_textbox.js @@ -38,6 +38,7 @@ export default (function MorseHistoryTextBox() {
{text}
+ "[?]" signifies no translation available.
diff --git a/src/components/SidebarLeft.js b/src/components/SidebarLeft.js index 4a117fa..bad1ce3 100644 --- a/src/components/SidebarLeft.js +++ b/src/components/SidebarLeft.js @@ -45,7 +45,7 @@ export default (function SidebarLeft() { -
+