💄 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

@ -3,35 +3,16 @@
<head>
<title>{% if page.title %}{{ page.title }} | {% endif %}{{ site.title }}</title>
{% include meta.html %}
<link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
<link href='//fonts.googleapis.com/css?family=PT+Serif:regular,italic,bold,bolditalic' rel='stylesheet' type='text/css'>
<link href="//netdna.bootstrapcdn.com/font-awesome/latest/css/font-awesome.css" rel="stylesheet">
<link href="/css/main.css" media="screen, projection" rel="stylesheet" type="text/css">
<link href="/atom.xml" rel="alternate" title="{{site.title}}" type="application/atom+xml">
</head>
<body>
<div class="container">
<div id="header">
<header>
<h1 id="title"><a href="/">{{ site.title }}</a></h1>
</header>
<nav role="navigation">
<ul class="navigation">
<li><a href="/about">About</a></li>
<li><a href="/blog/">Blog</a></li>
<li><a href="/contact">Contact</a></li>
<li><a href="/atom.xml">Feed <i class="fa fa-rss"></i></a></li>
</ul>
</nav>
<body class="bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-100">
<div class="container max-w-2xl mb-24 mt-8 mx-auto">
<div class="px-5 md:px-8">
<main id="main">
{{ content }}
</main>
</div>
<section id="main">
{{ content }}
</section>
<footer>
&copy; 2002-{{ site.time | date:"%Y" }} {{ site.author }}
</footer>
</div>
{% include google_analytics.html %}
</body>
</html>

View File

@ -1,8 +1,10 @@
---
layout: default
---
<header>
<h1>{{ page.title }}</h1>
</header>
{{ content }}
<section class="prose dark:prose-invert my-8">
<header>
<h1>{{ page.title }}</h1>
</header>
{{ content }}
</section>

View File

@ -1,13 +1,30 @@
---
layout: default
---
{% assign post=page %}
{% include post.html %}
{% include vcard.html %}
<h3>related posts</h3>
{% for post in site.related_posts limit:5 %}
{% include article_list.html %}
{% endfor %}
<article class="h-entry prose lg:prose-lg dark:prose-invert" role="article">
<header>
<h1 class="p-name">{{ page.title }}</h1>
<time class="dt-published" datetime="{{ page.date | datetime | date_to_xmlschema }}" pubdate><a class="u-url text-gray-500 text-sm" href="{{ post.url }}">{{ post.date | date: "%B %d, %Y" }}</a></time>
</header>
{% if page.image %}
<figure class="md:-mx-12">
<img class="u-featured rounded-md shadow-md w-full" src="{{ page.image }}" alt="{{ page.title }}">
{% if page.image_source %}
<figcaption>
<cite><a href="{{ page.image_source }}">{{ page.image_source }}</a></cite>
</figcaption>
{% endif %}
</figure>
{% endif %}
<section class="e-content">
{{content}}
</section>
<footer class="flex flex-row not-prose">
<div rel="author" class="p-author h-card basis-1/2">
<img class="u-photo w-8 inline-block" src="/images/walkah-avatar.png" >
<a href="/">walkah</a>
</div>
<div class="text-right basis-1/2">{{ page.tags | tag_links }}</div>
</footer>
</article>