1. Created support for max-3 column view and smallcards.

2. Updated Clear Linux guides with 3 column view, smallcards, and 3 feature cards.
3. Updated Guides with 3 column view and smallcards.

3 column view allows for graceful resizing of the grid and simplified source reducing the number of multicolumn containers.

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

source/_themes/otc_tcs_sphinx_theme/static/tcs_theme.css

@@ -500,6 +500,10 @@ div.linenodiv:before { /*add extra new line to make sure code and line numbers a
   height: 320px;
 }
 
+.column.smallcard {
+  height: 150px;
+}
+
 .endlink {
   position: absolute;
   bottom: 10px;
@@ -511,6 +515,10 @@ div.linenodiv:before { /*add extra new line to make sure code and line numbers a
   overflow: auto;
 }
 
+.multicolumns.three {
+  max-width: 1200px;
+}
+
 /* Clear floats after the columns */
 .multicolumns:after {
   content: "";

source/guides/clear/index.rst

@@ -7,7 +7,73 @@
 
    As of 22 May 2019 :file:`mixin` is no longer supported.
 
+.. container:: multicolumns three
+
+   .. container:: column smallcard featurecard
+
+      :ref:`swupd-guide`
+         Learn how to manage software and system updates in |CL|.
+
+   .. container:: column smallcard featurecard
+
+      :ref:`debug`
+         Discover how to use :command:`clr-debug-info` to leverage your
+         network to debug system software.
+
+   .. container:: column smallcard featurecard
+
+      :ref:`telem-guide`
+         Learn how you can opt-in to allow |CL| to collect data to identify
+         and fix bugs.
+
+   .. container:: column smallcard
+      
+      :ref:`autoproxy`
+          Discover how |CL| makes working behind a corporate proxy smoother.
+
+   .. container:: column smallcard
+
+      :ref:`autospec`
+         Learn about :command:`autospec` and how it used to automatically
+         include and maintain open source software in |CL|.
+
+   .. container:: column smallcard
+
+      :ref:`bundles-guide`
+         Find out what a bundle is and why it is an important part of
+         what makes |CL| secure and high performance. 
+
+   .. container:: column smallcard
+
+      :ref:`compatible-kernels`
+         Learn about all of the kernels available as installable bundles.
+
+   .. container:: column smallcard
+
+      :ref:`ister`  
+         Find out how |CL| uses this template-based installer to produce
+         images for each release.
+
+   .. container:: column smallcard
+
+      :ref:`mixer`
+         Learn how the |CL| team generates official update content and
+         releases.
+
+   .. container:: column smallcard
+
+      :ref:`security`
+         Learn how |CL| is designed to ensure the security of updates and
+         software.
+
+   .. container:: column smallcard
+
+      :ref:`stateless`
+         |CL| is stateless is designed to need little to no user
+         configuration.
+
 .. toctree::
    :glob:
+   :hidden:
 
    *

source/guides/index.rst

@@ -7,100 +7,66 @@ Guides
 
 Featured Guides
 
-.. container:: multicolumns
+.. container:: multicolumns three
 
-   .. container:: column squarecard
-      
-      .. rst-class:: colh2
-
-      |CL-ATTR|
+   .. container:: column smallcard
       
       :ref:`stateless`
          |CL| is stateless is designed to need little to no user
          configuration. 
 
+   .. container:: column smallcard
+
       :ref:`mixer`
           Learn how the |CL| team generates official update content and
           releases.
 
-      .. container:: endlink
-
-         :ref:`... more <cl-guides>`
-
-   .. container:: column squarecard
-
-      .. rst-class:: colh2
-
-      Stacks
+   .. container:: column smallcard
 
       :ref:`dars`
          Learn how to use the :abbr:`DARS (Data Analytics Reference Stack)`,
          and build your own DARS container image.
 
+   .. container:: column smallcard
+
       :ref:`dbrs`
          Learn about the hardware and installation requirements of
          :abbr:`DBRS (Database Reference Stack)`, and how to use |CL|
          to host it.
 
-      .. container:: endlink
-
-         :ref:`... more <stacks-guides>`
-
-.. container:: multicolumns
-
-   .. container:: column squarecard
-
-      .. rst-class:: colh2
-
-      Maintenance
+   .. container:: column smallcard
 
       :ref:`cpu-performance`
          Learn how to modify CPU power and performance settings for your
          usecase. 
 
+   .. container:: column smallcard
+
       :ref:`developer-workstation`
-         Set up your workstation with the minimum set of bundles needed to
+         Set your workstation up with all bundles needed to
          start your |CL| development project.
 
-      .. container:: endlink
-
-         :ref:`... more <maintain-guides>`
-
-   .. container:: column squarecard
-
-      .. rst-class:: colh2
-
-      Network
+   .. container:: column smallcard
 
       :ref:`vnc`
          Learn how to use VNC to connect to a remote |CL| host.
 
+   .. container:: column smallcard
+
       :ref:`openssh-server`
          Learn how to set up the SSH service.
 
-      .. container:: endlink
-
-         :ref:`... more <network-guides>`
-
-.. container:: multicolumns
-
-   .. container:: column squarecard
-
-      .. rst-class:: colh2
-
-      Kernel
+   .. container:: column smallcard
 
       :ref:`kernel-modules`
          Learn how to correctly and reliably add kernel modules manually.
 
-      :ref:`kernel-development`
+   .. container:: column smallcard
+
+     :ref:`kernel-development`
          Learn how to compile a Linux\* kernel from source using |CL|
          development tooling.
 
-      .. container:: endlink
-
-         :ref:`... more <kernel-guides>`
-
 .. toctree::
    :hidden: