39 lines
1.4 KiB
HTML
39 lines
1.4 KiB
HTML
{% extends 'base.html' %}
|
|
{% block title %}{{ video.title }} | Learning management system{% endblock title %}
|
|
{% load static %}
|
|
|
|
{% block content %}
|
|
|
|
<nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
|
|
<ol class="breadcrumb">
|
|
<li class="breadcrumb-item"><a href="/">Home</a></li>
|
|
<li class="breadcrumb-item"><a href="{% url 'programs' %}">Programs</a></li>
|
|
<li class="breadcrumb-item"><a href="{% url 'program_detail' video.course.program.id %}">{{ video.course.program }}</a></li>
|
|
<li class="breadcrumb-item"><a href="{% url 'course_detail' video.course.slug %}">{{ video.course }}</a></li>
|
|
<li class="breadcrumb-item active" aria-current="page">{{ video.title }}</li>
|
|
</ol>
|
|
</nav>
|
|
|
|
<p class="title-1">{{ video.title }}</p>
|
|
<br><br>
|
|
|
|
<style>
|
|
video{
|
|
max-width: 100%;
|
|
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
|
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.16), 0px 2px 10px 0px rgba(0,0,0,0.12);
|
|
}
|
|
</style>
|
|
|
|
<div class="col-md-10 mx-auto d-block">
|
|
<div class=""><video src="{{ video.video.url }}" controls ></video></div>
|
|
<p><i class="fas fa-calendar"></i> {{ video.timestamp|timesince }} ago</p>
|
|
{% if video.summary %}
|
|
<p class="text-orange text-center">{{ video.summary }}</p>
|
|
{% else %}
|
|
No video description set.
|
|
{% endif %}
|
|
</div>
|
|
|
|
{% endblock content %}
|