1 files changed, 24 insertions, 38 deletions

diff --git a/public/assets/site.js b/public/assets/site.js
index 91e0c0b..4f1654d 100644
--- a/public/assets/site.js
+++ b/public/assets/site.js
@@ -3,7 +3,6 @@ var isIpad = !! (navigator.userAgent.match(/iPad/i))
 var isAndroid = !! (navigator.userAgent.match(/Android/i))
 var isMobile = isIphone || isIpad || isAndroid
 var isDesktop = ! isMobile
-var youtubePlayer = null
 
 document.body.classList.add(isDesktop ? 'desktop' : 'mobile')
 
@@ -29,10 +28,6 @@ $(function(){
 })
 
 function ready() {
-  bind()
-  build()
-}
-function bind(){
   $('.readmore').click( function(){
     var id = $(this).data().id
     var entry = site.entries[id]
@@ -73,43 +68,34 @@ function bind(){
   $("#left").click(() => { postGallery.previous() })
   $("#right").click(() => { postGallery.next() })
 }
-function build(){
-  $('.cell').each( function(){
-    var id = $(this).data().id
-    var entry = site.entries[id]
-    if (! entry) return
-    if (entry.media && entry.media.length) {
-      /*
-      var media = entry.media[0]
-      switch (media.type) {
-        case 'youtube':
-          bg = media.thumb
-          break
-        case 'image':
-          bg = media.uri
-          break
-      }
-      */
-      // $(this).css('background-image', 'url(' + bg + ')')
-			if (youtubePlayer) {
-				youtubePlayer.seekTo(0, true)
-				return youtubePlayer.playVideo()
-			}
-    }
-  })
-}
 
 function show_entry(entry){
   console.log('showing', entry)
-  $('#entry h2').html(entry.title)
-  $('#entry .content').html(newlineToBr(entry.body))
+  $('#entry h3').html(entry.title)
   $('#entry .media').empty()
-  if (entry.gallery) {
-    
-  }
-  else {
-    
-  }
+  entry.media.forEach( (media) => {
+    console.log(media)
+    var dom;
+    switch (media.type) {
+      case 'youtube':
+        dom = $('<iframe>').attr({
+          src: 'https://www.youtube.com/embed/' + media.token + '?modestbranding=1&rel=0',
+          width: media.width,
+          height: media.height,
+          frameborder: 0,
+          allowfullscreen: 'allowfullscreen',
+        })
+        break
+      case 'image':
+        dom = new Image
+        dom.src = media.src
+        break
+    }
+    dom && $('#entry .media').append(dom)
+  })
+  $('#entry .content').html(newlineToBr(entry.body))
+  $('#entry .comments').html( '<div class="fb-comments" data-href="https://howtomakeafolkestone.life/entry/' + entry.id +'" data-width="360"></div>' )
+  FB && FB.XFBML.parse( $('#entry .comments').get(0) )
   $('body').addClass('entry')
 }
 function hide_entry(){