LIL-225. Add styles to content block templates

apps/course/templates/course/content/image.html

@@ -1,6 +1,6 @@
-<div>
+<div class="content-block title">
   {{ content.title }}
 </div>
 <div>
-  <img src="{{ content.img.image.url }}" alt="">
+  <img class="content-block pic" src="{{ content.img.image.url }}" alt="">
 </div>

apps/course/templates/course/content/imagetext.html

@@ -1,9 +1,9 @@
-<div>
+<div class="content-block title">
   {{ content.title }}
 </div>
-<div>
-  {{ content.text }}
+<div class="content-block text">
+  {{ content.txt }}
 </div>
 <div>
-  <img src="{{ content.img.image.url }}" alt="">
+  <img class="content-block pic" src="{{ content.img.image.url }}" alt="">
 </div>

apps/course/templates/course/content/text.html

@@ -1,6 +1,6 @@
-<div>
+<div class="content-block title">
 {{ content.title }}
 </div>
-<div>
+<div class="content-block text">
 {{ content.txt }}
 </div>

apps/course/templates/course/content/video.html

@@ -1,14 +1,13 @@
-<div>
+<div class="content-block title">
   {{ content.title }}
 </div>
 <div>
-  {% if 'youtu' in content.url %}
+  {% if 'youtube.com' in content.url or 'youtu.be' in content.url %}
   <iframe width="640" height="360" src="https://www.youtube.com/embed/{{ content.video_index }}" frameborder="0" allow="autoplay; encrypted-media"
     allowfullscreen></iframe>
-  {% elif 'vimeo' in content.url %}
+  {% elif 'vimeo.com' in content.url %}
   <iframe src="https://player.vimeo.com/video/{{ content.video_index }}" width="640" height="360" frameborder="0" webkitallowfullscreen
     mozallowfullscreen allowfullscreen>
   </iframe>
-
   {% endif %}
 </div>