Preserve prezi placeholder ratio

useiteurope · May 19, 2024 · d49e03b · d49e03b
1 parent 89707d4
commit d49e03b
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 12 deletions.
diff --git a/question/do_map.html b/question/do_map.html
@@ -15,15 +15,15 @@ <h2>STEP 2 : Check our map of initiatives to see what our community tried in you
     <section class="question__domap__items">
         <lazy-iframe src="https://prezi.com/p/embed/ccgc-jb5-hsx/" title="Timeline funding and mapping a Use-It map"
             style="display: block; width: 100%; aspect-ratio: 9 / 6; border-radius: 6pt; overflow: hidden;">
-            {% picture /assets/toolkit/prezi_placeholder.jpg --alt {{ site.data.home.part3.image.description }} --parent
-            slot="placeholder" %}
+            {% picture /assets/toolkit/prezi_placeholder.jpg --alt {{ site.data.home.part3.image.description }}
+            --img style="object-fit: cover"
+            --parent slot="placeholder" %}
         </lazy-iframe>
         <lazy-iframe style="display: block; overflow: hidden; width: 100%; height: 600px;" title="Map of initiatives"
             allow="geolocation ; camera;" frameborder="0" src="https://www.mapotic.com/fund-it-project/embed">
             {% picture /assets/toolkit/mapotic_placeholder.jpg --alt {{ site.data.home.part3.image.description }}
             --img style="object-fit: cover"
-            --parent
-            slot="placeholder" %}
+            --parent slot="placeholder" %}
         </lazy-iframe>
     </section>
 

diff --git a/question/other_project.html b/question/other_project.html
@@ -17,8 +17,9 @@ <h1>Our <strong>suggestions</strong></h1>
         <h2>New sponsors</h2>
         <lazy-iframe src="https://prezi.com/p/embed/ccgc-jb5-hsx/" title="Timeline funding and mapping a Use-It map"
             style="display: block; width: 100%; aspect-ratio: 9 / 6; border-radius: 6pt; overflow: hidden;">
-            {% picture /assets/toolkit/prezi_placeholder.jpg --alt {{ site.data.home.part3.image.description }} --parent
-            slot="placeholder" %}
+            {% picture /assets/toolkit/prezi_placeholder.jpg --alt {{ site.data.home.part3.image.description }}
+            --img style="object-fit: cover"
+            --parent slot="placeholder" %}
         </lazy-iframe>
 
         {%- for video_url in site.data.question.other_project.sponsors.videos -%}
@@ -34,8 +35,7 @@ <h2>NEXT STEPS OF YOUR PROJECT </h2>
             allow="geolocation ; camera;" frameborder="0" src="https://www.mapotic.com/fund-it-project/embed">
             {% picture /assets/toolkit/mapotic_placeholder.jpg --alt {{ site.data.home.part3.image.description }}
             --img style="object-fit: cover"
-            --parent
-            slot="placeholder" %}
+            --parent slot="placeholder" %}
         </lazy-iframe>
 
         {%- for resource in site.data.question.other_project.next_steps.resources -%}

diff --git a/research/index.html b/research/index.html
@@ -11,8 +11,7 @@ <h1>{{site.data.research.title}}</h1>
                 frameborder="0" src="https://www.mapotic.com/fund-it-project/embed">
                 {% picture /assets/toolkit/mapotic_placeholder.jpg --alt {{ site.data.home.part3.image.description }}
                 --img style="object-fit: cover"
-                --parent
-                slot="placeholder" %}
+                --parent slot="placeholder" %}
             </lazy-iframe>
         </div>
         <p>{{site.data.research.database.caption}}</p>

diff --git a/toolkit/index.html b/toolkit/index.html
@@ -29,8 +29,9 @@ <h3>{{ resource.title }}</h3>
     <section>
         <lazy-iframe src="https://prezi.com/p/embed/ccgc-jb5-hsx/" title="Timeline funding and mapping a Use-It map"
             style="display: block; width: 100%; aspect-ratio: 9 / 6; border-radius: 6pt; overflow: hidden;">
-            {% picture /assets/toolkit/prezi_placeholder.jpg --alt {{ site.data.home.part3.image.description }} --parent
-            slot="placeholder" %}
+            {% picture /assets/toolkit/prezi_placeholder.jpg --alt {{ site.data.home.part3.image.description }}
+            --img style="object-fit: cover"
+            --parent slot="placeholder" %}
         </lazy-iframe>
     </section>
     <section class="toolkit__ourvideos page__bottom-content">