<i class="far fa-lock-alt np-course-outline-content-activity-icon-locked"></i>
{% assign activity_title = activity.title | split: ' ~ ' %}
{% if activity_title.size > 1 %}
  <i class="fal fa-clock activity-clock"></i>
  <div class="activity-clock-popup">
    {{ activity_title[1] | strip }}
  </div>
{% endif %}
<span class="np-course-outline-content-activity-title">
  {{ activity_title[0] | strip }}
</span>

