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 { .date {
font-size: 0.6em; font-size: 0.6em;
img {
border-radius: 40px;
width: 40px;
height: 40px;
}
} }
h2 { h2 {
padding-top: 0; padding-top: 0;
@ -411,9 +415,20 @@ footer {
} }
hr { hr {
margin-top: 40px; margin-top: 20px;
border: 1px solid var(--fg-alt); 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,22 +112,24 @@ apps:
<section id="read"> <section id="read">
</section> </section>
{% assign sorted = site.posts | sort: 'date' | reverse %} {% for post in site.posts %}
{% for post in sorted %}
{% if post.category == 'releases' %} {% 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 }})">
<div class="description"> <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"> <div class="container">
<h2>{{ post.title }}</h2> <h2>{{ post.title }}</h2>
<p><strong>{% for tag in post.tags %}{{ tag }}{% endfor %} released {% include forloop-dates.html %}</strong></p> <p><strong>{% for tag in post.tags %}{{ tag }}{% endfor %} released {% include forloop-dates.html %}</strong></p>
<p>{{ post.description }}</p> <p>{{ post.description }}</p>
<p><a href="{{ relBase }}{{ post.url }}" class="button">🔊 Listen</a></p> <p><a href="{{ relBase }}{{ post.url }}" class="button">🔊 Listen</a></p>
</div>
</div>
</div>
</div>
</section> </section>
{% endif %} {% endif %}
@ -151,13 +153,14 @@ apps:
{% for enclosure in item.link %} {% for enclosure in item.link %}
{% if enclosure.type == "image/jpeg" %} {% if enclosure.type == "image/jpeg" %}
<img src="{{ enclosure.href }}" /> <a href="{{ item.id }}" target="_blank" rel="noopener"><img src="{{ enclosure.href }}" /></a>
{% endif %} {% endif %}
{% endfor %} {% endfor %}
<p><br /><a href="{{ item.id }}" target="_blank" rel="noopener" class="button">Interact</a></p>
<hr /> <hr />
<p class="date"> <p class="date">
{% assign d = item.published | date: "%-d" %} {% assign d = item.published | date: "%-d" %}
{% case d %} {% case d %}
{% when '1' or '21' or '31' %}{{ d }}:st {% 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 {% when '9' %}September {% when '10' %}October {% when '11' %}November {% when '12' %}December
{% endcase %} {% endcase %}
{{ item.published | date: "%Y" }} - {{ item.published | date: "%R" }} {{ 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> </p>
</div> </div>
{% endunless %} {% endunless %}
{% endfor %} {% endfor %}