timeago

views/layouts/main.handlebars

@@ -32,5 +32,26 @@
 <section id="main">
   {{{body}}}
 </section>
+
+<script type="text/javascript" src="/js/jquery-3.1.0.min.js"></script>
+<script type="text/javascript" src="/js/jquery.timeago.js"></script>
+<script>
+  $(document).ready(() => {
+    let s = $.timeago.settings;
+    let str = s.strings;
+    s.refreshMillis = 1000;
+    s.allowFuture = true;
+    s.localeTitle = true;
+    str.seconds = "%d seconds";
+    str.minute = "1 minute";
+    str.hour = "1 hour";
+    str.hours = "%d hours";
+    str.day = "1 day";
+    str.month = "1 month";
+    str.year = "1 year";
+    str.suffixFromNow = null;
+    $("time.timeago").timeago();
+  });
+</script>
 </body>
 </html>

views/partials/pasteview.handlebars

@@ -1,6 +1,6 @@
 {{#each this}}
 <div class="pasteInfo">
-  <p class="timestamp">15:13 - Thu 2017.06.15</p>
+  <p class="timestamp"><time class="timeago" title="{{stamp}}" datetime="{{stamp}}"></time></p>
   <p class="language"><a href="/v/lang/{{language}}">{{language}}</a></p>
   <p>Paste: <a href="/{{uuid}}/">/{{uuid}}/</a><a href="/v/id/{{uuid}}">Show related</a></p>
   <p class="desc">{{{desc}}}</p>

views/viewsingle.handlebars

@@ -1,5 +1,5 @@
 <div class="pasteInfo">
-  <p class="timestamp">15:13 - Thu 2017.06.15</p>
+  <p class="timestamp"><time class="timeago" title="{{paste.stamp}}" datetime="{{paste.stamp}}"></time></p>
   <p class="language"><a href="/v/lang/{{paste.language}}">{{paste.language}}</a></p>
   <p>Paste: <a href="/{{paste.uuid}}/">/{{paste.uuid}}/</a><a href="/v/id/{{paste.uuid}}">Show related</a></p>
   <p class="desc">{{{paste.desc}}}</p>