improved mobile experience and little refactor

- Added client detection
- Improved how works js in mobile and table
- refactored js code

Gruntfile.coffee

@@ -26,7 +26,10 @@ module.exports = (grunt) ->
                   'assets/js/src/cover.coffee'
                   'assets/js/src/search.coffee'
                   'assets/js/src/post.coffee']
-        vendor : ['assets/vendor/ghostHunter/jquery.ghostHunter.min.js'
+        vendor : ['assets/vendor/parrotjs/dist/parrot.standalone.js'
+                  'assets/vendor/parrot-module-device/dist/parrot.device.js'
+                  'assets/vendor/fastclick/lib/fastclick.js'
+                  'assets/vendor/ghostHunter/jquery.ghostHunter.min.js'
                   'assets/vendor/pace/pace.min.js'
                   'assets/vendor/reading-time/build/readingTime.min.js' ]
       css      :
@@ -49,8 +52,8 @@ module.exports = (grunt) ->
 
     concat     :
       options  : stripBanners: true
-      css      : src: ['<%=src.css.main%>', '<%=src.css.vendor%>'], dest: '<%=dist.css%>'
-      js       : src: ['<%=dist.js%>', '<%=src.js.vendor%>'], dest: '<%=dist.js%>'
+      css      : src: ['<%=src.css.vendor%>', '<%=src.css.main%>'], dest: '<%=dist.css%>'
+      js       : src: ['<%=src.js.vendor%>', '<%=dist.js%>'], dest: '<%=dist.js%>'
 
     autoprefixer :
       main       : files: '<%=dist.css%>' : '<%=src.css.main%>'

TODO.md → RODAMAP.md

@@ -1,6 +1,6 @@
-# TODO
+# ROADMAP
 
-- [ ] Define a 404 page.
+- [x] Define a 404 page.
 - [ ] Create a page with all tags.
 - [ ] Integrate comments based on [ouija.js](http://ouija.io/) (Medium style).
-- [ ] Better support for static pages.
+- [ ] Better support for static pages.

assets/js/src/__init.coffee

@@ -1,9 +1,8 @@
 "use strict"
 
 $(document).ready ->
-
   window.Uno = Uno =
-    version: '1.2.2'
+    version: '1.3.0'
 
     cover:
       width: -> $(".panel-cover").width()
@@ -50,9 +49,12 @@ $(document).ready ->
           container.readingTime readingTimeTarget: ".post-reading-time"
 
   $('body').removeClass "no-js"
-  context = document.body.dataset['page'] ?= Uno.context()
+  el = document.body
+  context = el.dataset.page ?= Uno.context()
   Uno.cover.collapsed() if context is 'post'
+  FastClick.attach(el) if el.dataset.device isnt 'desktop'
+
   $('#panic-button').click ->
-    s = document.createElement('script');
-    s.setAttribute('src','https://nthitz.github.io/turndownforwhatjs/tdfw.js');
-    document.body.appendChild(s);
+    s = document.createElement('script')
+    s.setAttribute('src','https://nthitz.github.io/turndownforwhatjs/tdfw.js')
+    document.body.appendChild(s)

assets/js/src/cover.coffee

@@ -28,10 +28,10 @@ $(document).ready ->
     $(".panel-cover").addClass "panel-cover--collapsed"
     Uno.search.form 'show'
 
-  if window.location.pathname and window.location.pathname isnt "/"
+  if document.body.dataset.page is 'home'
     Uno.search.form 'show'
 
-  if window.location.pathname.substring(0, 5) is "/tag/"
+  if document.body.dataset.page is 'tag'
     $(".panel-cover").addClass "panel-cover--collapsed"
 
   $(".btn-mobile-menu").click ->

assets/js/src/search.coffee

@@ -1,7 +1,5 @@
 "use strict"
 
-## -- Private -----------------------------------------------------------------
-
 showSearch = ->
   $(".content-wrapper__inner").hide()
   Uno.search.container.css "margin-top", "3rem"
@@ -12,8 +10,6 @@ hideSearch = ->
   Uno.search.container.css "padding-top", "0"
   Uno.search.container.css "margin-bottom", "0"
 
-## -- Main --------------------------------------------------------------------
-
 $(document).ready ->
   $("#search-field").ghostHunter
     results           : "#results"

bower.json

@@ -1,15 +1,18 @@
 {
   "name": "uno-zen",
   "description": "Minimalist and Elegant theme for Ghost",
-  "version": "1.1.24",
+  "version": "1.3.0",
   "authors": [
     "Kiko Beats <[email protected]>"
   ],
   "dependencies": {
     "ghostHunter": "git://github.com/i11ume/ghostHunter/",
-    "animate.css": "~3.2.0",
+    "animate.css": "*",
     "reading-time": "*",
-    "pace.js": "*"
+    "pace": "*",
+    "parrot-module-device": "*",
+    "parrotjs": "*",
+    "fastclick": "*"
   },
   "ignore": [
     "**/.*",

package.json

@@ -1,7 +1,7 @@
 {
   "name": "uno-zen",
   "description": "Minimalist and Elegant theme for Ghost",
-  "version": "1.2.2",
+  "version": "1.3.0",
   "author": {
     "name": "Kiko Beats",
     "url": "https://github.com/kikobeats"

partials/comments.hbs

@@ -1,7 +1,8 @@
 <section class="post-comments">
   <div id="disqus_thread"></div>
   <script type="text/javascript">
-  var disqus_shortname = 'kikobeats'; // required: replace example with your forum shortname
+  // required: replace example with your forum shortname
+  var disqus_shortname = 'yourDisqusShorcut';
   /* * * DON'T EDIT BELOW THIS LINE * * */
   (function() {
   var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;