diff options
author | ache <ache@ache.one> | 2022-12-10 08:15:44 +0100 |
---|---|---|
committer | ache <ache@ache.one> | 2022-12-10 08:15:44 +0100 |
commit | 045b3f3c21bf9c0f9b728fe14ce75e4d2a90944a (patch) | |
tree | f1ffd05522f351eba8561410548b404e10cfa23a /src/templates | |
parent | Show date on each article (diff) |
First implementation of Likes
Diffstat (limited to 'src/templates')
-rw-r--r-- | src/templates/article.tmpl | 2 | ||||
-rw-r--r-- | src/templates/likes.tmpl | 17 |
2 files changed, 19 insertions, 0 deletions
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> |