death.au/deathau.weblog.lol
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

adding emoji to template

Browse source 
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
This commit is contained in:
Gordon Pedersen 2024-05-09 08:01:57 +00:00 committed by Gordon Pedersen
parent 9d28f4fc40
commit c0b6f7650b
2 changed files with 21 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
weblog/B0. Template/styles.css.md
View file

@ -90,6 +90,10 @@ article, main.page {
margin-left: .75em; margin-left: .75em;
} }
.post-info>a {
margin-left: 1em;
}
article p { article p {
width: 100%; width: 100%;
} }
@ -136,6 +140,21 @@ iframe {
max-width: 100%; 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;
}

2
weblog/B0. Template/template-post.html.md
View file

@ -5,7 +5,9 @@ Title: Post Template
<aside class="post-info"> <aside class="post-info">
<a href="{location}"><i class="fa-solid fa-clock"></i> <time class="dt-published" datetime="{date}">{date}</time></a> <a href="{location}"><i class="fa-solid fa-clock"></i> <time class="dt-published" datetime="{date}">{date}</time></a>
</aside> </aside>
<i data-emoji="{emoji}"></i>
{body} {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"> <aside class="post-tags">
{tags} {tags}
</aside> </aside>