updates to showcase

Author: lmccart

src/assets/css/main.css

@@ -1076,15 +1076,15 @@ img.gallery-img {
 }
 
 #showcase-page .showcase-intro h1 {
-  font: italic 900 6.35vw "Montserrat", sans-serif;
+  font: italic 900 14.5vw "Montserrat", sans-serif;
   color: #ED225D;
   text-align: left;
   text-transform: uppercase;
 }
 
 #showcase-page .showcase-intro p {
-  font: 400 1.5rem "Montserrat", sans-serif;
-  line-height: 2;
+  font: 400 1.4rem "Montserrat", sans-serif;
+  line-height: 1.5em;
 }
 
 #showcase-page .showcase-featured h2,
@@ -1210,6 +1210,14 @@ img.gallery-img {
    *   - indent answer paragraphs in q & a
    */
 
+  #showcase-page .showcase-intro h1 {
+    font: italic 900 6.35vw "Montserrat", sans-serif;
+  }
+
+  #showcase-page .showcase-intro p {
+    line-height: 1.75em;
+  }
+
   #showcase-page .project-metadata {
     display: flex;
   }
@@ -1225,6 +1233,10 @@ img.gallery-img {
     clear: both;
   }
 
+  #showcase-page .half-image {
+    width: 48%;
+  }
+
 }
 
 #showcase-page .project-metadata {
@@ -2134,6 +2146,21 @@ footer {
 
 iframe {
   border: none;
+  width: 100%;
+}
+
+.iframe-container {
+  overflow: hidden;
+  position: relative;
+}
+ 
+.iframe-container iframe {
+   border: 0;
+   height: 100%;
+   left: 0;
+   position: absolute;
+   top: 0;
+   width: 100%;
 }
 
 .cnv_div {

src/templates/pages/showcase/featuring/daein-chung.hbs

@@ -12,11 +12,9 @@ slug: showcase/featuring/
 
     <section class="project-info">
       <h2 class='sr-only' id="info">Project Info</h2>
-      <figure>
-        <img src="{{assets}}/img/showcase/daein-chung/daein-chung_chillin.png" 
+      <img src="{{assets}}/img/showcase/daein-chung/daein-chung_chillin.png" 
         alt="A screenshot of a poster with red and yellow circles of letters from the word chillin against a blue tile background that changes perspective on a mobile device. 
         At the top, there is a text input box to enter a message and download your own poster.">
-      </figure>
     </section>
 
     <section class="project-metadata">

src/templates/pages/showcase/featuring/moon-xin.hbs

@@ -12,9 +12,7 @@ slug: showcase/featuring/
 
     <section class="project-info">
       <h2 class='sr-only'>Project Info</h2>
-      <figure>
-        <img src="{{assets}}/img/showcase/moon-xin/moon-xin_poster-carlee.png" alt="A screenshot of student Carlee Wooddell's poster that interprets the word zigzag using letters that bounce left and right.">
-      </figure>
+      <img src="{{assets}}/img/showcase/moon-xin/moon-xin_poster-carlee.png" alt="A screenshot of student Carlee Wooddell's poster that interprets the word zigzag using letters that bounce left and right.">
     </section>
 
     <section class="project-metadata">

src/templates/pages/showcase/featuring/phuong-ngo.hbs

@@ -12,9 +12,9 @@ slug: showcase/featuring/
 
     <section class="project-info">
       <h2 class='sr-only'>Project Info</h2>
-      <iframe title="A video of Phuong Ngo demoing Airi Flies, a game to help Airi fly by saying pew." 
-      width="560" height="315" 
-      src="https://embed-bud.glitch.me/iframe/G8OvtVaWb10" allow="fullscreen"></iframe>
+      <div class='iframe-container' style='padding-top: 56.25%'>
+        <iframe title="A video of Phuong Ngo demoing Airi Flies, a game to help Airi fly by saying pew."  src="https://embed-bud.glitch.me/iframe/G8OvtVaWb10" allow="fullscreen"></iframe>
+      </div>
     </section>
 
     <section class="project-metadata">

src/templates/pages/showcase/featuring/qianqian-ye.hbs

@@ -12,9 +12,9 @@ slug: showcase/featuring/
 
     <section class="project-info">
       <h2 class='sr-only'>Project Info</h2>
-      <iframe title="A guest talk video (Guest Talk #1) on Qtv by Qianqian Ye, featuring Kaikai and Cheng Xu." 
-      width="560" height="315" 
-      src="https://embed-bud.glitch.me/iframe/R-nB_KPIWhI" allow="fullscreen"></iframe>
+      <div class='iframe-container' style='padding-top: 56.25%'>
+        <iframe title="A guest talk video (Guest Talk #1) on Qtv by Qianqian Ye, featuring Kaikai and Cheng Xu." src="https://embed-bud.glitch.me/iframe/R-nB_KPIWhI" allow="fullscreen"></iframe>
+      </div>
     </section>
 
     <section class="project-metadata">

src/templates/pages/showcase/featuring/roni-cantor.hbs

@@ -12,12 +12,10 @@ slug: showcase/featuring/
 
     <section class="project-info">
       <h2 class='sr-only'>Project Info</h2>
-      <figure>
-        <img src="{{assets}}/img/showcase/roni-cantor/roni-cantor_plotter-turquoise.jpg" 
-        alt="A drawing of a sine wave lerp plotted on black paper with an AxiDraw V3 and a turquoise gel pen.">
-        <img src="{{assets}}/img/showcase/roni-cantor/roni-cantor_plotter-white.jpg" 
-        alt="A drawing of a sine wave lerp plotted on black paper with an AxiDraw V3 and a white gel pen.">
-      </figure>
+      <img class='half-image' src="{{assets}}/img/showcase/roni-cantor/roni-cantor_plotter-turquoise.jpg" 
+      alt="A drawing of a sine wave lerp plotted on black paper with an AxiDraw V3 and a turquoise gel pen.">
+      <img class='half-image' src="{{assets}}/img/showcase/roni-cantor/roni-cantor_plotter-white.jpg" 
+      alt="A drawing of a sine wave lerp plotted on black paper with an AxiDraw V3 and a white gel pen.">
     </section>
 
     <section class="project-metadata">