When building an application, you can’t always put you finger to why something feels wrong in the design, often it can be down to the visual density or hierarchy of the elements on the screen.
Using the filter CSS property can provide a way to create a quick acid test to see which elements of your site or application may be getting more attention.
html {
filter: blur(5px) grayscale(1);
}
No webmentions were found.
No bookmarks were found.
{% endif %}
No likes were found.
{% endif %}No links were found.
{% endif %}No posts were found.
{% endif %}No replies were found.
{% endif %}
No reposts were found.
{% endif %}No RSVPs were found.
{% endif %}false
' %}{{ webmention.raw.data.name }}{% else %}{{ webmention.title }}{% endif %}{% endcapture %} {% capture webmention_title_link %}{% if webmention.url %}{{ webmention_title }}{% endif %}{% endcapture %} {% if webmention.type == 'post' %} {{ webmention_title_link }} {% elsif webmention.type == 'link' and webmention.source != 'twitter' %} {{ webmention_title_link }} {% else %} {% if webmention.content %} {{ webmention.content }} {% else %} {{ webmention_title }} {% endif %} {% endif %} {% endcomment %}No webmentions were found.
{% endif %}
{% endif %}
{{ webmention.author.name }}