improved mobile experience

Kikobeats · Feb 15, 2015 · ca5cc5b · ca5cc5b
1 parent b64489e
commit ca5cc5b
Show file tree

Hide file tree

Showing 12 changed files with 59 additions and 18 deletions.
diff --git a/assets/css/uno.css b/assets/css/uno.css
diff --git a/assets/css/uno.css.map b/assets/css/uno.css.map
diff --git a/assets/js/src/__init.coffee b/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()

diff --git a/assets/js/src/cover.coffee b/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 ->

diff --git a/assets/js/uno.js b/assets/js/uno.js
diff --git a/assets/scss/components/_media-queries.scss b/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;
+  }
 }
diff --git a/bower.json b/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 <josefrancisco.verdu@gmail.com>"
   ],

diff --git a/default.hbs b/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}}">
 

diff --git a/error.hbs b/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}}">
 

diff --git a/package.json b/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"

diff --git a/partials/comments.hbs b/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;

diff --git a/partials/side-panel.hbs b/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>