diff --git a/source/_themes/otc_tcs_sphinx_theme/static/tcs_theme.css b/source/_themes/otc_tcs_sphinx_theme/static/tcs_theme.css index 71205dc9..f6161a3d 100644 --- a/source/_themes/otc_tcs_sphinx_theme/static/tcs_theme.css +++ b/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; diff --git a/source/tutorials/index.rst b/source/tutorials/index.rst index 53e84cc0..90ab15b8 100644 --- a/source/tutorials/index.rst +++ b/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: