Updates

Update _config.yml Update training.html * Added EnterTrained img to Type-Reading
DreymaR · Jan 22, 2025 · 2e9ed4b · 2e9ed4b
1 parent 44b7c0c
commit 2e9ed4b
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 15 deletions.
diff --git a/docs/_config.yml b/docs/_config.yml
@@ -48,7 +48,7 @@ links:
     url: learning.html
     sub:
       - title: Tips
-        url: training.html#training-tips
+        url: training.html
         sub:
           - title: Top
             url: training.html#top-typist-tips

diff --git a/docs/training.html b/docs/training.html
@@ -145,9 +145,9 @@ <h3 class="anchor" id="burst">Burst Typing</h3><p>
 </p><p>
 	One way of training raw speed, is to do the shortest tests on Monkeytype. 15 s or 10 word tests are examples. Many do this regularly. 
 	Prepare yourself mentally, then blaze out of the gates as fast as you can while trying to get everything correct too. Gogogo!
-</p><br>
+</p>
 
-<img class="left" alt="Burst Type, simple" src="res/div/SpeedTraining/BurstType_Simple.png" />
+<br><img class="left" alt="Burst Type, simple" src="res/div/SpeedTraining/BurstType_Simple.png" />
 <p class="img-text">Typing a simple word on Burst Type. Type it fast and correct five times to proceed.</p>
 <p>
 	I prefer to train word bursting. This is the method suggested by Sophie above: From a state of mental preparedness, type each word as a minimum number of actions, fast and true. You may pause between words as needed while training, the focus is on the execution of each word.
@@ -156,15 +156,21 @@ <h3 class="anchor" id="burst">Burst Typing</h3><p>
 </p><p>
 	Some get frustrated when trying this. If you find yourself failing repeatedly, try to take a breath and refocus for each attempt. If that isn't enough, start out by going as slowly as you need to type "in the blue" (low speed but no mistakes) over and over until you're ready to gradually speed up.
 </p>
-<img class="left" alt="Burst Type, harder" src="res/div/SpeedTraining/BurstType_Harder.png" />
+
+<br><img class="left" alt="Burst Type, harder" src="res/div/SpeedTraining/BurstType_Harder.png" />
 <p class="img-text">Encountering a harder word on Burst Type. Type it slowly at first, to learn it well enough.</p>
 
 <h3 class="anchor" id="type-reading">Type-Reading</h3><p>
-    Reading books by copytyping them in is a great way of racking up mileage in a realistic setting while keeping it interesting. The bare-bones way of simply using a physical book and a blank document works fine, and has been used by such masters as Sean Wrona and Viper, but I like to use tools that can keep track of progress, speed and accuracy statistics and more. Nowadays I mostly do my daily rounds on <a href="https://entertrained.app/">EnterTrained</a>. Earlier I did most of it offline with the <a href="#amphetype">Amphetype</a> program.
-</p><p>
+    Reading books by copytyping them in is a great way of racking up mileage in a realistic setting while keeping it interesting. The bare-bones way of simply using a physical book and a blank document works fine, and has been used by such masters as Sean Wrona and Viper. I prefer to use tools that can keep track of progress, speed and accuracy statistics and more. Nowadays I mostly do my daily rounds on <a href="https://entertrained.app/">EnterTrained</a>. Earlier I did most of it offline with the <a href="#amphetype">Amphetype</a> program.
+</p>
+
+<br><img class="left" alt="EnterTrained" src="res/div/SpeedTraining/TypeReading_EnterTrained_Marcus-Aurelius.png" />
+<p class="img-text">Type-reading with EnterTrained. The page is from "Meditationes" by Marcus Aurelius. Classy!</p>
+
+<p>
     I think you can enjoy type-reading from, say, around 40 WPM typing speed. Focus on accuracy over speed. You want to build up muscle memory for typing words and common n-grams correctly. I sometimes retype a word a couple of times if I get it wrong. I often read the next paragraph before typing it in, to prepare myself mentally.
 </p><p>
-    Typically, I'd get a book as a text file from <a href="https://www.gutenberg.org/"><b>Project Gutenberg</b></a> or similar, and import it into Amphetype. Experiment a little with how large text chunks you want to use; I use somewhere between 300 and 900 characters. I've "read" Machiavelli that way, as well as Alice Through The Looking Glass, some Lovecraft and a 19th century book of questionable moral value! 
+    With Amphetype, I'd typically get a book as a text file from <a href="https://www.gutenberg.org/"><b>Project Gutenberg</b></a> or similar, and import. Experiment a little with how large text chunks you want to use; I've used somewhere between 300 and 900 characters. I've "read" Machiavelli that way, as well as Alice Through The Looking Glass, some Lovecraft and a 19th century book of questionable moral value! 
 </p><p>
     For type-reading books, I recommend not using too strict parameters so you won't have to type the same page again very often. Your average text speed minus 10–20 WPM and 96–97% accuracy is a good starting point. With Amphetype, you set the limits on the Sources tab, while selecting what text/lesson to type next. I turn off the need to press SPACE before each lesson, so I can type fluently. The timer doesn't start until you start typing a page, so take your time before diving in if you want to.
 </p><p>
@@ -193,9 +199,9 @@ <h3 class="anchor" id="type-reading">Type-Reading</h3><p>
     I've already mentioned two of my favorites, <a href="https://entertrained.app/"><b>EnterTrained</b></a> and <a href="#amphetype"><b>Amphetype</b></a>. 
     One neat offline alternative is <a href="https://github.com/ProfXwing/copytype"><b>CopyType</b></a>, a dedicated e-book typer program. 
     For more options, see the <a href="#links">Links section</a> below.
-</p><br>
+</p>
 
