Просмотр исходного кода

updated episode template to make video optional

Harlan Iverson 7 лет назад
Родитель
Сommit
54220bf000

+ 1 - 2
tinydatacenter.com-v2/app/resources/templates/md/posts/2018-01-24-maintainable-website.md

@@ -1,7 +1,6 @@
 {:title "Maintainable website"
  :layout :episode
- :video-url "https://ispooge.com/media/tinydc/tinydc-demo.mov"
- :tags ["episode" "episode-wip" "video"]}
+ :tags ["episode-wip"]}
 
 ## Maintanable website
 

+ 1 - 2
tinydatacenter.com-v2/app/resources/templates/md/posts/2018-03-08-maintainable-website.md

@@ -1,10 +1,9 @@
 {:title "Maintainable website"
  :layout :episode
- :video-url "/media/tinydc/episode/maintainable-website/playlist.m3u8"
  :episode-prev-version "2018-01-24-maintainble-website.html"
  :episode-next-steps ["2018-03-06-archival-project.html"]
  :episode-prereqs ["2018-02-04-webserver.html" "2018-02-04-docker.html"]
- :tags ["episode" "episode-wip" "video"]}
+ :tags ["episode-wip"]}
 
 In this episode you'll learn how to edit our simple website in a maintainable way. We'll start by copying the website
 we have into a nice website generator that handles layouts and news feeds for us. Then we'll add some extra features

+ 5 - 9
tinydatacenter.com-v2/app/resources/templates/themes/blue/html/episode.html

@@ -26,7 +26,7 @@
      </ul>
    {% endif %}
    
-
+{% if post.video-url %}
 <video id=example-video width=640 height=360 class="video-js vjs-default-skin" data-setup='{"controls": "true", "loop": "false", "autoplay": "false", "preload": "false"}'>
   <source
      src="{{post.video-url}}"
@@ -39,13 +39,15 @@
 var player = videojs('example-video');
 player.play();
 </script>
-
+{% endif %}
 
 
     
    {% include "/html/post-content.html" %}
 
    {% if post.episode-next-steps %}
+
+    <div id="prev-next">
    <h4>Next steps</h4>
      <ul>
      {% for ep-url in post.episode-next-steps %}
@@ -55,13 +57,7 @@ player.play();
    {% endif %}
 
    
-    <div id="prev-next">
-        {% if post.prev %}
-        <a href="{{post.prev.uri}}">&laquo; {{post.prev.title}}</a>
-        {% endif %}
-        {% if post.next %}
-        <a class="right" href="{{post.next.uri}}">{{post.next.title}} &raquo;</a>
-        {% endif %}
+
     </div>
 
 </div>