Merge pull request #25138 from habibrosyad/gh-25124

Switch New York Times case study to use youtube shortcode

content/en/case-studies/newyorktimes/index.html

@@ -26,10 +26,9 @@ case_study_details:
 
 <p>Speed of delivery increased. Some of the legacy VM-based deployments took 45 minutes; with Kubernetes, that time was "just a few seconds to a couple of minutes," says Engineering Manager Brian Balser. Adds Li: "Teams that used to deploy on weekly schedules or had to coordinate schedules with the infrastructure team now deploy their updates independently, and can do it daily when necessary." Adopting Cloud Native Computing Foundation technologies allows for a more unified approach to deployment across the engineering staff, and portability for the company.</p>
 
-{{< case-studies/quote author="Deep Kapadia, Executive Director, Engineering at The New York Times">}}
-<iframe style="padding:1%:" width="380" height="215" src="https://www.youtube.com/embed/DqS_IPw-c6o" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
-<iframe style="padding:1%:" width="380" height="215" src="https://www.youtube.com/embed/Tm4VfJtOHt8" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
-<br>
+{{< case-studies/quote author="Deep Kapadia, Executive Director, Engineering at The New York Times" >}}
+{{< youtube DqS_IPw-c6o youtube-quote-sm >}}
+{{< youtube Tm4VfJtOHt8 youtube-quote-sm >}}
 "I think once you get over the initial hump, things get a lot easier and actually a lot faster."
 {{< /case-studies/quote >}}
 

layouts/shortcodes/case-studies/quote.html

@@ -3,10 +3,10 @@
 {{ else }}
 <div class="quote banner">
 {{ end }}
-  <p class="quote-text">
-    {{ .Inner }}
+  <div class="quote-text">
+    {{ .Inner | markdownify }}
     {{ if .Get "author" }}
       <span class="quote-author">&mdash; {{ .Get "author" }}</span>
     {{ end }}
-  </p>
+  </div>
 </div>

static/css/new-case-studies.css

@@ -126,6 +126,13 @@ h4[id]:before {
   margin: 0 auto;
 }
 
+.content .quote-text p {
+  color: #fff;
+  font-size: 100%;
+  line-height: 1.4em;
+  margin-bottom: 0;
+}
+
 .quote-author {
   display: block;
   margin-top: 3em;
@@ -144,6 +151,18 @@ h4[id]:before {
   letter-spacing: 0.03em;
 }
 
+.youtube-quote-sm {
+  display: inline-block;
+  width: 380px;
+  height: 215px;
+}
+
+.youtube-quote-sm iframe {
+  width: 100%;
+  height: 100%;
+  border: 0;
+}
+
 @media screen and (max-width: 910px) {
   h1 {
     font-size: 32px;