💄 new design (with microformats)

This commit is contained in:
2022-05-26 21:57:21 -04:00
parent 7029850f65
commit bc4063d2ae
12 changed files with 77 additions and 73 deletions

View File

@ -1,4 +1,4 @@
<article class="list">
<time datetime="{{ post.date | datetime | date_to_xmlschema }}" pubdate>{{ post.date | date: "%B %d" }}</time>
<a href="{{ post.url }}">{{post.title}}</a>
<article class="h-entry">
<time class="dt-published" datetime="{{ post.date | datetime | date_to_xmlschema }}" pubdate>{{ post.date | date: "%B %d" }}</time>
<a href="{{ post.url }}" class="u-url p-name">{{post.title}}</a>
</article>

View File

@ -1,22 +1,22 @@
<article class="hentry" role="article">
<article class="h-entry prose lg:prose-lg" role="article">
<header>
<h1 class="entry-title">{{ post.title }}</h1>
<time datetime="{{ post.date | datetime | date_to_xmlschema }}" pubdate><a href="{{ post.url }}">{{ post.date | date: "%B %d, %Y" }}</a></time>
{% if post.image %}
<figure>
<img class="feature-image" src="{{ post.image }}" alt="{{ post.title }}">
{% if post.image_source %}
<figcaption>
<cite><a href="{{ post.image_source }}">{{ post.image_source }}</a></cite>
</figcaption>
{% endif %}
</figure>
{% endif %}
<h1 class="p-name">{{ post.title }}</h1>
<time class="dt-published" datetime="{{ post.date | datetime | date_to_xmlschema }}" pubdate><a class="u-url" href="{{ post.url }}">{{ post.date | date: "%B %d, %Y" }}</a></time>
</header>
<div class="entry-content">
{{ content }}
</div>
<footer class="meta">
<p><i class="fa fa-tags"></i> {{ post.tags | tag_links }}</p>
{% if post.image %}
<figure class="-mx-12">
<img class="u-featured rounded-md shadow-md w-full" src="{{ post.image }}" alt="{{ post.title }}">
{% if post.image_source %}
<figcaption>
<cite><a href="{{ post.image_source }}">{{ post.image_source }}</a></cite>
</figcaption>
{% endif %}
</figure>
{% endif %}
<section class="e-content">
{{content}}
</section>
<footer>
<p>{{ post.tags | tag_links }}</p>
</footer>
</article>

View File

@ -1,5 +1,5 @@
<div class="vcard">
<img src="//www.gravatar.com/avatar/b29b5419f81fa03145cafc684bb20c76.png?s=75" class="photo left" alt="James Walker" >
<p><a href="/about" class="fn n">James Walker</a> (a.k.a. <a href="https://walkah.net/" rel="me" class="url nickname uid">walkah</a>) is an independent developer and hacker. He is a long time <a href="http://drupal.org/user/1531" rel="me">Drupal</a> developer, but these days spends more time in Python, Ruby and Javascript.</p>
<p> <img src="//www.gravatar.com/avatar/b29b5419f81fa03145cafc684bb20c76.png?s=75" class="inline-block" alt="James Walker" >
<a href="/about" class="fn n">James Walker</a> (a.k.a. <a href="https://walkah.net/" rel="me" class="url nickname uid">walkah</a>) is an independent developer and hacker. He is a long time <a href="http://drupal.org/user/1531" rel="me">Drupal</a> developer, but these days spends more time in Python, Ruby and Javascript.</p>
<p>You can follow him on <a href="https://twitter.com/walkah" rel="me">twitter</a> or <a href="https://github.com/walkah">github</a>.</p>
</div>