home.html in jekyll-polymer-magazine-0.1.3

- old
+ new

@@ -15,11 +15,11 @@
         {% for post in paginator.posts %}
         <div class="col-1-2">
 
           <paper-material class="content post-card" elevation="0"
             onmouseover="this.elevation='2'" onmouseout="this.elevation='0'"
-            onclick="location.href='{{ post.url }}'"
+            onclick="location.href='{{ site.baseurl }}/{{ post.url }}'"
             style="{% if post.image %}background: linear-gradient( rgba(0, 0, 0, 0.4),
             rgba(0, 0, 0, 0.4) ), url('{{ post.image }}')center / cover;{% endif %}">
               <paper-ripple></paper-ripple>
               <h2>{{ post.title }}</h2>
               <p>
@@ -35,27 +35,26 @@
               </p>
             </paper-material>
         </div>
         {% endfor %}
       </div>
-      <table align="center" style="margin-bottom:160px;">
+      <table align="center" style="margin-bottom:64px; margin-top:32px;">
         <tr>
           <td style="padding-right:16px;">
-            <a href="{% if paginator.next_page %}{{ paginator.next_page_path }}{% else %}{% endif %}">
-              <paper-button>
-                << Older
-              </button>
-              </a>
+              <paper-button {% if paginator.next_page %} onclick="location.href='{{ site.baseurl }}/{{ paginator.next_page_path }}'"{% else %}{% endif %}>
+                <iron-icon icon="arrow-back"></iron-icon>
+                Older
+              </paper-button>
             </td>
             <td>{{ paginator.page }} / {{ paginator.total_pages }}</td>
             <td style="padding-left:16px;">
-              <a href="{% if paginator.previous_page %}{{ paginator.previous_page_path }}{% else %}{% endif %}">
-                <paper-button>
-               Newer >>
-              </button>
-             </a>
+                <paper-button {% if paginator.previous_page %} onclick="location.href='{{ site.baseurl }}/{{ paginator.previous_page_path }}'"{% else %}{% endif %}>
+               Newer
+               <iron-icon icon="arrow-forward"></iron-icon>
+             </paper-button>
            </td>
          </tr>
        </table>
+       {% include footer.html %}
     </div>
   </paper-header-panel>
 </body>