DOCSP-48499: Get started rendering fix (#97)

Author: norareidy

source/get-started.txt

@@ -338,77 +338,87 @@ corresponds to your Atlas cluster.
 Run a Sample Query
 ------------------
 
-.. step:: Create a Project Directory
+You can create an application that connects to your MongoDB
+deployment and retrieves data from the ``movies`` collection
+in the ``sample_mflix`` database.
 
-   In your shell, navigate to where you want to create your
-   application, then run the following command to create a
-   directory called ``c-quickstart`` for this project:
+To learn more about the ``sample_mflix`` database, see :atlas:`Sample Mflix Dataset
+</sample-data/sample-mflix/>` in the Atlas documentation.
 
-   .. code-block:: bash
+.. procedure::
+   :style: connected
 
-      mkdir c-quickstart
+   .. step:: Create a Project Directory
 
-   Select the tab corresponding to your operating system and run the
-   following commands to create a ``quickstart.c`` application file
-   in the ``c-quickstart`` directory:
+      In your shell, navigate to where you want to create your
+      application, then run the following command to create a
+      directory called ``c-quickstart`` for this project:
+
+      .. code-block:: bash
 
-   .. tabs::
+         mkdir c-quickstart
 
-         .. tab:: macOS / Linux
-            :tabid: create-file-mac-linux
+      Select the tab corresponding to your operating system and run the
+      following commands to create a ``quickstart.c`` application file
+      in the ``c-quickstart`` directory:
 
-            .. code-block:: bash
+      .. tabs::
 
-               cd c-quickstart
-               touch quickstart.c
+            .. tab:: macOS / Linux
+               :tabid: create-file-mac-linux
 
-         .. tab:: Windows
-            :tabid: create-file-windows
+               .. code-block:: bash
 
-            .. code-block:: bash
+                  cd c-quickstart
+                  touch quickstart.c
 
-               cd c-quickstart
-               type nul > quickstart.c
+            .. tab:: Windows
+               :tabid: create-file-windows
 
-.. step:: Create Your C Driver Application
+               .. code-block:: bash
 
-   Copy and paste the following code into the ``quickstart.c`` file, which queries
-   the ``movies`` collection in the ``sample_mflix`` database:
+                  cd c-quickstart
+                  type nul > quickstart.c
 
-   .. literalinclude:: /includes/get-started/quickstart.c
-      :language: c
+   .. step:: Create Your C Driver Application
 
-.. step:: Assign the Connection String
+      Copy and paste the following code into the ``quickstart.c`` file, which queries
+      the ``movies`` collection in the ``sample_mflix`` database:
 
-   Replace the ``<connection string>`` placeholder with the
-   connection string that you copied from the :ref:`c-get-started-connection-string`
-   step of this guide.
+      .. literalinclude:: /includes/get-started/quickstart.c
+         :language: c
 
-.. step:: Run Your C Application
+   .. step:: Assign the Connection String
 
-   In your shell, run the following commands to compile and run this application:
-   
-   .. code-block:: none
+      Replace the ``<connection string>`` placeholder with the
+      connection string that you copied from the :ref:`c-get-started-connection-string`
+      step of this guide.
+
+   .. step:: Run Your C Application
+
+      In your shell, run the following commands to compile and run this application:
+      
+      .. code-block:: none
 
-      gcc -o quickstartc quickstart.c $(pkg-config --libs --cflags libmongoc-1.0)
-      ./quickstartc   
+         gcc -o quickstartc quickstart.c $(pkg-config --libs --cflags libmongoc-1.0)
+         ./quickstartc   
 
-   The command line output contains details about the retrieved movie
-   document:
+      The command line output contains details about the retrieved movie
+      document:
 
-   .. code-block:: none
-      :copyable: false
+      .. code-block:: none
+         :copyable: false
 
-      { "_id" : { "$oid" : "..." },
-      "plot" : "Two imprisoned men bond over a number of years, finding solace
-      and eventual redemption through acts of common decency.",
-      ...
-      "title" : "The Shawshank Redemption", 
-      ...
+         { "_id" : { "$oid" : "..." },
+         "plot" : "Two imprisoned men bond over a number of years, finding solace
+         and eventual redemption through acts of common decency.",
+         ...
+         "title" : "The Shawshank Redemption", 
+         ...
 
-   If you encounter an error or see no output, ensure that you specified the
-   proper connection string in the ``quickstart.c`` file and that you loaded the
-   sample data.
+      If you encounter an error or see no output, ensure that you specified the
+      proper connection string in the ``quickstart.c`` file and that you loaded the
+      sample data.
 
 After you complete these steps, you have a working application that
 uses the driver to connect to your MongoDB deployment, runs a query on