n_u/nathanupchurch.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Implement h-card markup

Browse Source
This commit is contained in:
Nathan Upchurch
2026-01-03 15:04:52 -06:00
parent 6896c7fc8e
commit 2a49b92643
2 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
_includes/layouts/links.njk
View File

@@ -1,13 +1,13 @@
--- ---
layout: layouts/linksPage.njk layout: layouts/linksPage.njk
--- ---
<div class="links-container"> <div class="links-container h-card">
<img class="profilePic" src="{{ metadata.author.profilePic }}"> <img class="profilePic u-photo" src="{{ metadata.author.profilePic }}">
<h1 class="socialTitle">Nathan Upchurch</h1> <h1 class="socialTitle p-name">Nathan Upchurch</h1>
<p class="page-block nodropcap">Here's where you can find me on the internet:</p> <p class="page-block nodropcap">Here's where you can find me on the internet:</p>
<div class="socialLinks"> <div class="socialLinks">
{% for link in metadata.socialLinks %} {% for link in metadata.socialLinks %}
<a class="link-button" {% if link.customAttribute %} {{ link.customAttribute | safe }} {% endif %} href="{{ link.linkURL }}"> <a class="link-button u-url" {% if link.customAttribute %} {{ link.customAttribute | safe }} {% endif %} href="{{ link.linkURL }}">
<button type="button"><img src="{{ link.iconURL }}" />{{ link.linkDisplay }}</button> <button type="button"><img src="{{ link.iconURL }}" />{{ link.linkDisplay }}</button>
</a> </a>
{% endfor %} {% endfor %}

14
_includes/layouts/post.njk
View File

@@ -4,22 +4,22 @@ layout: layouts/base.njk
<article class="post"> <article class="post">
<h1>{{ title | safe }}</h1> <h1>{{ title | safe }}</h1>
{% if not hideMetadata %} {% if not hideMetadata %}
<div class="post-metadata"> <div class="post-metadata h-card">
{% if author %} {% if author %}
{% if author.profilePic %} {% if author.profilePic %}
<img class="profilePic" src="{{ author.profilePic }}"> <img class="profilePic u-photo" src="{{ author.profilePic }}">
{% endif %} {% endif %}
<div class="post-metadata-copy"> <div class="post-metadata-copy">
<p>{% if author.url %}<a href="{{ author.url }}">{% endif %} <p>{% if author.url %}<a class="u-url" href="{{ author.url }}">{% endif %}
{% if author.name %}By {{ author.name }}{% endif %}{% if author.url %}</a>&nbsp;•&nbsp;{% endif %}<time datetime="{{ page.date | htmlDateString }}">{{ page.date | niceDate }}</time>&nbsp;•&nbsp;{{ content | emojiReadTime }}</p> {% if author.name %}By <span class="p-name">{{ author.name }}</span>{% endif %}{% if author.url %}</a>&nbsp;•&nbsp;{% endif %}<time datetime="{{ page.date | htmlDateString }}">{{ page.date | niceDate }}</time>&nbsp;•&nbsp;{{ content | emojiReadTime }}</p>
{% else %} {% else %}
{% if metadata.author.profilePic %} {% if metadata.author.profilePic %}
<img class="profilePic" src="{{ metadata.author.profilePic }}"> <img class="profilePic u-photo" src="{{ metadata.author.profilePic }}">
{% endif %} {% endif %}
<div class="post-metadata-copy"> <div class="post-metadata-copy">
<p>{% if metadata.author.url %}<a href="{{ metadata.author.url }}">{% endif %} <p>{% if metadata.author.url %}<a hclass="u-url" ref="{{ metadata.author.url }}">{% endif %}
{% if metadata.author.name %}By {{ metadata.author.name }}{% endif %}{% if metadata.author.url %}</a>&nbsp;•&nbsp;{% endif %}<time datetime="{{ page.date | htmlDateString }}">{{ page.date | niceDate }}</time>&nbsp;•&nbsp;{{ content | emojiReadTime }}</p> {% if metadata.author.name %}By <span class="p-name">{{ metadata.author.name }}</span>{% endif %}{% if metadata.author.url %}</a>&nbsp;•&nbsp;{% endif %}<time datetime="{{ page.date | htmlDateString }}">{{ page.date | niceDate }}</time>&nbsp;•&nbsp;{{ content | emojiReadTime }}</p>
{% endif %} {% endif %}