pleroma layout
This commit is contained in:
parent
dd42b76a4a
commit
d7771186a6
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
29
index.html
29
index.html
|
@ -112,22 +112,24 @@ 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 class="description">
|
||||
<div style="background-image:url({{ post.image }})">
|
||||
<p class="editor-link"><a href="cloudcannon:collections/_posts/{{ post.path }}" rel="nofollow"
|
||||
class="btn"><strong>✎</strong> Edit Post</a></p>
|
||||
</div>
|
||||
<div class="description">
|
||||
<div class="container">
|
||||
<h2>{{ post.title }}</h2>
|
||||
|
||||
<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 %}
|
||||
|
|
Loading…
Reference in a new issue