Display tags
This commit is contained in:
parent
287a9329f5
commit
f1890cd1b0
@ -8,7 +8,13 @@
|
||||
<div class="card">
|
||||
<img src="{{ release.thumbnail }}" class="cardthumbnail" />
|
||||
<a href="{{ release.url }}"><h2>{{ release.name }}</h2></a>
|
||||
<p class="handle">{{ release.channel.handle }}</p>
|
||||
<p class="description">{{ release.description }}</p>
|
||||
<div class="tagcontainer">
|
||||
{% for tag in release.tags.all %}
|
||||
<a class="tag">{{ tag.name }}</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
@ -7,6 +7,7 @@
|
||||
--background-bright: #32302f;
|
||||
--background: #282828;
|
||||
--foreground: #ebdbb2;
|
||||
--foreground-dim: #a89984;
|
||||
--good: #b8bb26;
|
||||
--warning: #fabd2f;
|
||||
--error: #fb4934;
|
||||
@ -85,6 +86,9 @@ div.cardcontainer div.card h2 {
|
||||
margin: 0px;
|
||||
max-width: 80%;
|
||||
}
|
||||
div.cardcontainer div.card p.handle {
|
||||
color: var(--foreground-dim);
|
||||
}
|
||||
div.cardcontainer div.card p.description {
|
||||
max-height: 8em;
|
||||
max-width: 80%;
|
||||
@ -104,3 +108,16 @@ div.cardcontainer div.card a.downloadbutton {
|
||||
div.cardcontainer div.card a.downloadbutton:hover {
|
||||
background: var(--link-hover);
|
||||
}
|
||||
div.cardcontainer div.card div.tagcontainer {
|
||||
background: var(--background-bright);
|
||||
}
|
||||
div.cardcontainer div.card div.tagcontainer a.tag {
|
||||
background: var(--link);
|
||||
color: var(--background);
|
||||
font-size: 80%;
|
||||
padding: 0.25em;
|
||||
border-radius: 8px;
|
||||
}
|
||||
div.cardcontainer div.card div.tagcontainer a.tag:hover {
|
||||
background: var(--link-hover);
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user