Implement manual mode and smoother transitions. This commit currently…

… uses the Chinese text for the manual task, but that should be changed before the actual study.

nlp_files/edited_temp.txt

@@ -0,0 +1,6 @@
+<span class="low-contrast"><span class="impulse-fixation">During</span> <span class="impulse-fixation">one</span> of your <span class="impulse-fixation">tasks,</span> you <span class="impulse-fixation">will</span> have <span class="impulse-fixation">control</span> over the <span class="impulse-fixation">formatting</span> of the <span class="impulse-fixation">text.</span> <span class="impulse-fixation">In</span> that <span class="impulse-fixation">task,</span> a <span class="impulse-fixation">control</span> <span class="impulse-fixation">bar</span> <span class="impulse-fixation">will</span> <span class="impulse-fixation">appear</span> on the <span class="impulse-fixation">left-hand</span> <span class="impulse-fixation">side</span>
+of the <span class="impulse-fixation">screen.</span> <span class="impulse-fixation">You</span> can <span class="impulse-fixation">click</span> the <span class="impulse-fixation">buttons</span> on this <span class="impulse-fixation">control</span> to <span class="impulse-fixation">change</span> the <span class="impulse-fixation">highlighting</span> of the <span class="impulse-fixation">text.</span> <span class="impulse-fixation">If</span> you <span class="impulse-fixation">prefer,</span> you can <span class="impulse-fixation">also</span> <span class="impulse-fixation">use</span> the <span class="impulse-fixation">shortcuts</span>
+<span class="impulse-fixation">Ctrl+1,</span> <span class="impulse-fixation">Ctrl+2,</span> and <span class="impulse-fixation">Ctrl+3</span> to <span class="impulse-fixation">change</span> the <span class="impulse-fixation">formatting</span> <span class="impulse-fixation">mode.</span>
+
+
+<span class="impulse-fixation">Please</span> <span class="impulse-fixation">try</span> <span class="impulse-fixation">formatting</span> this <span class="impulse-fixation">text</span> <span class="impulse-fixation">now.</span> <span class="impulse-fixation">When</span> you're <span class="impulse-fixation">ready</span> to <span class="impulse-fixation">continue,</span> <span class="impulse-fixation">click</span> <span class="impulse-fixation">"Next"</span> to <span class="impulse-fixation">receive</span> <span class="impulse-fixation">instructions</span> about the <span class="impulse-fixation">first</span> <span class="impulse-fixation">task.</span></span>

nlp_files/temp.txt

@@ -0,0 +1,6 @@
+During one of your tasks, you will have control over the formatting of the text. In that task, a control bar will appear on the left-hand side
+            of the screen. You can click the buttons on this control to change the highlighting of the text. If you prefer, you can also use the shortcuts
+            Ctrl+1, Ctrl+2, and Ctrl+3 to change the formatting mode.
+
+
+Please try formatting this text now. When you're ready to continue, click "Next" to receive instructions about the first task.

nlp_files/tutorial_text/manual_reading.txt

@@ -0,0 +1,7 @@
+          <p className='text'>
+            During one of your tasks, you will have control over the formatting of the text. In that task, a control bar will appear on the left-hand side of the screen. You can click the buttons on this control to change the highlighting of the text. If you prefer, you can also use the shortcuts Ctrl+1, Ctrl+2, and Ctrl+3 to change the formatting mode.
+
+          </p>
+          <p className='text'>
+            Please try formatting this text now. When you're ready to continue, click "Next" to receive instructions about the first task.
+          </p>

nlp_files/tutorial_text/manual_scanning.txt

@@ -0,0 +1,7 @@
+          <p className='text'>
+            <span class="low-contrast">During one of your tasks, you will have control over the formatting of the text. In that task, a control bar will appear on the left-hand side of the screen. <span class="impulse-fixation">You can click the buttons on this control to change the highlighting of the text.</span> If you prefer, you can also use the shortcuts Ctrl+1, Ctrl+2, and Ctrl+3 to change the formatting mode.</span>
+
+          </p>
+          <p className='text'>
+            Please try formatting this text now. When you're ready to continue, click "Next" to receive instructions about the first task.
+          </p>

nlp_files/tutorial_text/manual_skimming.txt

@@ -0,0 +1,7 @@
+          <p className='text'>
+            <span class="low-contrast"><span class="impulse-fixation">During</span> <span class="impulse-fixation">one</span> of your <span class="impulse-fixation">tasks,</span> you <span class="impulse-fixation">will</span> have <span class="impulse-fixation">control</span> over the <span class="impulse-fixation">formatting</span> of the <span class="impulse-fixation">text.</span> <span class="impulse-fixation">In</span> that <span class="impulse-fixation">task,</span> a <span class="impulse-fixation">control</span> <span class="impulse-fixation">bar</span> <span class="impulse-fixation">will</span> <span class="impulse-fixation">appear</span> on the <span class="impulse-fixation">left-hand</span> <span class="impulse-fixation"> side</span> of the <span class="impulse-fixation">screen.</span> <span class="impulse-fixation">You</span> can <span class="impulse-fixation">click</span> the <span class="impulse-fixation">buttons</span> on this <span class="impulse-fixation">control</span> to <span class="impulse-fixation">change</span> the <span class="impulse-fixation">highlighting</span> of the <span class="impulse-fixation">text.</span> <span class="impulse-fixation">If</span> you <span class="impulse-fixation">prefer,</span> you can <span class="impulse-fixation">also</span> <span class="impulse-fixation">use</span> the <span class="impulse-fixation">shortcuts </span><span class="impulse-fixation">Ctrl+1,</span> <span class="impulse-fixation">Ctrl+2,</span> and <span class="impulse-fixation">Ctrl+3</span> to <span class="impulse-fixation">change</span> the <span class="impulse-fixation">formatting</span> <span class="impulse-fixation">mode.</span>
+
+          </p>
+          <p className='text'>
+            <span class="impulse-fixation">Please</span> <span class="impulse-fixation">try</span> <span class="impulse-fixation">formatting</span> this <span class="impulse-fixation">text</span> <span class="impulse-fixation">now.</span> <span class="impulse-fixation">When</span> you're <span class="impulse-fixation">ready</span> to <span class="impulse-fixation">continue,</span> <span class="impulse-fixation">click</span> <span class="impulse-fixation">"Next"</span> to <span class="impulse-fixation">receive</span> <span class="impulse-fixation">instructions</span> about the <span class="impulse-fixation">first</span> <span class="impulse-fixation">task.</span></span>
+          </p>