Fix: tagcloud display and link color

This commit is contained in:
Bertrand Benjamin 2020-06-30 14:28:14 +02:00
parent 4d638f75c3
commit a4f9272281
4 changed files with 59 additions and 40 deletions

View File

@ -113,6 +113,48 @@ aside {
} }
} }
} }
.tagcloud {
padding: 0;
list-style: none;
li {
display: inline-block;
}
h2 {
background-color: @sidebar-bg;
margin-bottom: 0;
}
ul {
list-style: none;
padding: 0;
}
ul li {
display: inline-block;
}
li.tag-0 {
font-size: 170%;
}
li.tag-1 {
font-size: 150%;
}
li.tag-2 {
font-size: 120%;
}
li.tag-3 {
font-size: 100%;
}
li.tag-4 {
font-size: 80%;
}
}
} }
main { main {

File diff suppressed because one or more lines are too long

View File

@ -23,7 +23,7 @@
@sidebar-bg: @grey; @sidebar-bg: @grey;
@sidebar-text-color: @white; @sidebar-text-color: @white;
@sidebar-link-color: @white; @sidebar-link-color: @white;
@sidebar-link-hover-color: @light-grey; @sidebar-link-hover-color: @light-orange;
// Buttons // Buttons
@btn-bg: @orange; @btn-bg: @orange;

View File

@ -99,26 +99,28 @@
<nav> <nav>
<ul class="list"> <ul class="list">
{% for category, articles in categories|sort %} {% for category, articles in categories|sort %}
<li><a href="{{ SITEURL }}/{{ category.url }}">{{ category }}</a> ({{ articles|count }})</li> <li><a href="{{ SITEURL }}/{{ category.url }}">{{ category }} ({{ articles|count }})</a></li>
{% endfor %} {% endfor %}
</ul> </ul>
</nav> </nav>
<h2><a href="{{ SITEURL }}/tags.html"> <h2><a href="{{ SITEURL }}/tags.html">
Thèmes Thèmes
</a></h2> </a></h2>
<nav> <nav>
<ul class="tagcloud">
{% for tag in tag_cloud %} <ul class="tagcloud">
<li class="tag-{{ tag.1 }}"> {% for tag in tag_cloud %}
<a href="{{ SITEURL }}/{{ tag.0.url }}"> <li class="tag-{{ tag.1 }}">
{{ tag.0 }} <a href="{{ SITEURL }}/{{ tag.0.url }}">
{% if TAG_CLOUD_BADGE %} {{ tag.0 }}
<span class="badge">{{ tag.2 }}</span> {% if TAG_CLOUD_BADGE %}
{% endif %} <span class="badge">{{ tag.2 }}</span>
</a> {% endif %}
</li> </a>
{% endfor %} </li>
</ul> {% endfor %}
</ul>
</nav> </nav>
</div> </div>