🎨 Add GUI docs gallery, job ad

Author: daquinteroflex

docs/_static/img/gui_overview.png

@@ -106,6 +106,7 @@
     "sphinx.ext.todo",
     "sphinx.ext.viewcode",  # Add a link to the Python source code for classes, functions etc.
     "sphinx_copybutton",
+    "sphinx_design",
     "sphinx_favicon",
     "sphinx_sitemap",
     "sphinx_tabs.tabs",
@@ -188,6 +189,7 @@
 }
 myst_enable_extensions = [
     "amsmath",
+    "colon_fence",
     "dollarmath",
 ]
 nbsphinx_allow_errors = True  # Continue through Jupyter errors

docs/_static/img/photonforge_overview.png

@@ -166,25 +166,62 @@ This will produce the following plot, which visualizes the electromagnetic field
    :width: 1200
 
 
-You can now postprocess simulation data using the same python session, or view the results of this simulation on our web-based `graphical user interface <https://tidy3d.simulation.cloud>`_.
+You can now postprocess simulation data using the same python session, or view the results of this simulation on our web-based `graphical user interface (GUI) <https://tidy3d.simulation.cloud>`_.
 
 .. `TODO: open example in colab <https://github.com/flexcompute/tidy3d>`_
 
 
+Our Ecosystem
+=======================
+
+``tidy3d`` is part of an interoperable ecosystem of electromagnetic design tools. You can interface with the tools through the python APIs and the graphical user interfaces.
+
+.. grid:: 3
+   :gutter: 2
+
+   .. grid-item-card::
+      :img-top: _static/img/gui_overview.png
+      :link: https://www.flexcompute.com/tidy3d/learning-center/tidy3d-gui/
+      :text-align: center
+      :padding: 1
+ 
+      Online Learning Center
+      +++
+      **Tidy3D GUI**
+
+   .. grid-item-card::
+      :img-top: _static/img/photonforge_overview.png
+      :link: https://docs.flexcompute.com/projects/photonforge/en/latest/
+      :text-align: center
+      :padding: 1
+      
+      Photonic Integrated Circuits Design
+      +++
+      **Photonforge**
+
+   .. grid-item-card::
+      :img-top: _static/img/simcloud_overview.png
+      :link: https://tidy3d.simulation.cloud
+      :text-align: center
+      :padding: 1
+      
+      Access your GUI & account management.
+      +++
+      **SimCloud**
+
+
 Further Information
 ====================
 
-.. toctree::
-  :maxdepth: 2
 
-  install
-  lectures/index
-  notebooks/docs/index
-  faq/docs/index
-  api/index
-  development/index
-  changelog
-  About our Solver <https://www.flexcompute.com/tidy3d/solver/>
+Join Our Team
+-------------
+
+Do you enjoy using ``tidy3d`` or ``photonforge``? Do you want to help us create the best electromagnetic design tools? We are looking for talented developers to join our team.
+
+A good way to get an interview with us is to fix an open issue within our `open-source python client. <https://github.com/flexcompute/tidy3d/issues?q=is%3Aissue%20state%3Aopen%20label%3A%22good%20first%20issue%22>`_ Choose a task where you can feel you can demonstrate your skillset, and get us involved whilst you implement it for feedback and to see how it goes working together. If you don't know where to start, we recommend the issues labelled "good first issue".
+
+We look forward to your contributions!
 
 
 Github Repositories
@@ -202,8 +239,25 @@ Github Repositories
    * - FAQ Source Code
      - https://github.com/flexcompute/tidy3d-faq
 
-These repositories are the a very good way to interact with the relevant tool developers.
-We encourage you to ask questions or request features through the "Discussions" or "Issues" tabs of each repository accordingly.
+These repositories are a very good way to interact with the relevant tool developers. We encourage you to ask questions or request features through the "Discussions" or "Issues" tabs of each repository accordingly.
+
+
+Contents
+---------
+
+.. toctree::
+  :maxdepth: 2
+
+  install
+  lectures/index
+  notebooks/docs/index
+  faq/docs/index
+  api/index
+  GUI <https://www.flexcompute.com/tidy3d/learning-center/tidy3d-gui/>
+  Photonforge <https://docs.flexcompute.com/projects/photonforge/en/latest/>
+  development/index
+  changelog
+  About our Solver <https://www.flexcompute.com/tidy3d/solver/>
 
 
 

docs/_static/img/simcloud_overview.png

@@ -9,7 +9,7 @@ Getting Started
 
 Before using Tidy3D, you must first `sign up <https://tidy3d.simulation.cloud/signup>`_ for a user account.
 
-By signing up for a free account, you can obtain an API key `here <https://tidy3d.simulation.cloud/account?tab=apikey>`_. You can also `manage your simulation jobs <https://tidy3d.simulation.cloud/folders>`_ and access `graphic user interface <https://tidy3d.simulation.cloud/workbench?taskId=pa-94c49911-132d-48bc-8ec0-f0a4e55140a3>`_ if needed.
+By signing up for a free account, you can obtain an API key `here <https://tidy3d.simulation.cloud/account?tab=apikey>`_. You can also `manage your simulation jobs <https://tidy3d.simulation.cloud/folders>`_ and access `graphic user interface (GUI) <https://tidy3d.simulation.cloud/workbench?taskId=pa-94c49911-132d-48bc-8ec0-f0a4e55140a3>`_ if needed.
 
 Managing API Keys
 ------------------

docs/conf.py

@@ -109,6 +109,7 @@ pydata-sphinx-theme = { version = ">=0.13.3", optional = true }
 # divparams = {optional = true, git = "https://github.com/daquinteroflex/sphinxcontrib-divparams.git"} # TODO FIX
 tmm = { version = "*", optional = true }
 grcwa = { version = "*", optional = true }
+sphinx-design = { version = "*", optional = true }
 sphinx-favicon = { version = "*", optional = true }
 sphinx-sitemap = { version = ">=2.5.1", optional = true }
 sphinx-notfound-page = { version = "*", optional = true }
@@ -165,6 +166,7 @@ dev = [
   'signac',
   'sphinx',
   'sphinx-book-theme',
+  'sphinx-design',
   'sphinx-copybutton',
   'sphinx-favicon',
   'sphinx-notfound-page',
@@ -187,6 +189,7 @@ docs = [
   "nbsphinx",
   "ipython",
   "divparams",
+  'sphinx-design',
   "sphinx-copybutton",
   'sphinx-favicon',
   "sphinx-book-theme",