pleroma layout

This commit is contained in:
sakrecoer 2020-12-25 21:18:56 +01:00
parent dd42b76a4a
commit d7771186a6
2 changed files with 43 additions and 17 deletions

View file

@ -403,7 +403,11 @@ footer {
}
.date {
font-size: 0.6em;
img {
border-radius: 40px;
width: 40px;
height: 40px;
}
}
h2 {
padding-top: 0;
@ -411,9 +415,20 @@ footer {
}
hr {
margin-top: 40px;
margin-top: 20px;
border: 1px solid var(--fg-alt);
}
}
}
@media only screen and (max-width: 720px) {
.container {
width: 100vw;
justify-content: center;
div {
flex: 1 1 280px;
}
}
}
}

View file

@ -112,12 +112,14 @@ apps:
<section id="read">
</section>
{% assign sorted = site.posts | sort: 'date' | reverse %}
{% for post in sorted %}
{% for post in site.posts %}
{% if post.category == 'releases' %}
<section class="news" style="margin:0;">
<section id="read" class="front-section">
<div style="background-image:url({{ relBase }}{{ post.image }}"></div>
<div style="background-image:url({{ post.image }})">
<p class="editor-link"><a href="cloudcannon:collections/_posts/{{ post.path }}" rel="nofollow"
class="btn"><strong>&#9998;</strong> Edit Post</a></p>
</div>
<div class="description">
<div class="container">
<h2>{{ post.title }}</h2>
@ -125,9 +127,9 @@ apps:
<p><strong>{% for tag in post.tags %}{{ tag }}{% endfor %} released {% include forloop-dates.html %}</strong></p>
<p>{{ post.description }}</p>
<p><a href="{{ relBase }}{{ post.url }}" class="button">🔊 Listen</a></p>
</div>
</div>
</div>
</div>
</section>
{% endif %}
@ -151,13 +153,14 @@ apps:
{% for enclosure in item.link %}
{% if enclosure.type == "image/jpeg" %}
<img src="{{ enclosure.href }}" />
<a href="{{ item.id }}" target="_blank" rel="noopener"><img src="{{ enclosure.href }}" /></a>
{% endif %}
{% endfor %}
<p><br /><a href="{{ item.id }}" target="_blank" rel="noopener" class="button">Interact</a></p>
<hr />
<p class="date">
{% assign d = item.published | date: "%-d" %}
{% case d %}
{% when '1' or '21' or '31' %}{{ d }}:st
@ -178,7 +181,15 @@ apps:
{% when '9' %}September {% when '10' %}October {% when '11' %}November {% when '12' %}December
{% endcase %}
{{ item.published | date: "%Y" }} - {{ item.published | date: "%R" }}
<br />
{% assign avatars = site.data.pleroma.feed.author.link %}
{% for avatar in avatars %}
{% if avatar.rel == 'avatar' %}
<a href="{{ site.data.pleroma.feed.author.uri }}" target="_blank" rel="noopener"><img src="{{ avatar.href }}" /></a>
{% endif %}
{% endfor %}
</p>
</div>
{% endunless %}
{% endfor %}