Update the documentation

Author: mdmintz

README.md

@@ -5,20 +5,21 @@
 <meta property="og:image" content="https://seleniumbase.io/cdn/img/mac_sb_logo_5.png" />
 <link rel="icon" href="https://seleniumbase.io/img/green_logo2.png" />
 
-<p align="left"><a href="https://github.com/seleniumbase/SeleniumBase/"><img src="https://seleniumbase.io/cdn/img/sb_banner_3_wide.png" alt="SeleniumBase" title="SeleniumBase" width="500" /></a></p>
+<h3 align="center"><a href="https://github.com/seleniumbase/SeleniumBase/"><img src="https://seleniumbase.io/cdn/img/mac_sb_logo_5.png" alt="SeleniumBase" title="SeleniumBase" width="300" /></a></h3>
+
 <!-- View on GitHub -->
 
-<p align="left"><div align="left">✅ Fast, easy, and reliable Web/UI automation & testing with Python.</div></p>
+<h4 align="center">Better web testing with <a href="https://www.selenium.dev/documentation/" target="_blank">Selenium</a> and <a href="https://docs.pytest.org/en/stable/" target="_blank">pytest</a>.</h4>
 
-<p align="left">
+<p align="center">
 <a href="https://github.com/seleniumbase/SeleniumBase/releases">
 <img src="https://img.shields.io/github/v/release/seleniumbase/SeleniumBase.svg?color=2277EE" alt="Latest Release on GitHub" /></a> <a href="https://pypi.python.org/pypi/seleniumbase" target="_blank">
 <img src="https://img.shields.io/pypi/v/seleniumbase.svg?color=22AAEE" alt="Latest Release on PyPI" /></a> <a href="https://seleniumbase.io">
 <img src="https://img.shields.io/badge/docs-seleniumbase.io-11BBDD.svg" alt="SeleniumBase.io Docs" /></a> <a href="https://github.com/seleniumbase/SeleniumBase/actions">
 <img src="https://github.com/seleniumbase/SeleniumBase/workflows/CI%20build/badge.svg" alt="SeleniumBase GitHub Actions" /></a> <a href="https://gitter.im/seleniumbase/SeleniumBase" target="_blank"><img src="https://badges.gitter.im/seleniumbase/SeleniumBase.svg" alt="SeleniumBase" /></a>
 </p>
 
-<p align="left">
+<p align="center">
 <a href="#python_installation">🚀 Start</a> |
 <a href="https://github.com/seleniumbase/SeleniumBase/blob/master/help_docs/features_list.md">🎯 Features</a> |
 <a href="https://github.com/seleniumbase/SeleniumBase/blob/master/examples/ReadMe.md">📝 Examples</a> |
@@ -46,6 +47,15 @@
 
 --------
 
+<p align="left">✅ An example of running a test: <a href="https://github.com/seleniumbase/SeleniumBase/blob/master/examples/test_demo_site.py">test_demo_site.py</a></p>
+
+```bash
+cd examples/
+pytest test_demo_site.py
+```
+
+<p align="left"><a href="https://github.com/seleniumbase/SeleniumBase/blob/master/examples/test_demo_site.py"><img src="https://seleniumbase.io/cdn/gif/demo_page_4.gif" width="400" alt="SeleniumBase Demo Mode" title="SeleniumBase Test" /></a></p>
+
 <details>
 <summary> ▶️ <u>How is SeleniumBase different from raw Selenium?</u> (click to expand)</summary>
 <div>
@@ -117,15 +127,6 @@ Feature: SeleniumBase scenarios for the RealWorld App
     And Save screenshot to logs
 ```
 
-<p align="left">✅ An example of running a test: <a href="https://github.com/seleniumbase/SeleniumBase/blob/master/examples/test_demo_site.py">test_demo_site.py</a></p>
-
-```bash
-cd examples/
-pytest test_demo_site.py
-```
-
-<p align="left"><a href="https://github.com/seleniumbase/SeleniumBase/blob/master/examples/test_demo_site.py"><img src="https://seleniumbase.io/cdn/gif/demo_page_4.gif" width="400" alt="SeleniumBase Demo Mode" title="SeleniumBase Test" /></a></p>
-
 <a id="python_installation"></a>
 <h2><img src="https://seleniumbase.io/cdn/img/python_logo.png" title="SeleniumBase" width="42" /> Python Setup:</h2>
 

mkdocs_build/prepare.py

@@ -125,7 +125,7 @@ def main(*args, **kwargs):
             if "<!-- View on GitHub -->" in line:
                 changed = True
                 line = (
-                    r'<p align="left"><div align="left">'
+                    r'<p align="center"><div align="center">'
                     r'<a href="https://github.com/seleniumbase/SeleniumBase">'
                     r'<img src="https://img.shields.io/badge/'
                     r"✅%20💛%20View%20Code-on%20GitHub%20🌎%20🚀"
@@ -144,7 +144,7 @@ def main(*args, **kwargs):
             if "<!-- SeleniumBase Header1 -->" in line:
                 changed = True
                 line = (
-                    '<section align="left"><div align="left">'
+                    '<section align="center"><div align="center">'
                     "<h2>✅ Reliable Browser Testing</h2>"
                     "</div></section>"
                 )