Devon/devon.lol
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Display webmentions

Browse source
This commit is contained in:
Devon Campbell 2024-06-20 14:25:29 -04:00
commit 91326c03fc
11 changed files with 314 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

75
assets/css/theme.css
View file

@ -325,6 +325,81 @@ p:first-of-type {
justify-self: end;
}
.webmentions-likes, .webmentions-boosts, .webmentions-replies {
list-style-type: none;
padding: 0;
margin: 0;
}
.webmentions-replies li {
display: flex;
align-items: flex-start;
}
.webmentions-replies li:not(:last-child) {
margin-bottom: 1.25rem;
}
.webmentions-replies li > a,
.webmentions-likes li > a,
.webmentions-boosts li > a {
display: block;
position: relative;
}
.webmentions-likes li > a,
.webmentions-boosts li > a {
width: 4rem;
height: 4rem;
}
.webmentions-replies li > a {
width: 6rem;
height: 6rem;
margin-right: 1rem;
}
.webmentions-replies .from-mastodon > a::before,
.webmentions-likes .from-mastodon > a::before,
.webmentions-boosts .from-mastodon > a::before {
content: "";
position: absolute;
background: url('/images/mastodon-logo.png') no-repeat center center;
background-size: contain;
filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));
}
.webmentions-replies .from-mastodon > a::before {
bottom: 0.25rem;
left: 0.25rem;
width: 1.25rem;
height: 1.25rem;
}
.webmentions-likes .from-mastodon > a::before,
.webmentions-boosts .from-mastodon > a::before {
bottom: 0.15rem;
left: 0.15rem;
width: 1rem;
height: 1rem;
}
.webmentions-replies li img {
width: 6rem;
}
.webmentions-replies li .content {
flex: 1;
}
.webmentions-replies li .content .published-datetime {
font-size: 0.8em;
opacity: 0.8;
}
.webmentions-replies li .content > a {
color: var(--text);
}
.webmentions-likes, .webmentions-boosts {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.webmentions-likes li img, .webmentions-boosts li img {
width: 4rem;
}
.mention-heading {
margin-bottom: 1.2rem;
}
.hidden {
display: none;
}