Update the docs

Author: mdmintz

help_docs/recorder_mode.md

@@ -6,7 +6,7 @@
 
 <img src="https://seleniumbase.io/cdn/img/sb_recorder_notification.png" title="SeleniumBase" width="380">
 
-(This tutorial assumes you are using SeleniumBase version ``2.0.10`` or newer.)
+(This tutorial assumes that you are using SeleniumBase version ``2.1.0`` or newer.)
 
 🔴 To make a new recording with Recorder Mode, you can use ``sbase mkrec`` or ``sbase codegen``):
 
@@ -40,7 +40,7 @@ ipdb> c
 
 🔴 While a recording is in progress, you can press the ``[ESC]`` key to pause the recording. To resume the recording, you can hit the ``[~`]`` key, which is located directly below the ``[ESC]`` key on most keyboards.
 
-🔴 From within Recorder Mode there are two additional modes: "Assert Element Mode" and "Assert Text Mode". To switch into "Assert Element Mode", press the <code>{^}-key (SHIFT+6)</code>: The border will become purple, and you'll be able to click on elements to assert from your test. To switch into "Assert Text Mode", press the <code>{&}-key (SHIFT+7)</code>: The border will become teal, and you'll be able to click on elements for asserting text from your test. While using either of the two special Assertion Modes, certain actions such as clicking on links won't have any effect. This lets you make assertions on elements without navigating away from the page, etc. To return back to the original Recorder Mode, press any key other than SHIFT or BACKSPACE (Eg: Press ``CONTROL``, etc.). You can also press ESC once to leave the Assertion Modes, but if you press it again, it'll stop the Recorder.
+🔴 From within Recorder Mode there are two additional modes: "Assert Element Mode" and "Assert Text Mode". To switch into "Assert Element Mode", press the <code>{^}-key (SHIFT+6)</code>: The border will become purple, and you'll be able to click on elements to assert from your test. To switch into "Assert Text Mode", press the <code>{&}-key (SHIFT+7)</code>: The border will become teal, and you'll be able to click on elements for asserting text from your test. While using either of the two special Assertion Modes, certain actions such as clicking on links won't have any effect. This lets you make assertions on elements without navigating away from the page, etc. To add an assertion for a button without triggering its default behavior via a "click" action, mouse-down on the button and then mouse-up somewhere else, which prevents a detected click while still recording the assert. To return back to the original Recorder Mode, press any key other than SHIFT or BACKSPACE (Eg: Press ``CONTROL``, etc.). You can also press ESC once to leave the Assertion Modes, but if you press it again, it'll stop the Recorder.
 
 🔴 For extra flexibility, you can break up the ``sbase mkrec`` command into three separate commands so that you can pick & choose how you use the Recorder:
 

mkdocs.yml

@@ -27,7 +27,7 @@ markdown_extensions:
 # Configuration
 theme:
   name: material
-  logo: img/green_logo2.png
+  logo: img/green_logo.png
   favicon: img/green_logo3.png
   language: en
   include_homepage_in_sidebar: true
@@ -49,7 +49,7 @@ theme:
     - navigation.instant
   palette:
     scheme: default
-    primary: blue
+    primary: teal
     accent: indigo
   font:
     text: Roboto
@@ -124,18 +124,19 @@ nav:
     - MySQL Instructions: help_docs/mysql_installation.md
   - Demo Pages:
     - Demo Page / Demo Site: https://seleniumbase.io/demo_page
+    - MFA Login Demo Page: https://seleniumbase.io/realworld/login
     - TinyMCE Demo Page: https://seleniumbase.io/tinymce/
-    - Drag & Drop Demo Page: https://seleniumbase.io/other/drag_and_drop
     - Virtual Device Farm: https://seleniumbase.io/devices/
+    - Drag & Drop Demo Page: https://seleniumbase.io/other/drag_and_drop
+    - HTML Playground Page: https://seleniumbase.io/w3schools/
+    - SeleniumBase in iframe: https://seleniumbase.io/w3schools/sbase
     - Error Demo Page: https://seleniumbase.io/error_page/
     - Page with broken links: https://seleniumbase.io/other/broken_page
     - W3Schools iframes: https://seleniumbase.io/w3schools/iframes
     - W3Schools doubleclick: https://seleniumbase.io/w3schools/double_click
     - W3Schools checkboxes: https://seleniumbase.io/w3schools/checkboxes
     - W3Schools drag & drop: https://seleniumbase.io/w3schools/drag_drop
     - W3Schools radio buttons: https://seleniumbase.io/w3schools/radio_buttons
-    - SeleniumBase in iframe: https://seleniumbase.io/w3schools/sbase
-    - HTML Playground Page: https://seleniumbase.io/w3schools/
   - Presentations:
     - Presenter Demo: https://seleniumbase.io/other/presenter.html
     - Core Presentation: https://seleniumbase.io/other/core_presentation.html