From 045b3f3c21bf9c0f9b728fe14ce75e4d2a90944a Mon Sep 17 00:00:00 2001
From: ache <ache@ache.one>
Date: Sat, 10 Dec 2022 08:15:44 +0100
Subject: First implementation of Likes

---
 src/templates/article.tmpl |  2 ++
 src/templates/likes.tmpl   | 17 +++++++++++++++++
 2 files changed, 19 insertions(+)
 create mode 100644 src/templates/likes.tmpl

(limited to 'src/templates')

diff --git a/src/templates/article.tmpl b/src/templates/article.tmpl
index e5267ff..6b1b628 100644
--- a/src/templates/article.tmpl
+++ b/src/templates/article.tmpl
@@ -6,7 +6,9 @@
       <div class="marge"></div>
       <article class="post" id="{{domTitle}}_article">
         <div class="tags">{{# metaData.tags }}<a href="/tag/{{{ . }}}" class="tag">{{{ . }}}</a>{{/ metaData.tags }}</div>
+        <div class="pubdate">{{ metaData.pubDateISO }}</div>
         {{{ content }}}
+        {{> likesButton }}
       </article>
       <div class="sidenotes"></div>
     </div>
diff --git a/src/templates/likes.tmpl b/src/templates/likes.tmpl
new file mode 100644
index 0000000..a0018d9
--- /dev/null
+++ b/src/templates/likes.tmpl
@@ -0,0 +1,17 @@
+<section class="likes" style="display: none">
+          <span class="likesBox">
+          <div class="icon">
+            <svg class="heart-main" viewBox="0 0 512 512" title="heart" z-index="1" height="100">
+              <path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z" class=""></path>
+            </svg>
+            <svg class="heart-background" viewBox="0 0 512 512" title="heart" z-index="1" height="100">
+              <path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z" class=""></path>
+            </svg>
+            <div class="nbLikes"><div></div></div>
+          </div>
+          <div>
+  <span class="likesTitle">Si vous avez aimez cet article cliquez sur le cœur !</span>
+  <p class="likesText">Vous pouvez même envoyez plusieurs cœurs ! <br><span class="likesNotes">Le délais d'attente entre deux cœurs double à chaque fois.</span></p>
+  </div></span>
+
+        </section>
-- 
cgit v1.2.3-54-g00ecf