appscms-tools-theme 3.8.0 → 3.8.1

data/_layouts/home.html

@@ -168,33 +168,37 @@
             <div class="row">
               {%- endif -%}
               <div class="col-md-6 order-0">
-                {%- if featureData.HOW_TO_CONTENT.YoutubeVideoUrl -%}
+                {%- if homeData.HOW_TO_CONTENT.YoutubeVideoUrl.size > 0 -%}
                 <div class="how-to-video-wrapper">
-                  <iframe
-                    width="500"
-                    height="315"
-                    src="https://www.youtube.com/embed/{{featureData.HOW_TO_CONTENT.YoutubeVideoUrl}}?autoplay=1&mute=1"
-                  >
+                  {% assign video_url = homeData.HOW_TO_CONTENT.YoutubeVideoUrl %}
+                  {% assign video_id = "" %}
+                  {% if video_url contains "youtu.be/" %}
+                  {% assign parts = video_url | split: "/" %}
+                  {% assign video_id = parts[3] %}
+                  {% elsif video_url contains "youtube.com/watch" %}
+                  {% assign params = video_url | split: "?" | last | split: "&" %}
+                  {% for param in params %}
+                  {% if param contains "v=" %}
+                  {% assign video_id = param | split: "=" | last %}
+                  {% endif %}
+                  {% endfor %}
+                  {% endif %}
+                  {%- if site.monumetricId -%}
+                  <iframe class="youtubeVideoPlayer mb-5" width="400" height="315"
+                    src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1" allowfullscreen>
+                  </iframe>
+                  {%- else -%}
+                  <iframe class="youtubeVideoPlayer mb-5" width="500" height="315"
+                    src="https://www.youtube.com/embed/{{video_id}}?autoplay=1&mute=1" allowfullscreen>
                   </iframe>
+                  {%- endif -%}
                 </div>
                 {%- else -%}
                 <div class="how-to-img-wrapper">
-                  <img
-                    class="how-to-leftimg"
-                    height="180px"
-                    width="300px"
-                    src="{{homeData.HOW_TO_CONTENT.logoImageUrl}}"
-                    loading="lazy"
-                    alt="{{homeData.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}"
-                    {%-
-                    if
-                    site.crossorigin
-                    -%}
-                    crossorigin
-                    {%-
-                    endif
-                    -%}
-                  />
+                  <img class="how-to-leftimg" height="180px" width="300px"
+                    src="{{homeData.HOW_TO_CONTENT.logoImageUrl}}" loading="lazy"
+                    alt="{{homeData.HOW_TO_CONTENT.logoImageAlt | default: 'how to image' }}" {%- if site.crossorigin
+                    -%} crossorigin {%- endif -%} />
                 </div>
                 {%- endif -%}
               </div>
@@ -206,7 +210,7 @@
                   </h3>
                   <ol class="how-to-list">
                     {% for data in homeData.HOW_TO_CONTENT.steps %}
-
+  
                     <li id="step{{forloop.index}}" class="how-to-list-item">
                       <span>{{forloop.index}}.</span>{{data | replace:
                       "$variable", page.value}}
@@ -215,7 +219,7 @@
                   </ol>
                 </div>
               </div>
-              {%- if site.monumetricId and page.url != '/' and page.lang == "en"
+              {%- if site.monumetricId and page.url != '/' and page.lang == 'en'
               -%}
             </div>
           </div>
@@ -261,7 +265,12 @@
       </div>
     </section>
     {%- endif -%} {%- endif -%} {%- include share/socialshare.html -%} {%-
-    include Rating/rating.html -%} {%- if homeData.USPS -%} {%- include
+    include Rating/rating.html -%} 
+    {%- if homeData.infographics.size > 0 -%}
+    {%- include infographics/infographics.html -%} 
+    {%- endif -%}
+
+    {%- if homeData.USPS -%} {%- include
     /Usp/usp.html -%} {%- endif -%} {%- if homeData.display_formats -%}
     <div class="container file-detail-table">
       {%- include fileformat/fileformatdetail.html -%}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: appscms-tools-theme
 version: !ruby/object:Gem::Version
-  version: 3.8.0
+  version: 3.8.1
 platform: ruby
 authors:
 - vivek-appscms
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-08-05 00:00:00.000000000 Z
+date: 2023-08-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -508,7 +508,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.4.10
+rubygems_version: 3.3.7
 signing_key:
 specification_version: 4
 summary: Appscms theme for all tools