Display tags

This commit is contained in:
Salt 2025-01-23 20:20:20 -06:00
parent 287a9329f5
commit f1890cd1b0
2 changed files with 23 additions and 0 deletions
odyseescraper/templates
static

@ -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);
}