ayo/blog
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

use emojis for engagements

Browse source
This commit is contained in:
Ayo 2023-05-30 17:31:07 +02:00
parent f1c82c425b
commit 46233756de
3 changed files with 8 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
_includes/head.html
View file

@ -101,7 +101,7 @@
); );
document.getElementById( document.getElementById(
"page-replies" "page-replies"
).innerHTML = `• ${replies.length} replies`; ).innerHTML = `• 💬 ${replies.length}`;
// render to replies section // render to replies section
const repliesTable = document.createElement("table"); const repliesTable = document.createElement("table");
@ -134,7 +134,7 @@
if (likes.length) if (likes.length)
document.getElementById( document.getElementById(
"page-likes" "page-likes"
).innerHTML = `• ${likes.length} likes`; ).innerHTML = `• 👍 ${likes.length}`;
const reposts = mentions.filter( const reposts = mentions.filter(
(m) => m["wm-property"] === "repost-of" (m) => m["wm-property"] === "repost-of"
@ -142,7 +142,7 @@
if (reposts.length) if (reposts.length)
document.getElementById( document.getElementById(
"page-reposts" "page-reposts"
).innerHTML = `• ${reposts.length} reposts`; ).innerHTML = `• 🔁 ${reposts.length}`;
}) })
.catch((err) => console.log("err", err)); .catch((err) => console.log("err", err));
} }

6
_layouts/post.html
View file

@ -30,9 +30,9 @@ layout: default
default: "%b %-d, %Y" %} {{ page.date | date: date_format }} default: "%b %-d, %Y" %} {{ page.date | date: date_format }}
</span> </span>
</time> </time>
<span id="page-replies"></span> <span class="blog-post__header__meta__engagement" id="page-replies"></span>
<span id="page-likes"></span> <span class="blog-post__header__meta__engagement" id="page-likes"></span>
<span id="page-reposts"></span> <span class="blog-post__header__meta__engagement" id="page-reposts"></span>
</div> </div>
{% if page.image %} {% if page.image %}
<img <img

14
assets/main.scss
View file

@ -332,11 +332,7 @@ table.image caption {
&__meta { &__meta {
font-size: small; font-size: small;
margin: 10px 0 10px; margin: 0.5em 0;
&__author {
font-weight: bold;
}
} }
&__image { &__image {
@ -441,7 +437,7 @@ table.image caption {
} }
&__replies { &__replies {
margin: 1em 0; margin: 1em 0;
max-width: fit-content;
.reply-block { .reply-block {
display: block; display: block;
margin: 0 0 1em; margin: 0 0 1em;
@ -512,12 +508,6 @@ table.image caption {
} }
} }
@media not all and (min-resolution: 0.001dpcm) {
.jumbotron {
display: none;
}
}
@media only screen and (min-width: 0px) and (max-width: 350px) { @media only screen and (min-width: 0px) and (max-width: 350px) {
div.subscription-message-div { div.subscription-message-div {
display: none !important; display: none !important;