From c0b6f7650bedba142a8835ebed3e2d71a441a685 Mon Sep 17 00:00:00 2001
From: "death.au" <death.au@death.id.au>
Date: Thu, 9 May 2024 08:01:57 +0000
Subject: [PATCH] adding emoji to template

emoji experimentation

CSS for emoji experimentation

more emoji experiments

more tweaks

attempt to fix emoji

another attempt

trying to get emoji to display

Will it work now?

this should fix emoji

this should prevent emoji from being italics

Attempting to add links to status.lol and fediverse

status link style updates

small fix
---
 weblog/B0. Template/styles.css.md         | 19 +++++++++++++++++++
 weblog/B0. Template/template-post.html.md |  2 ++
 2 files changed, 21 insertions(+)

diff --git a/weblog/B0. Template/styles.css.md b/weblog/B0. Template/styles.css.md
index 891c18a..69315e0 100644
--- a/weblog/B0. Template/styles.css.md	
+++ b/weblog/B0. Template/styles.css.md	
@@ -90,6 +90,10 @@ article, main.page {
 	margin-left: .75em;
 }
 
+.post-info>a {
+	margin-left: 1em;
+}
+
 article p {
 	width: 100%;
 }
@@ -136,6 +140,21 @@ iframe {
 	max-width: 100%;
 }
 
+[data-emoji] {
+	display: inline-block;
+	font-size: 2em;
+	min-width: 1em;
+	font-style: normal;
+}
+
+[data-emoji]::before {
+    content: attr(data-emoji);
+	font-stye: normal;
+}
+
+[data-emoji='{emoji}'], [href='{status_url}'], [href='{external_url}'] {
+	display:none;
+}
 
 
 
diff --git a/weblog/B0. Template/template-post.html.md b/weblog/B0. Template/template-post.html.md
index 964fc94..8e21d98 100644
--- a/weblog/B0. Template/template-post.html.md	
+++ b/weblog/B0. Template/template-post.html.md	
@@ -5,7 +5,9 @@ Title: Post Template
 <aside class="post-info">
 	<a href="{location}"><i class="fa-solid fa-clock"></i> <time class="dt-published" datetime="{date}">{date}</time></a>
 </aside>
+<i data-emoji="{emoji}"></i>
 {body}
+<aside class="post-info"><a href="{status_url}"><i class="omg-icon omg-prami"></i> via status.lol</a><a href="{external_url}"><i class="omg-icon omg-fediverse"></i> Reply on the Fediverse</a></aside>
 <aside class="post-tags">
 	{tags}
 </aside>