added ctv page (prebid#5589)

* added ctv page

* linking to CTV

* removing comment test

* Add ctv icon as svg

* Use correct icon and remove size constraints

* Implement hover effect

---------

Co-authored-by: Muki Seiler <[email protected]>

Author: bretg

_data/sidebar.yml

@@ -1714,6 +1714,14 @@
   sectionTitle:
   subgroup: 0
 
+- sbSecId: 6
+  title: Connected TV
+  link: /formats/ctv.html
+  isHeader: 0
+  isSectionHeader: 0
+  sectionTitle:
+  subgroup: 0
+
 - sbSecId: 6
   title: Native
   link: /prebid/native-implementation.html

_includes/icon__format--ctv.svg

@@ -71,6 +71,12 @@ <h2>Formats</h2>
           <div class="card-media">{% include icon__format--video.svg %}</div>
         </div>
       </div>
+      <div class="card text-center">
+        <div class="card-body">
+          <a class="card-title stretched-link" href="/formats/ctv.html">Connected TV</a>
+          <div class="card-media card-media-ctv">{% include icon__format--ctv.svg %}</div>
+        </div>
+      </div>
       <div class="card text-center">
         <div class="card-body">
           <a class="card-title stretched-link" href="/formats/amp.html">AMP</a>

_layouts/home.html

@@ -88,6 +88,13 @@
           }
         }
       }
+
+      /** this is required for the CTV icon the path segment is not painted, but filled */
+      + .card-media-ctv {
+        path {
+          fill: $t-text-color--reverse;
+        }
+      }
     }
 
     + .card-media {