New style initial

_includes/layouts/post.njk

@@ -2,44 +2,39 @@
 layout: layouts/base.njk
 ---
 <article class="post" data-pagefind-body>
-<h1>{{ title | markdownify | safe}}</h1>
-{% include "mastodonComments.njk" %}
-{% if not hideMetadata %}
-<div class="post-metadata">
-	{% if author %}
-	{% if author.profilePic %}
-	<img class="profilePic" src="{{ author.profilePic }}">
-	{% endif %}
-	<div class="post-metadata-copy">
-		<p>{% if author.url %}<a 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>
-
-	{% else %}
-	{% if metadata.author.profilePic %}
-	<img class="profilePic" src="{{ metadata.author.profilePic }}">
-	{% endif %}
-	<div class="post-metadata-copy">
-		<p>{% if metadata.author.url %}<a href="{{ 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>{% if tags and not tags.includes('quiz') %}&nbsp;•&nbsp;{{ content | emojiReadTime }}{% endif %}</p>
-
-	{% endif %}
-
-
-		<ul>
-			{%- for tag in tags | filterTagList %}
-			{%- set tagUrl %}/tags/{{ tag | slugify }}/{% endset %}
-			<li>
-				<a
-				href="{{ tagUrl }}"
-				class="post-tag">
-					{{ tag }}&nbsp;
-				</a>
-			</li>
-			{%- endfor %}
-		</ul>
+	<div class="hero-container">
+		<div class="hero">
+			<p class="post-taglist">
+				{%- for tag in tags | filterTagList %}
+					{%- set tagUrl %}/tags/{{ tag | slugify }}/{% endset %}
+					<a href="{{ tagUrl }}">#{{ tag }}&nbsp;</a>
+				{%- endfor %}
+			</p>
+			<h1>{{ title | markdownify | safe}}</h1>
+			{% if synopsis %}
+				<p class="post-synopsis">
+					{{ synopsis | markdownify | safe}}
+				</p>
+			{% endif %}
+			{% if tags and tags.includes('quiz') %}
+				<p class="post-synopsis">
+					{{ content | markdownify | safe}}
+				</p>
+			{% endif %}
+			{% if not tags.includes('quiz') %}
+				{% if imageURL %}
+					<a href="{{ imageURL }}"><img class="post-image" src="{{ imageURL }}" alt="{{ imageAlt }}"></a>
+				{% endif %}
+				<p class="post-time-author">
+					<time datetime="{{ page.date | htmlDateString }}">{{ page.date | niceDate }}</time><br>
+					By <a href="{% if author %}{{ author.url }}{% else %}{{ metadata.author.url }}{% endif %}">{% if author %}{{ author.name }}{% else %}{{ metadata.author.name }}{% endif %}</a></p>
+			{% endif %}
+		</div>
 	</div>
-</div>
-{% endif %}
-{{ content | safe }}
+{% if tags and not tags.includes('quiz') %}{{ content | safe }}{% endif %}
 </article>
+{% if tags and not tags.includes('quiz') %}
+{% include "articleAuthor.njk" %}
+{% include "mastodonComments.njk" %}
+{% endif %}
 {% include "issoCommenting.njk" %}