Add inline tabs on Documentation Getting Started page for commands on different systems

documentation/start-documenting.rst

@@ -5,6 +5,14 @@
 Getting started
 ===============
 
+.. raw:: html
+
+   <script>
+    document.addEventListener('DOMContentLoaded', function() {
+      activateTab(getOS());
+    });
+    </script>
+
 .. highlight::  rest
 
 The Python language has a substantial body of documentation, much of it
@@ -81,22 +89,33 @@ Create a virtual environment
 ----------------------------
 
 .. _doc-create-venv-unix:
+.. _doc-create-venv-windows:
 
-**On Unix platforms** that support :program:`make`
-(including Linux, macOS and BSD),
-you can create a new :mod:`venv` with the required dependencies using::
+You can create a new :mod:`venv` with the required dependencies using:
 
-   make venv
+.. tab:: Unix
 
-Building the docs with :program:`make` will automatically use this environment
-without you having to activate it.
+   .. code-block:: shell
 
-.. _doc-create-venv-windows:
+      make venv
+
+   Building the docs with :program:`make` will automatically use this environment
+   without you having to activate it.
+
+.. tab:: macOS
+
+   .. code-block:: shell
+
+      make venv
+
+   Building the docs with :program:`make` will automatically use this environment
+   without you having to activate it.
+
+.. tab:: Windows
 
-**On Windows**, or if not using :program:`make`,
-`create a new virtual environment <venv-create_>`__ manually.
-Always be sure to `activate this environment <venv-activate_>`__
-before building the documentation.
+   `Create a new virtual environment <venv-create_>`__ manually.
+   Always be sure to `activate this environment <venv-activate_>`__
+   before building the documentation.
 
 
 .. _building-using-make: