New lesson text wrapping/highlighting scheme

[jgarber]

Lessons that contain hard breaks should require typing enter and should show a return character where required: ⏎ The first lessons are just single words that will require a return after each word. Later lessons will be sentences and entire paragraphs. They should not have line breaks except between paragraphs.

• The text should appear in the example area with normal line wrapping.
• The currently spoken phrase may be highlighted in a different color.
• The currently spoken phrase might span more than one line.
• The next word to be typed should be somewhere within the loupe (the center row with a box around it).

[jgarber]

Please work on this issue next. I've uploaded a series of screenshots showing how it should appear: http://dl.dropbox.com/u/1628851/Dvorak%20typing%20tutor%20progression.zip

Colors used in the mockup:

777 - already typed

000 - current phrase to be typed

ccc - phrases not yet typed

[Gonzih]

Images for issue:

[jgarber]

The phrases are divided up by the vertical pipes.

On Wed, Apr 25, 2012 at 9:52 AM, Max Gonzih < reply@reply.github.com

wrote:

What length of current phrase to be typed? How many words/symbols?

---

Reply to this email directly or view it on GitHub:

https://github.com/jgarber/dvorak-typing-tutor/issues/3#issuecomment-5331566