Zenjob Notes, and new Templates

Custom_Templates/customer_templates/Crayon/_cards_course.html.liquid

@@ -0,0 +1,57 @@
+<div class="np-card">
+  <div class="np-card-container">
+    {% if course.ribbon %}
+      <div class="np-card-ribbon">
+        {{ course.ribbon }}
+      </div>
+    {% endif %}
+    <img
+      class="np-card-image"
+      alt="{{ course.name }}"
+      src="{{ course.image_url }}"
+    >
+    <div class="np-card-content np-card-content-vertical np-card-padding">
+      <h3 class="np-card-content-title">
+        {{ course.name }}
+      </h3>
+      <div class="np-card-content-subtitle">
+        {{ course.instructor_names }}
+      </div>
+      <div class="np-card-content-footer">
+        {% if course.progress == 100 %}
+          {% comment %}<img class="np-dashboard-medal-icon" src="{{course.properties.course_badge}}" alt="{{course.name}}-medal-icon"/>{% endcomment %}
+          <span class="np-dashboard-medal-icon">&#128077</span>
+        {% endif %}
+
+        <div class="np-card-content-progress np-button-color">
+          {% t shared.progress, count: course.progress %}
+        </div>
+        {% capture course_path %}{% route course, id: course.id %}{% endcapture %}
+        {% if course.has_to_restart? %}
+          {% include "course_version_outdated_popup", path: course_path %}
+        {% endif %}
+
+        {% if course.name == 'Accelerator Certification Course' %}
+          <a class="np-button np-button-wide np-course-card-button"
+            {% if course.enrolled? %}
+              href="#" style="pointer-events: none; color: #486776; background: #F2F4F5"
+            {% else %}
+              href="{% route course_enrollment, code: course.enrollment_code %}"
+            {% endif %}
+          >
+            {% if course.enrolled? == false %}
+              Pre-Register
+            {% else %}
+              Coming Soon
+            {% endif %}
+          </a>
+        {% else %}
+          <a class="np-button np-button-wide np-course-card-button" href="{{ course_path }}">
+            {% t shared.view %}
+          </a>
+        {% endif %}
+
+      </div>
+    </div>
+  </div>
+</div>