lecture.html

{% load markdownify %}

<li>
    <a
        href="{% url "lectures:view_lecture" lecture.id %}{% if group %}?related_group_id={{ group.id }}{% endif %}"
        class="hover:no-underline"
    >
        <div class="card elevation-6">
            <div class="card__body p-5 hover:bg-gray-100 duration-100">
                <h2 class="head-alt-sm mb-4">
                    <i class="ico--bookmark mr-2"></i>
                    {{ lecture.name }}
                </h2>

                <span class="flex gap-2 mb-4">
                    <span>
                        <i class="ico--clock mr-1"></i> {{ lecture.timestamp }}
                    </span>
                </span>

                {% if lecture.description %}
                    <div class="prose max-w-none">
                        {{ lecture.description|markdownify|safe }}
                    </div>
                {% endif %}
            </div>
        </div>
    </a>
</li>