Cool columns of tutorials sorted by experience level. (#1143)

* Cool columns of tutorials sorted by experience level.

Signed-off-by: Kevin Putnam <kevin.putnam@intel.com>

* Fixed wording of 1st paragraph

Signed-off-by: Kevin Putnam <kevin.putnam@intel.com>

* Moved kubernetes to High category.

Signed-off-by: Kevin Putnam <kevin.putnam@intel.com>

* Made change to address github action check.

Signed-off-by: Kevin Putnam <kevin.putnam@intel.com>

* Restored to :ref: from :doc:

Signed-off-by: Kevin Putnam <kevin.putnam@intel.com>

* Updates tutorial index with latest changes on master.

Signed-off-by: Kevin Putnam <kevin.putnam@intel.com>

source/_themes/otc_tcs_sphinx_theme/static/tcs_theme.css

@@ -494,6 +494,11 @@ div.linenodiv:before { /*add extra new line to make sure code and line numbers a
   background: white;
 }
 
+.column.narrow {
+  width: 300px;
+  height: 450px;
+}
+
 .column.featurecard {
   background: #CCE9F5;
   width: 300px;
@@ -511,6 +516,12 @@ div.linenodiv:before { /*add extra new line to make sure code and line numbers a
   clear: both;
 }
 
+.colh3 {
+  font-size: 125%;
+  font-weight: 700;
+  font-family: "Roboto Slab","ff-tisa-web-pro","Georgia",Arial,sans-serif;
+}
+
 .colh2 {
   font-size: 150%;
   font-weight: 700;

source/tutorials/index.rst

@@ -3,9 +3,58 @@
 Tutorials
 #########
 
-Explore our tutorials to discover what you can do with |CL|!
+Explore our tutorials to discover what you can do with |CL|! Now conveniently
+sorted by difficulty level!
+
+.. container:: multicolumns
+
+   .. container:: column narrow
+
+      .. rst-class:: colh3
+
+      Low
+
+      -  :ref:`docker`
+      -  :ref:`flatpak-tutorial`
+      -  :ref:`kata`
+      -  :ref:`lamp-server-install`
+      -  :ref:`proxy`
+      -  :ref:`redis`
+      -  :ref:`smb-desktop`
+      -  :ref:`smb-server`
+      -  :ref:`yubikey-u2f`
+
+   .. container:: column narrow
+
+      .. rst-class:: colh3
+
+      Moderate
+
+      -  :ref:`hadoop`
+      -  :ref:`spark`
+      -  :ref:`broadcom`
+      -  :ref:`fmv`
+      -  :ref:`hpc`
+      -  :ref:`kubernetes-bp`
+      -  :ref:`nvidia-cuda`
+      -  :ref:`openvino`
+      -  :ref:`php`
+      -  :ref:`vmware-workstation`
+      -  :ref:`wp-install`
+
+   .. container:: column narrow
+
+      .. rst-class:: colh3
+
+      High
+
+      -  :ref:`kubernetes`
+      -  :ref:`nvidia`
+      -  :ref:`openfaas`
+      -  :ref:`machine-learning`
 
 .. toctree::
+   :hidden:
    :maxdepth: 1
    :glob: