fix: sketch cards

community/lms/widgets/SketchCard.html

@@ -0,0 +1,34 @@
+<div class="common-card-style sketch-teaser">
+  <div class="sketch-image">
+    <a href="/sketches/{{sketch.sketch_id}}">
+      <img src="/s/{{sketch.sketch_id}}.svg" />
+    </a>
+  </div>
+  <div class="sketch-footer">
+    <div class="sketch-title">
+      {{sketch.title}}
+    </div>
+    <div class="card-divider"></div>
+    {% set owner = sketch.get_owner() %}
+    <div>
+      <span class="">
+        {{ widgets.Avatar(member=owner, avatar_class="avatar-small") }}
+        <a class="button-links" href="/{{owner.username}}">
+          <span class="course-instructor">
+            {{ owner.full_name }}
+          </span>
+        </a>
+      </span>
+      <!-- below html would require changes based on if the user has liked the sketch or not -->
+      {% if show_likes %}
+      <span class="course-student-count">
+        <span>
+          <img class="icon-background" src="/assets/community/icons/like.svg" />
+          {{ likes }}
+        </span>
+      </span>
+      {% endif %}
+    </div>
+  </div>
+  <a class="stretched-link" href="sketches/{{sketch.sketch_id}}"></a>
+</div>

community/public/icons/like.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.0746 3.60967C12.7814 3.31071 12.4333 3.07355 12.0501 2.91174C11.6669 2.74994 11.2562 2.66666 10.8415 2.66666C10.4267 2.66666 10.016 2.74994 9.63283 2.91174C9.24966 3.07355 8.90152 3.31071 8.60831 3.60967L7.99979 4.22983L7.39126 3.60967C6.79899 3.00607 5.9957 2.66697 5.1581 2.66697C4.32051 2.66697 3.51721 3.00607 2.92494 3.60967C2.33267 4.21327 1.99994 5.03192 1.99994 5.88554C1.99994 6.73916 2.33267 7.55782 2.92494 8.16142L3.53347 8.78158L7.99979 13.3333L12.4661 8.78158L13.0746 8.16142C13.368 7.86259 13.6007 7.5078 13.7595 7.11729C13.9182 6.72679 13.9999 6.30824 13.9999 5.88554C13.9999 5.46284 13.9182 5.04429 13.7595 4.65379C13.6007 4.26329 13.368 3.90849 13.0746 3.60967V3.60967Z" stroke="#4C5A67" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>