-<img class="left" alt="Amphetype 1 Typer" src="res/div/SpeedTraining/Amphetype_1-Typer.png" />
+<br><img class="left" alt="Amphetype 1 Typer" src="res/div/SpeedTraining/Amphetype_1-Typer.png" />
 <p class="img-text">Amphetype about to start a book text session (from <a href="https://www.gutenberg.org/files/22381/22381-h/22381-h.htm">Berens' Greek/Roman mythology</a>)</p>
 
 <h3 class="anchor" id="focused-lessons">Focused Lessons</h3><p>
@@ -281,7 +287,7 @@ <h3 class="anchor" id="damage-assessment">Damage Assessment</h3><p>
     Furthermore, you can let Amphetype generate a list of your "most damaging" (or slowest, most mistyped etc.) words or trigrams, and send them to the Lesson Generator! I recommend editing out rare words before making the lessons themselves so you don't risk training words like 'Cthulhu' and 'Shub-Niggurath' a lot, but otherwise this is very useful once you've racked up some mileage in your database.
 </p>
 
-<img class="left" alt="Amphetype 4 Analysis" src="res/div/SpeedTraining/Amphetype_4-Analysis.png" />
+<br><img class="left" alt="Amphetype 4 Analysis" src="res/div/SpeedTraining/Amphetype_4-Analysis.png" />
 <p class="img-text">Amphetype's Analysis tab, where you can make and export lists of words or trigrams that cause you trouble</p>
 
 <p>After type-reading Berens' Graeco-Roman mythology book for a while, Amphetype suggested this amusing list of words for me; I just sorted it and added punctuation:</p>
@@ -397,7 +403,7 @@ <h3 class="anchor" id="pangram">Pangram Learning</h3><p>
     Here's an example of pangram training using <a href="#monkeytype">MonkeyType</a>. I used the common "The quick brown fox..." phrase which comes up by default on the custom test, pressed "change" then "random" and a suitable word count. I'd use that until I felt ready to move on to the usual word list tests.
 </p>
 
-<img class="left" alt="Pangram Training Monkeytype Custom Random" src="res/div/SpeedTraining/PangramTraining_Monkeytype_CustomRandom.png" />
+<br><img class="left" alt="Pangram Training Monkeytype Custom Random" src="res/div/SpeedTraining/PangramTraining_Monkeytype_CustomRandom.png" />
 <p class="img-text">Monkeytype screenshot with custom word pangram training</p>
 
 <h3 class="anchor" id="tarmak">Stepwise Learning With Tarmak (Or Not)</h3><p>
@@ -501,7 +507,7 @@ <h3 class="anchor" id="monkeytype">Training With Monkeytype</h3><p>
             <li><b>Font family: Roboto Mono</b> &nbsp; &nbsp; ♪～└[∵┌]└[･▥･]┘[┐∵]┘～♪</li>
             <li><b>Page width: At least 150%</b></li>
         </ul>
-        <img class="left" alt="Monkeytype Color scheme" src="res/div/SpeedTraining/Monkeytype_Colors-Viper-DreymaR.png" />
+        <br><img class="left" alt="Monkeytype Color scheme" src="res/div/SpeedTraining/Monkeytype_Colors-Viper-DreymaR.png" />
         <p class="img-text">Monkeytype high-contrast color scheme by Viper and DreymaR</p>
 
         <p>
@@ -523,7 +529,7 @@ <h3 class="anchor" id="monkeytype">Training With Monkeytype</h3><p>
             <li><b>Quick end</b> is necessary for the word mode to work well, if you want to use it.</li>
             <li><b>Caret style: Off</b> means you can't see where in the current word you are typing. Again, too much for me.</li>
         </ul>
-        <img class="left" alt="Monkeytype test settings sample" src="res/div/SpeedTraining/Monkeytype_Test-wordselect.png" />
+        <br><img class="left" alt="Monkeytype test settings sample" src="res/div/SpeedTraining/Monkeytype_Test-wordselect.png" />
         <p class="img-text">Monkeytype using whole word selection. Delete only your error or the whole word? Do or do not.</p>
         <ul class="disc">
             <li>I found <a href="https://wallpapercave.com/wp/wp2922774.jpg">a background image inspired by the movie "The Matrix"</a> that I feel suits this theme perfectly.</li>
@@ -536,7 +542,7 @@ <h3 class="anchor" id="monkeytype">Training With Monkeytype</h3><p>
 
 <!-- img class="left" alt="Monkeytype test settings sample" src="res/div/SpeedTraining/Monkeytype_Test-sample.png" / -->
 <!-- p class="img-text">A Monkeytype test in progress</p> -->
-<img class="left" alt="Monkeytype using the Viper theme and a Matrix background image" src="res/div/SpeedTraining/Monkeytype_Matrix-theme.png" />
+<br><img class="left" alt="Monkeytype using the Viper theme and a Matrix background image" src="res/div/SpeedTraining/Monkeytype_Matrix-theme.png" />
 <p><i>I always wanted to type on a <a href="https://deskthority.net/wiki/Staggering#Matrix_layout">Matrix layout</a>!</i> &nbsp; &nbsp; ￣(=⌒ᆺ⌒=)￣</p><br>
 
 
@@ -573,7 +579,7 @@ <h3 class="anchor" id="amphetype">Training With Amphetype</h3>
     <br>&nbsp;&nbsp;( Θώθ) c[_]
 </p>
 
-<img class="left" alt="Amphetype 3 Performance" src="res/div/SpeedTraining/Amphetype_3-Performance.png" />
+<br><img class="left" alt="Amphetype 3 Performance" src="res/div/SpeedTraining/Amphetype_3-Performance.png" />
 <p><i>Amphetype's Performance tab, not sugar-coating my lack of progress.</i> &nbsp; &nbsp; ᏊᵕꈊᵕᏊ</p><br>