cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: cleanup webmentions

Browse source
This commit is contained in:
Cory Dransfeldt 2024-01-06 08:17:05 -08:00
parent 1c797df244
commit e45bfe2e8d
No known key found for this signature in database
7 changed files with 31 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/_includes/partials/now/albumReleases.liquid
View file

@ -3,7 +3,7 @@
{% tablericon "calendar-time" "Anticipated albums" %} {% tablericon "calendar-time" "Anticipated albums" %}
Anticipated albums Anticipated albums
</h2> </h2>
<ul class="media__links"> <ul class="link__list">
{% for album in albumReleases %} {% for album in albumReleases %}
<li> <li>
<strong>{{ album.date | readableDate }}: </strong> <strong>{{ album.date | readableDate }}: </strong>

2
src/_includes/partials/now/links.liquid
View file

@ -3,7 +3,7 @@
{% tablericon "link" "Links" %} {% tablericon "link" "Links" %}
Links Links
</h2> </h2>
<ul class="media__links"> <ul class="link__list">
{% for link in links limit: 5 %} {% for link in links limit: 5 %}
<li> <li>
<a class="no-underline" href="{{link.url}}" title="{{link.title | escape}}"> <a class="no-underline" href="{{link.url}}" title="{{link.title | escape}}">

18
src/_includes/partials/webmentions/interaction.liquid
View file

@ -8,16 +8,12 @@
{% if mentions[type].size > 0 %} {% if mentions[type].size > 0 %}
<h2>{{ title }}</h2> <h2>{{ title }}</h2>
<div class="interaction flex--centered"> <div class="interaction flex--centered">
<ul> {% for mention in mentions[type] %}
{% for mention in mentions[type] %} <a href={{mention.url}}>
<li> <div class="avatar__wrapper flex--centered">
<a href={{mention.url}}> {% image mention.author.photo, mention.author.name, 'avatar__wrapper-image' %}
<div class="avatar__wrapper flex--centered"> </div>
{% image mention.author.photo, mention.author.name, 'avatar__wrapper-image' %} </a>
</div> {% endfor %}
</a>
</li>
{% endfor %}
</ul>
</div> </div>
{% endif %} {% endif %}

20
src/_includes/partials/webmentions/links.liquid
View file

@ -1,14 +1,12 @@
{% if mentions['link-to'].size > 0 %} {% if mentions['link-to'].size > 0 %}
<h2>Links</h2> <h2>Links</h2>
<div class="interaction"> <ul class="link__list">
<ul> {% for mention in mentions['link-to'] %}
{% for mention in mentions['link-to'] %} <li>
<li> <a href="{{ mention.url }}">
<a href="{{ mention.url }}"> {{ mention.name }}
{{ mention.name }} </a>
</a> </li>
</li> {% endfor %}
{% endfor %} </ul>
</ul>
</div>
{% endif %} {% endif %}

11
src/assets/styles/index.css
View file

@ -120,7 +120,7 @@ nav ul {
list-style: none; list-style: none;
} }
nav ul li { nav ul li:not(:last-child) {
margin-right: 1rem; margin-right: 1rem;
} }
@ -135,10 +135,6 @@ nav svg:focus {
stroke-width: var(--stroke-width-bold); stroke-width: var(--stroke-width-bold);
} }
nav ul li:last-child {
margin-right: 0;
}
.active, .active,
.active svg { .active svg {
cursor: not-allowed; cursor: not-allowed;
@ -313,6 +309,11 @@ li {
margin-bottom: .5rem; margin-bottom: .5rem;
} }
.link__list,
.link__list li:last-child {
margin-bottom: 0;
}
/* images */ /* images */
.image__banner { .image__banner {
border: 1px solid var(--blue-600); border: 1px solid var(--blue-600);

5
src/assets/styles/widgets/media-grid.css
View file

@ -70,11 +70,6 @@
height: 100%; height: 100%;
} }
.media__links,
.media__links li:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
.media__grid.square { .media__grid.square {
grid-template-columns: repeat(4,minmax(0,1fr)); grid-template-columns: repeat(4,minmax(0,1fr));

11
src/assets/styles/widgets/webmentions.css
View file

@ -4,7 +4,11 @@
margin-top: 1.5rem; margin-top: 1.5rem;
margin-bottom: 3.25rem; margin-bottom: 3.25rem;
padding-top: 1rem; padding-top: 1rem;
padding-bottom: 1rem; padding-bottom: 2.5rem;
}
.webmentions h2:not(:first-child) {
margin-top: 2rem;
} }
.webmentions .interaction.comments { .webmentions .interaction.comments {
@ -57,16 +61,15 @@
margin-top: .25rem; margin-top: .25rem;
} }
.webmentions .interaction ul { .webmentions .interaction {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin: 0 0 0 .75rem; margin: 0 0 0 .75rem;
padding: 0; padding: 0;
list-style: none;
} }
.webmentions .interaction li { .webmentions .interaction > a {
margin-left: -.75rem; margin-left: -.75rem;
height: 3.5rem; height: 3.5rem;
} }