layout

Signed-off-by: Galo Navarro <[email protected]>

_layouts/post.html

@@ -9,34 +9,43 @@ <h1 class="post-title" itemprop="name headline">{{ page.title }}</h1>
 
   <div class="post-content" itemprop="articleBody">
     {{ content }}
-  </div>
-
 
   <p class="post-meta">
   <time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%b %-d, %Y" }}</time></p>
 
-  <p>
-  Any thoughts? <a href="mailto:[email protected]">send me an email!</a>
-  </p>
 
-</article>
+  <hr />
 
+    <p>
+    Any thoughts? <a href="mailto:[email protected]">send me an email!</a>
+    </p>
+  </div>
+
+</article>
 
-<p style='font-size:90%; font-style:italic; text-align:center; margin-top:50px;'>
+<p style='font-size:90%; font-style:italic; text-align:center; margin-top:30px;'>
   To get notifications for new posts, subscribe to
   <a href="https://newsletter.varoa.net/">my mailing list</a>,
   the
   <a href="{{ "/feed.xml" | prepend: site.baseurl }}">RSS feed</a>
   or follow me on
   <a href="https://twitter.com/srvaroa">Twitter</a> /
   <a rel="me" href="https://mastodon.social/@[email protected]">Mastodon</a>.
-</p>
-
-<p>
   <div class="mailing-list">
     <script
       src="https://cdn.jsdelivr.net/ghost/signup-form@~0.1/umd/signup-form.min.js" data-button-color="#4595DB" data-button-text-color="#FFFFFF" data-site="https://newsletter.varoa.net/" async>
     </script>
   </div>
 </p>
 
+<h2>Archive</h2>
+
+<p>
+  <ul class="post-list">
+    {% for post in site.posts %}
+      <li>
+        <a href="{{ post.url }}">{{ post.title }}</a>
+      </li>
+    {% endfor %}
+  </ul> 
+</p>

_posts/2016-08-22-sun-misc-cleaner.md

@@ -1,6 +1,6 @@
 ---
 layout: post
-title:  "Contention on sun.misc.Cleaner"
+title:  "DirectBuffer creation / disposal has hidden contention on sun.misc.Cleaner"
 date:   2016-08-28 19:00:00 +0200
 categories: java jvm unsafe
 ---

_sass/_base.scss

@@ -91,6 +91,7 @@ a {
 
   .post-meta {
     text-align: right;
+    font-size: 0.9rem;
   }
 
 }
@@ -135,7 +136,7 @@ h3 {
   min-height: 20px;
   max-width: 440px;
   width: 50%;
-  margin: 50px auto;
+  margin: 20px auto;
 }
 
 @media (max-width: 768px) {