DeepL templates and tasks for the same.

Custom_Templates/customer_templates/DeepL/_cards_resources.html.liquid

@@ -1,10 +1,16 @@
 <div class="card" categories="{% for category in course.categories %}{{category.name}},{% endfor %}" progress="{% if course.progress > 0 and course.progress < 100 %}In progress{% elsif course.progress == 100 %}Completed{% else %}Not started{% endif %}">
 <div class="card-container">
-  <img
-    class="card-image"
-    alt="{{ course.name }}"
-    src="{{ course.image_url }}"
-  >
+  <div class="image-container" style="position: relative;">
+      <img class="card-image"
+      alt="{{ course.name }}"
+      src="{{ course.image_url }}">
+      {% if course.ribbon %}
+        <div class="sl-card-ribbon">
+          {{course.ribbon}}
+        </div>
+      {% endif %}
+    </div>
+
   <div class="card-content">
     <div class="card-details">
       <div class="card-detail course-lessons">
@@ -58,6 +64,34 @@
           {% endif %}
       {% endfor %}
       </a>
+      <a class="card-btn dark-btn lang-fr" 
+      {% if course.enrolled? %}
+        href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"
+      {% else %}
+        href="{{ course_path }}"
+      {% endif %}>
+        {% for category in course.categories %}
+          {% if category.name == 'PDF' %}
+           Lire
+          {% elsif category.name == 'Video'  %} 
+           Visionner
+          {% endif %}
+      {% endfor %}
+      </a>
+      <a class="card-btn dark-btn lang-jp" 
+      {% if course.enrolled? %}
+        href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"
+      {% else %}
+        href="{{ course_path }}"
+      {% endif %}>
+        {% for category in course.categories %}
+          {% if category.name == 'PDF' %}
+            今すぐ読む
+          {% elsif category.name == 'Video'  %} 
+            今すぐ視聴
+          {% endif %}
+      {% endfor %}
+      </a>
     </div>
   </div>
 </div>