DeepL templates and tasks for the same.

Custom_Templates/customer_templates/DeepL/_banner.html.liquid

@@ -2,18 +2,18 @@
     <div class="banner-content">
         <div class="banner-text-wrapper">
             <div class="banner-heading">
-                Become part of the DeepL community
+                Introducing DeepL AI Labs
             </div>
             <div class="desc">
-                Join our vibrant community today and connect with like-minded individuals from around the world! Share your ideas, passions, and experiences while learning from others.
+              See what the DeepL R&D teams are building next!
             </div>
         </div>
         <div class="banner-btn-container">
-            <a href="#" class="dark-btn">Join us now</a>
+            <a href="https://www.deepl.com/ai-labs" target="_blank" class="dark-btn">Learn more</a>
         </div>
     </div>
     <div class="banner-image-wrapper">
-        <img src="https://s3.amazonaws.com/static.northpass.com/DeepL/images/Group+427321804.png" alt="" class="banner-img">
+        <img src="https://8349564.fs1.hubspotusercontent-na1.net/hubfs/8349564/labs-cubes-v07.3.1-Green%20(00052).png" alt="" class="banner-img">
     </div>
 </div>
 
@@ -21,7 +21,7 @@
     .banner-container {
         display: flex;
         gap: 20px;
-        background: #F8F8F8;
+        background: #1FCF9A;
         padding: 32px;
         border-radius: 8px;
 
@@ -35,7 +35,7 @@
         justify-content: space-between;
     }
     .banner-heading {   
-        font-size: 80px;
+        font-size: 56px;
         font-weight: 300;
         line-height: 80px;
         letter-spacing: -0.015em;
@@ -59,6 +59,6 @@
     }
     .banner-btn-container {
         display: flex;
-        margin-top: 15%;
+        margin-top: 10%;
     }
 </style>

Custom_Templates/customer_templates/DeepL/_cards_course.html.liquid

@@ -1,23 +1,45 @@
 <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
+    {% comment %} <img
       class="card-image"
       alt="{{ course.name }}"
       src="{{ course.image_url }}"
-    >
+    > {% endcomment %}
+    <div class="image-container" style="position: relative;">
+      <img class="card-image"
+      alt="{{ course.name }}"
+      src="{{ course.image_url }}">
+      {% if course.ribbon %}
+        <div class="np-card-ribbon">
+          {{course.ribbon}}
+        </div>
+      {% endif %}
+    </div>
     <div class="card-content">
       <div class="card-details">
         <div class="card-detail course-lessons lang-en">
-					{{course.activities_count}} lessons | {{course.properties.course_time}} minutes
+          {{course.activities_count}} lessons
         </div>
         <div class="card-detail course-lessons lang-de">
           {{course.activities_count}} Lektionen
         </div>
+        <div class="card-detail course-lessons lang-jp">
+          {{course.activities_count}} レッスン
+        </div>
+        <div class="card-detail course-lessons lang-fr">
+          {{course.activities_count}} leçons
+        </div>
+        <div class="card-detail course-time lang-en">
+          {{course.properties.course_time}} minutes
+        </div>
+        <div class="card-detail course-time lang-de">
+          {{course.properties.course_time}} minuten
+        </div>
         <div class="card-detail course-time lang-fr">
-          {{course.properties.course_time}} leçons
+          {{course.properties.course_time}} minutes
         </div>
         <div class="card-detail course-time lang-jp">
-          {{course.properties.course_time}} レッスン
+          {{course.properties.course_time}} 分
         </div>
       </div>
       <div class="card-content-title">

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
+  <div class="image-container" style="position: relative;">
-    class="card-image"
+      <img class="card-image"
-    alt="{{ course.name }}"
+      alt="{{ course.name }}"
-    src="{{ course.image_url }}"
+      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>

Custom_Templates/customer_templates/DeepL/_course_progress_and_cta.html.liquid

@@ -43,15 +43,20 @@
     {% endif %}
     >
       {% if course.enrolled? == false %}
-        {% t shared.enroll %}
+        <span class="lang-en"> Get started </span>
-        <span class="lang-en"> Start Course </span>
         <span class="lang-fr"> Commencer </span>
-				<span class="lang-de"> Kurs starten </span>
+		<span class="lang-de"> Loslegen </span>
+		<span class="lang-jp"> 今すぐ開始 </span>
       {% elsif course.started? == false %}
         <span class="lang-en"> Start Course </span>
         <span class="lang-fr"> Commencer </span>
-				<span class="lang-de"> Kurs starten </span>
+		<span class="lang-de"> Kurs starten </span>
+		<span class="lang-jp"> 今すぐ開始 </span>
       {% elsif course.completed? %}
+     	<span class="lang-en"> Start </span>
+        <span class="lang-fr"> Commencer </span>
+		<span class="lang-de"> Starten </span>
+		<span class="lang-jp"> 今すぐ開始 </span>
         {% t shared.course.view, key: current_school.course_vocabulary %}
       {% else %}
         {% t shared.continue %}

Custom_Templates/customer_templates/DeepL/_header.html.liquid

@@ -1,4 +1,4 @@
-{% assign userLanguage = current_person.properties.learner_language |  upcase %}
+{% assign userLanguage = current_person.properties.learner_language |  upcase%}
 
 <div id="loader-overlay">
   <div class="loader"></div>
@@ -126,6 +126,28 @@
  	      
             </button>
       
