improved mobile experience

assets/js/src/__init.coffee

@@ -1,8 +1,8 @@
-"use strict"
+'use strict'
 
-$(document).ready ->
+$ ->
   window.Uno = Uno =
-    version: '1.3.1'
+    version: '1.3.2'
 
     cover:
       width: -> $(".panel-cover").width()

assets/js/src/cover.coffee

@@ -2,8 +2,11 @@
 
 $(document).ready ->
 
-  unless Uno.cover.isCollapsed()
-    $(".navigation--social").css "margin-left", "1.5em"
+  el = document.body
+
+  if not Uno.cover.isCollapsed()
+    if el.dataset.device is 'desktop'
+      $(".navigation--social").css "margin-left", "1.5em"
     Uno.loadingBar 'hide'
     Uno.search.form 'hide'
 
@@ -28,10 +31,22 @@ $(document).ready ->
     $(".panel-cover").addClass "panel-cover--collapsed"
     Uno.search.form 'show'
 
-  if window.location.pathname isnt "/"
+  if location.pathname isnt "/"
     Uno.search.form 'show'
 
-  if document.body.dataset.page is 'tag'
+  checkMobileLocation = ->
+    isHome = location.pathname is "/"
+    isOpen = location.hash is "#open"
+    console.log isHome
+    console.log isOpen
+    if isHome
+      action = if isOpen then 'show' else 'hide'
+      $(".content-wrapper")[action]()
+
+  do checkMobileLocation
+  $(window).on 'hashchange', checkMobileLocation
+
+  if el.dataset.page is 'tag'
     $(".panel-cover").addClass "panel-cover--collapsed"
 
   $(".btn-mobile-menu").click ->

assets/scss/components/_media-queries.scss

@@ -166,11 +166,37 @@
     margin: 15px auto;
   }
 
+  .panel-cover__description {
+    font-size: 14px;
+    padding: 0 .85rem;
+  }
+
   .mayday {
     width: 100%;
     > h1 {
       font-size: 20px;
       line-height: 25px;
     }
   }
+
+  .pagination__page-number {
+    display: none;
+  }
+
+  .pagination {
+    margin: 0 0 2em;
+  }
+
+  .pagination__newer,
+  .pagination__older {
+    padding: 1rem;
+  }
+
+  .pagination__newer {
+    margin: 0 0 25px 0;
+  }
+
+  .pagination__older {
+    margin: 0 0 10px 0;
+  }
 }

bower.json

@@ -1,7 +1,7 @@
 {
   "name": "uno-zen",
   "description": "Minimalist and Elegant theme for Ghost",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "authors": [
     "Kiko Beats <[email protected]>"
   ],

default.hbs

@@ -11,7 +11,7 @@
   <meta name="MobileOptimized" content="320">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
-  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
 
   <meta name="description" content="{{meta_description}}">
 

error.hbs

@@ -11,7 +11,7 @@
   <meta name="MobileOptimized" content="320">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
-  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
 
   <meta name="description" content="{{meta_description}}">
 

package.json

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

partials/comments.hbs

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

partials/side-panel.hbs

@@ -24,7 +24,7 @@
 
           <nav class="cover-navigation cover-navigation--primary">
             <ul class="navigation">
-              <li class="navigation__item"><a href="http://kikobeats.com" title="link to website of Kikobeats" class="blog-button">Website</a></li>
+              {{!-- <li class="navigation__item"><a href="http://kikobeats.com" title="link to website of Kikobeats" class="blog-button">Website</a></li> --}}
               <li class="navigation__item"><a href="/#open" title="link to {{@blog.title}} blog" class="blog-button">Blog</a></li>
             </ul>
           </nav>