add nicer front page

docs/sections/writing_workflows_with_workgraph/index.rst

@@ -1,6 +1,92 @@
 Writing workflows with WorkGraph
 ================================
 
+.. rst-class:: header-text
+
+    Recently a new way to create workflows has been developed, the *workgraph*.
+    The workgraph should simplify the creation of the and provide a more user
+    friendly GUI that provides information about your workflow before
+    execution. In this section you will learn how to write different examples
+    with the workgraph.
+
+.. panels::
+    :header: panel-header-text
+    :body: bg-light
+    :footer: bg-light border-0
+
+    ------
+    :column: col-lg-12
+
+    .. link-button:: zero_to_hero
+        :type: ref
+        :text: Zero to hero 
+        :classes: btn-light text-left stretched-link font-weight-bold
+    ^^^^^^^^^^^^
+
+    A short module on how to write the basic type of workflows in AiiDA: work functions.
+    The module also revises the usage of calculation functions to add simple Python functions to the provenance.
+
+    +++++++++++++
+    .. list-table::
+        :widths: 50 50
+        :class: footer-table
+        :header-rows: 0
+
+        * - |time| 30 min
+          - |aiida| :aiida-green:`Basic`
+
+.. panels::
+    :header: panel-header-text
+    :body: bg-light
+    :footer: bg-light border-0
+
+    ------
+    :column: col-lg-12
+
+    .. link-button:: qe
+        :type: ref
+        :text: Computational materials science
+        :classes: btn-light text-left stretched-link font-weight-bold
+    ^^^^^^^^^^^^
+
+    A step-by-step introduction to the basics of writing work chains in AiiDA.
+    After completing this module, you will be ready to start writing your own scientific workflows!
+
+    +++++++++++++
+    .. list-table::
+        :widths: 50 50
+        :class: footer-table
+        :header-rows: 0
+
+        * - |time| 60 min
+          - |aiida| :aiida-green:`Intermediate`
+
+
+.. panels::
+    :header: panel-header-text
+    :body: bg-light
+    :footer: bg-light border-0
+
+    ------
+    :column: col-lg-12
+
+    .. link-button:: eos
+        :type: ref
+        :text: A Real-world example - Equation of state
+        :classes: btn-light text-left stretched-link font-weight-bold
+    ^^^^^^^^^^^^
+
+    A step-by-step introduction to the basics of writing work chains in AiiDA.
+    After completing this module, you will be ready to start writing your own scientific workflows!
+
+    +++++++++++++
+    .. list-table::
+        :widths: 50 50
+        :class: footer-table
+        :header-rows: 0
+
+        * - |time| 60 min
+          - |aiida| :aiida-green:`Intermediate`
 
 .. toctree::
     :hidden: