Re write of the cylc tutorials (#383)

* delete all images of Cylc 7 gui from tutorials/img
* Removed warnings from tutorial intro.
* Added Cylc8 GUI images.
* use cylc get-resources api-key
Co-authored-by: Ronnie Dutta <[email protected]>
* response to review
* moved task job state icon shortcuts to hyperlinks.rst.include
* added postcard of Cylc UI tool screenshots
Co-authored-by: Oliver Sanders <[email protected]>
* refactored section on uusing the Cylc GUI and TUI
Co-authored-by: Ronnie Dutta <[email protected]>
Co-authored-by: Oliver Sanders <[email protected]>
* Response to review

Author: 3 people

src/hyperlinks.rst.include

@@ -37,3 +37,60 @@
 .. _UI: https://github.com/cylc/cylc-ui
 .. _Cylc UI Server: https://github.com/cylc/cylc-uiserver
 .. _UI Server: https://github.com/cylc/cylc-uiserver
+
+.. |task-waiting| image:: /img/task-job-icons/task-waiting.png
+   :scale: 100%
+   :align: middle
+
+.. |task-expired| image:: /img/task-job-icons/task-expired.png
+   :scale: 100%
+   :align: middle
+
+.. |task-preparing| image:: /img/task-job-icons/task-preparing.png
+   :scale: 100%
+   :align: middle
+
+.. |task-submitted| image:: /img/task-job-icons/task-submitted.png
+   :scale: 100%
+   :align: middle
+
+.. |task-submit-failed| image:: /img/task-job-icons/task-submit-failed.png
+   :scale: 100%
+   :align: middle
+
+.. |task-running| image:: /img/task-job-icons/task-running.png
+   :scale: 100%
+   :align: middle
+
+.. |task-succeeded| image:: /img/task-job-icons/task-succeeded.png
+   :scale: 100%
+   :align: middle
+
+.. |task-failed| image:: /img/task-job-icons/task-failed.png
+   :scale: 100%
+   :align: middle
+
+
+.. |job-blank| image:: /img/task-job-icons/job-blank.png
+   :scale: 100%
+   :align: middle
+
+.. |job-submitted| image:: /img/task-job-icons/job-submitted.png
+   :scale: 100%
+   :align: middle
+
+.. |job-submit-failed| image:: /img/task-job-icons/job-submit-failed.png
+   :scale: 100%
+   :align: middle
+
+.. |job-running| image:: /img/task-job-icons/job-running.png
+   :scale: 100%
+   :align: middle
+
+.. |job-succeeded| image:: /img/task-job-icons/job-succeeded.png
+   :scale: 100%
+   :align: middle
+
+.. |job-failed| image:: /img/task-job-icons/job-failed.png
+   :scale: 100%
+   :align: middle