The code for my personal website, powered by Jekyll.
arthr.me
jekyll-site
personal-website
feat: webmention notice
+32
-3
+9
-3
_includes/below-post.html
+9
-3
_includes/below-post.html
···
1
-
{%- for syndication_url in page.syndication_urls -%}
2
-
<a class="u-syndication {{ syndication_url | first }}" href="{{ syndication_url | last }}"></a>
3
-
{%- endfor -%}
1
+
{% if page.syndication_urls.size > 0 %}
2
+
<aside class="syndication-callout">
3
+
<p>👋 Este post também está nestes lugares:
4
+
{%- for url in page.syndication_urls %} <a class="u-syndication" href="{{ url | last }}">{{ url | first | capitalize }}</a>{%- unless forloop.last %},{%- endunless %}{%- endfor %}
5
+
— passe lá pra curtir ou comentar.
6
+
Você também pode responder no seu blog com um <a href="https://indieweb.org/Webmention">webmention</a>.
7
+
</p>
8
+
</aside>
9
+
{% endif %}
4
10
5
11
{% webmentions page.url %}
+23
assets/css/theme.css
+23
assets/css/theme.css
···
214
214
.webmention-thread__permalink {
215
215
color: inherit;
216
216
}
217
+
218
+
219
+
/* ===========================================
220
+
Syndication Callout
221
+
=========================================== */
222
+
223
+
.syndication-callout {
224
+
max-width: var(--content-width);
225
+
margin-left: auto;
226
+
margin-top: calc(var(--spacing) * 2);
227
+
font-size: 1.2rem;
228
+
color: color-mix(in srgb, var(--color-text), transparent 40%);
229
+
230
+
p { margin: 0; line-height: 1.5; }
231
+
232
+
a {
233
+
color: var(--color-link);
234
+
text-decoration-color: var(--color-border);
235
+
text-underline-offset: 2px;
236
+
}
237
+
238
+
a:hover { color: var(--color-link-hover); }
239
+
}