little improvements

- use main and footer HTML5 tags. Removed section tags inside article tags.
- removed back button in the top, to avoid too much information
- little fixed in comment style and other stuff

assets/js/src/__init.coffee

@@ -32,7 +32,6 @@ $ ->
           $(this).html(postDateInDays)
           $(this).mouseover -> $(this).html(postDate)
           $(this).mouseout -> $(this).html(postDateInDays)
-        cb?()
       DateInDays ".post.meta > time"
 
     device: ->

assets/js/src/main.coffee

@@ -17,7 +17,7 @@ $ ->
   FastClick.attach el unless Uno.is 'device', 'desktop'
 
   if Uno.is 'page', 'post'
-    $('.main').readingTime readingTimeTarget: '.post.reading-time > span'
+    $('main').readingTime readingTimeTarget: '.post.reading-time > span'
     $('.content').fitVids()
     postTitle = $('#post-title').text()
     postTitle = postTitle.substring(0, postTitle.length - 1); # delete dot

assets/scss/components/_media-queries.scss

@@ -3,7 +3,7 @@
 // ------------------------------
 
 @media only screen and (min-width:1824px) {
-  .main {
+  main {
     padding: 2.5rem 11rem;
   }
   .content {
@@ -18,8 +18,7 @@
 
   /* disabling element, too much information*/
   .pace,
-  .post.reading-time,
-  #back-button {
+  .post.reading-time {
     display: none;
   }
   #search-container {
@@ -116,7 +115,7 @@
       }
     }
   }
-  .main {
+  main {
     left: 0;
     transition: all $aside-animation-time;
     transform: translate3d(0, 0, 0);
@@ -147,7 +146,7 @@
     display: block;
     margin-bottom: .4em;
   }
-  .main {
+  main {
     padding: 1rem 0;
   }
   .mayday {

assets/scss/components/_post.scss

@@ -23,7 +23,7 @@
   }
 }
 
-section.post {
+#post-content {
   a {
     transition: all $aside-animation-time;
 
@@ -100,19 +100,15 @@ section.post {
     }
   }
   &.comments {
-    padding: 3.75rem 0;
-    border-top: 1px solid $gray-light;
+    margin-top: 2rem;
   }
 }
-#back-button {
-  position: absolute;
-  top: 2rem;
-  left: 2rem;
-}
+
 #post-image {
   max-width: 100%;
   margin-top: 1rem;
 }
+
 #post-title {
   margin: 3rem 0 2.5rem;
   transition: all $aside-animation-time;

assets/scss/modules/_global.scss

@@ -183,7 +183,7 @@ pre:hover {
   width: $total-width - $gutter-width;
   margin: 0 auto;
 }
-.main {
+main {
   position: absolute;
   top: 0;
   right: 0;
@@ -192,7 +192,7 @@ pre:hover {
   padding: 2rem 3rem;
 
   > .content {
-    padding: 4rem 0;
+    padding: 2rem 0;
     margin: 0 3.7rem;
 
     > h1 {

default.hbs

@@ -21,13 +21,13 @@
 
   {{> aside}}
 
-  <article class="main">
+  <main>
     <section id="search-results"></section>
     <section class="content">
       {{{body}}}
       {{> footer}}
     </section>
-  </article>
+  </main>
 
   {{ghost_foot}}
   <script type="text/javascript" src="{{asset "js/uno.js"}}"></script>

partials/comments.hbs

@@ -1,4 +1,4 @@
-<section class="post-comments">
+<footer class="post comments">
   <div id="disqus_thread"></div>
   <script type="text/javascript">
   // required: replace example with your forum shortname
@@ -12,4 +12,4 @@
   </script>
   <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
   <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
-</section>
+</footer>

post.hbs

@@ -4,7 +4,6 @@
 
   <article class="{{post_class}}">
     <header>
-      <a id="back-button" class="btn small square" href="javascript:history.back()">« Back</a>
       <div class="post meta">
         <time datetime="{{date format="DD MMM YYYY"}}">{{date format="DD MMM YYYY"}}</time>
         <span class="post tags">{{tags prefix="in " separator=" "}}</span>
@@ -20,12 +19,12 @@
       </a>
     </header>
 
-    <section class="{{post_class}}">
+    <div id="post-content" class="{{post_class}}">
       {{content}}
-    </section>
+    </div>
 
-  </article>
+    {{> comments}}
 
-  {{> comments}}
+  </article>
 
 {{/post}}