Refactor JS

assets/js/src/__init.coffee

@@ -0,0 +1,23 @@
+'use strict'
+
+window.Itch = Itch =
+  version: '0.0.0'
+  is: (property, value) -> this.app.dataset[property] is value
+  app: do -> document.body
+
+$ ->
+  Itch.context = ->
+    # get the context from the first class name of body
+    # https://github.com/TryGhost/Ghost/wiki/Context-aware-Filters-and-Helpers
+    className = document.body.className.split(' ')[0].split('-')[0]
+    if className is '' then 'error' else className
+
+  Itch.device = ->
+    w = window.innerWidth
+    h = window.innerHeight
+    return 'mobile' if (w <= 480)
+    return 'tablet' if (w <= 1024)
+    'desktop'
+
+# jQuery.smartresize
+`!function(n,r){var t;t=function(n,r,t){var i;return i=void 0,function(){var e,u,a;a=this,e=arguments,u=function(){t||n.apply(a,e),i=null},i?clearTimeout(i):t&&n.apply(a,e),i=setTimeout(u,r||100)}},jQuery.fn[r]=function(n){return n?this.bind("resize",t(n)):this.trigger(r)}}(jQuery,"smartresize");`

assets/js/src/main.coffee

@@ -0,0 +1,29 @@
+'use strict'
+
+$(window).load ->
+
+  casperFullImg = do ->
+    $('img').each ->
+      contentWidth = $('.post-content').outerWidth()
+      # Width of the content
+      imageWidth = $(this)[0].naturalWidth
+      # Original image resolution
+      method = if imageWidth >= contentWidth then 'addClass' else 'removeClass'
+      $(this)[method] 'full-img'
+
+  $(window).smartresize casperFullImg
+
+$ ->
+  el = Itch.app
+  el.dataset.page = Itch.context()
+  el.dataset.device = Itch.device()
+
+  $('.post-content').fitVids()
+
+  if Itch.is 'device', 'desktop'
+    $('a').not('[href*="mailto:"]').click ->
+      if this.href.indexOf(location.hostname) is -1
+        window.open $(this).attr 'href'
+        false
+  else
+    FastClick.attach el