+      <button
+              type="button"
+              class="navigation-item languge-dropdown-button lang-fr"
+              data-toggle-class="is-open"
+              data-toggle-target-next
+              data-toggle-outside
+              data-toggle-escape>
+              <span style="display:inline-block">Langue</span>
+ 	      
+            </button>
+            
+            <button
+              type="button"
+              class="navigation-item languge-dropdown-button lang-jp"
+              data-toggle-class="is-open"
+              data-toggle-target-next
+              data-toggle-outside
+              data-toggle-escape>
+              <span style="display:inline-block">言語</span>
+ 	      
+            </button>
+            
             <ul class="languge-dropdown-list">
               <li>
                 <button
@@ -148,6 +170,28 @@
                   <span style="display:inline-block">Deutsch</span>
                 </button>
               </li>
+              <li>
+                <button
+                  type="button"
+                  id="fr-lang"
+                  data-lang="fr"
+                  class="lang-option active"
+                  data-toggle-trigger-off
+                  >
+                  <span style="display:inline-block">Français</span>
+                </button>
+              </li>
+              <li>
+                <button
+                  type="button"
+                  id="jp-lang"
+                  data-lang="jp"
+                  class="lang-option active"
+                  data-toggle-trigger-off
+                  >
+                  <span style="display:inline-block">日本語</span>
+                </button>
+              </li>
             </ul>
           </div>
         {% endif %}

Custom_Templates/customer_templates/DeepL/_resources-filters.html.liquid

@@ -12,10 +12,10 @@
         <div class="filter lang-de" value="Glossaries" >Glossare</div>
         <div class="filter lang-fr" value="Glossaries" >Glossaires</div>
         <div class="filter lang-jp" value="Glossaries" >用語集</div>
-        <div class="filter lang-en" value="Document translation" >Document translation</div>
+        <div class="filter lang-en" value="File translation" >File translation</div>
-        <div class="filter lang-de" value="Document translation" >Dokumentübersetzung</div>
+        <div class="filter lang-de" value="File translation" >Dateiübersetzung</div>
-        <div class="filter lang-fr" value="Document translation" >Traduction de documents</div>
+        <div class="filter lang-fr" value="File translation" >Traduction de fichiers</div>
-        <div class="filter lang-jp" value="Document translation" >文書ファイルの翻訳</div>
+        <div class="filter lang-jp" value="File translation" >ファイル翻訳</div>
         <div class="filter" value="Apps" >Apps</div>
         <div class="filter lang-en" value="Extensions and integrations" >Extensions and integrations</div>
         <div class="filter lang-de" value="Extensions and integrations" >Erweiterungen und Integrationen</div>
@@ -24,6 +24,7 @@
         <div class="filter" value="Write" >Write</div>
         <div class="filter" value="Voice">Voice</div>
         <div class="filter" value="API" >API</div>
+        <div class="filter" value="Spotlights" >Spotlights</div>
     </div>
 </div>
 

Custom_Templates/customer_templates/DeepL/homepage.html.liquid

@@ -109,9 +109,9 @@
         {% include "webinars" %}
       </section>
     {% endif %}
-    {% comment %} <section>
+     <section>
       {% include "banner" %}
-    </section> {% endcomment %}
+    </section> 
   </div>
 </main>
 {% include "footer" %}

Custom_Templates/customer_templates/DeepL/styles.css.liquid

@@ -181,6 +181,7 @@ section {
   font-size: 14px;
   font-weight: 400;
   margin-bottom: 20px;
+  align-items: center;
 }
 .course-lessons {
   padding-right: 5px;
@@ -189,6 +190,20 @@ section {
 .course-time {
   padding-left: 5px;
 }
+
+.sl-card-ribbon {
+    background: #FFE769;
+    color: #0F2B46;
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 14px;
+    padding: 7px 12px;
+    position: absolute;
+    right: 8px;
+    border-radius: 4px;
+    top: 8px;
+}
+
 .slick-track {
     display: flex !important;
 }

Scripts/API_Tests/get_category_ids.py

@@ -3,11 +3,11 @@ import os
 import Apikeys
 import requests
 
-apikey = Apikeys.SUPPLIERPROD
+apikey = Apikeys.DEEPL
 cmd = "touch ~/Downloads/Supplier_Categories.csv"
 
 os.system(cmd)
-url = "https://api2.northpass.com/v2/categories?limit=100"
+url = "https://api.northpass.com/v2/categories?limit=100"
 headers = {
     "accept": "application/json",
     "X-Api-Key" : apikey,
@@ -28,3 +28,8 @@ with open('/Users/normrasmussen/Downloads/Supplier_Categories.csv', 'r') as read
     for row in reader:
         print(row)
 
+
+"""
+For use in URLS, the filter syntax is ?filter[category_uuid][in][]=6bfcb970-d82f-4ed9-ad7b-d17f1b82a6a9
+Category Names don't work
+"""

Tasks.md

@@ -39,8 +39,8 @@
 ## Chubb
 
 ### Tasks
-- [ ] Ask in SJ Migrations channel how we deal with old CE Links. Can we do a catch all error page?
+- [X] Ask in SJ Migrations channel how we deal with old CE Links. Can we do a catch all error page?
-- [ ] Explore Google Form for CISA upload and management
+- [X] Explore Google Form for CISA upload and management
 
 ### Completed
 - [X] Book EMC time for Alisha, Jared, me, Kim, and Jenelle
@@ -60,6 +60,9 @@
 
 
 ## DeepL
+- [-] Provide clients ability to easily access Spotlights feature.
+  - [ ] Sort order of the resources (only) based on 1. date published or 2. Ribbon == new.
+  - [X] Investigate what the url category filtering is and see if it works with DeepL's custom templates.
 
 ### Completed
 - [X] Ask if product will add an export button to the new access tab or have a dashboard around enrollment source. - 04-22-2025