added event page for hacking

ispooge.com-v2/app/resources/templates/config.edn

@@ -17,7 +17,7 @@
  :author-root-uri      "about"
  :blog-prefix          ""
  :rss-name             "feed.xml"
- :rss-filters          ["video" "playlist" "playlist-Random"]
+ :rss-filters          ["video" "playlist" "playlist-Random" "live"]
  :recent-posts         8
  :post-date-format     "yyyy-MM-dd"
  :archive-group-format "yyyy MMMM"

ispooge.com-v2/app/resources/templates/md/posts/2018-03-09-hacking.md

@@ -0,0 +1,17 @@
+{:title "Hacking"
+ :layout :live-event
+ :tags ["video" "live"]
+ :video-thumbnail-url "/media/videos/Huel_Break-AYt0HH2AwOc.jpg"
+ :video-url "/hls/ispoogedaily/index.m3u8"
+ :video-description "Hacking Live"
+ }
+
+Hacking away doing cool stuff. Implementing this hacking live feature from inception to completion.
+
+Video URL is live during broadcast, replaced with video URL for archive.
+
+In best case world, transcoding happens live. I have the scripts...
+
+Just nobody watching yet... syndicates to Twitch and YT just in case.
+
+

ispooge.com-v2/app/resources/templates/themes/ispooge/html/live-event.html

@@ -0,0 +1,52 @@
+{% extends "/html/base.html" %}
+{%block subtitle %}: {{post.title}}{% endblock %}
+
+{% block head %}
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:site" content="@ispoogedaily">
+<meta name="twitter:creator" content="@harlanji">
+
+<meta property="og:url" content="{{site-url}}{{uri}}">
+<meta property="og:title" content="{{post.title}}">
+<meta property="og:description" content="VIDEO - {{post.title}}.">
+<meta property="og:image" content="{{site-url}}{{post.video-thumbnail-url}}">
+
+<link rel="stylesheet" href="/assets/videojs/video-js.css">
+<script src="/assets/videojs/video.js"></script>
+<script src="/assets/videojs/videojs-contrib-hls.js"></script>
+<script src="/assets/videojs/videojs-media-session.js"></script>
+
+{% endblock %}
+
+{% block content %}
+
+
+<div id="custom-page">
+    <div id="page-header">
+        <h2>{{post.title}}</h2>
+    </div>
+
+
+
+<video id="video-player" width="640" height="360" class="video-js vjs-default-skin" 
+controls poster="{{post.video-thumbnail-url}}" data-setyp='{"controls": "true", "loop": "false", "autoplay": "false", "preload": "false"}'>
+  <source src="{{post.video-url}}" type="application/x-mpegURL">
+  </source>
+  <p class="vjs-no-js">The browser doesn't seem to support our video player... new browsers should.</p>
+</video>
+
+<script>
+var player = videojs('video-player');
+
+							player.ready(function() {
+							
+							   player.mediaSession();
+});
+//player.play();
+</script>
+
+    {{post.content|safe}}
+
+
+</div>
+{% endblock %}

ispooge.com-v2/scripts/env.sh

@@ -16,5 +16,5 @@ HOSTS=ispooge.com
 
 
 NAME_STATIC=ispooge.com-static
-IMAGE_STATIC=docker-registry.local:5000/ispooge.com/ispooge-static:9
+IMAGE_STATIC=docker-registry.local:5000/ispooge.com/ispooge-static:10
 IMAGE_STATIC_LOCAL=ispooge-static