use dropdowns for when we add more ides

Signed-off-by: mateoconlechuga <matthewwaltzis@gmail.com>

Author: mateoconlechuga

docs/conf.py

@@ -10,6 +10,7 @@
 
 extensions = [
     'breathe',
+    'sphinx_design',
     'sphinx_rtd_theme',
     'sphinx.ext.autodoc',
     'sphinx.ext.viewcode',

docs/requirements.txt

@@ -3,3 +3,4 @@ sphinx==4.5.0
 sphinx_rtd_theme==1.0.0
 breathe==4.33.1
 Jinja2==3.1.2
+sphinx-design==0.3.0

docs/static/ides.rst

@@ -3,69 +3,68 @@
 Using the Toolchain in an IDE
 =============================
 
-CLion
------
+The CE Toolchain can be used in a variety of Integrated Development Enviornments (IDEs).
+The below are currently supported - Raise an issue or pull request on `GitHub <https://github.com/CE-Programming/toolchain>`_ if you would like to see a different one, or if an IDE update changes the current flow.
 
-CLion is a C/C++ IDE made by JetBrains.
-Open your project in CLion.
-If you're making a new one, make a copy of the :code:`examples/standalone_examples/template` folder to get a boilerplate Makefile.
+.. dropdown:: CLion
 
-.. rubric:: Open IDE settings
+    CLion is a C/C++ IDE made by JetBrains.
+    Open your project in CLion.
+    If you're making a new one, make a copy of the :code:`examples/standalone_examples/template` folder to get a boilerplate Makefile.
 
-This is found under the drop-down option (:code:`File > Settings`).
+    .. rubric:: Open IDE settings
 
-.. image:: images/ides_clion_1.png
-   :align: center
+    This is found under the drop-down option (:code:`File > Settings`).
 
-.. rubric:: (Windows Only) Configure the make executable
+    .. image:: images/ides_clion_1.png
+       :align: center
 
-(*WINDOWS ONLY*) Set the :code:`make` executable (:code:`Build, Execution, Deployment > Build Tools > Make`) to your CEdev :code:`bin/make.exe` file.
+    .. rubric:: Configure the make executable
 
-.. image:: images/ides_clion_2.png
-   :align: center
+    **WINDOWS ONLY**: Set the :code:`make` executable (:code:`Build, Execution, Deployment > Build Tools > Make`) to your CEdev :code:`bin/make.exe` file.
 
-.. rubric:: Create CEdev Toolchain
+    .. image:: images/ides_clion_2.png
+       :align: center
 
-Navigate to the options :code:`Build, Execution, Deployment > Toolchains`, :code:`+`, :code:`System`
+    .. rubric:: Create CEdev Toolchain
 
-.. image:: images/ides_clion_3.png
-   :align: center
+    Navigate to the options :code:`Build, Execution, Deployment > Toolchains`, :code:`+`, :code:`System`
 
-On Windows, set the "Build Tool" to :code:`CEdev/bin/make.exe` and both C compilers to :code:`CEdev/bin/ez80-clang.exe`
+    .. image:: images/ides_clion_3.png
+       :align: center
 
-On MacOS/Linux, set both C compilers to :code:`CEdev/bin/ez80-clang`.
-MacOS/Linux come with their own system :code:`make` executable, and the default system one can be used.
+    On Windows, set the "Build Tool" to :code:`CEdev/bin/make.exe` and both C compilers to :code:`CEdev/bin/ez80-clang.exe`
 
-.. image:: images/ides_clion_4.png
-   :align: center
+    On MacOS/Linux, set both C compilers to :code:`CEdev/bin/ez80-clang`.
+    MacOS/Linux come with their own system :code:`make` executable, and the default system one can be used.
 
-CLion will likely warn that "Test CMake run finished with errors".
-This is safe to ignore.
+    .. image:: images/ides_clion_4.png
+       :align: center
 
-.. rubric:: Enable CEdev Toolchain
 
-Set the Makefile Toolchain (:code:`Build, Execution, Deployment > Makefile`) to your newly created toolchain.
+    CLion will likely warn that "Test CMake run finished with errors".
+    This is safe to ignore.
 
-.. image:: images/ides_clion_5.png
-   :align: center
+    .. rubric:: Enable CEdev Toolchain
 
-Code assistance should be working now.
-If you opened a demo project, you should be able to hover over the functions to see documentation/usage.
+    Set the Makefile Toolchain (:code:`Build, Execution, Deployment > Makefile`) to your newly created toolchain.
 
-.. rubric:: Build
+    .. image:: images/ides_clion_5.png
+       :align: center
 
-Before this step, make sure you added your CEdev :code:`bin` folder to your system's PATH environment variable, otherwise :code:`make` won't be able to find the compiler.
+    Code assistance should be working now.
+    If you opened a demo project, you should be able to hover over the functions to see documentation/usage.
 
-At the top right, 5 Run Configurations are auto-generated.
+    .. rubric:: Build
 
-* Select "all" for the standard build.
+    Before this step, make sure you added your CEdev :code:`bin` folder to your system's PATH environment variable, otherwise :code:`make` won't be able to find the compiler.
 
-* Select "debug" for a debug build for use with the `CEmu debugging toolchain <https://ce-programming.github.io/toolchain/static/debugging.html>`_.
+    At the top right, 5 Run Configurations are auto-generated.
 
-* Only use the Build (the hammer icon) button with these.
-  The Run icon tries to run the generated executables, which fails since .8xp files can't be run natively on PC.
+    * Select "all" for the standard build.
 
-Other IDEs
-----------
+    * Select "debug" for a debug build for use with the `CEmu debugging toolchain <https://ce-programming.github.io/toolchain/static/debugging.html>`_.
+
+    * Only use the Build (the hammer icon) button with these.
+      The Run icon tries to run the generated executables, which fails since .8xp files can't be run natively on PC.
 
-If you know how to configure the toolchain to work with another IDE, raise an issue or pull request on `GitHub <https://github.com/CE-Programming/toolchain>`_.