Unverified Commit c65ca5a4 authored by Roland Denis's avatar Roland Denis
Browse files

Replacing circle-* id by a class.

Since it is not an unique identifier (e.g. the cards)
parent 8106303e
......@@ -222,21 +222,21 @@ a:hover{
padding-top: 120px;
}
#circle-journee{
.circle-journee{
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #ff6868;
}
#circle-formation{
.circle-formation{
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #ffb400;
}
#circle-job{
.circle-job{
width: 8px;
height: 8px;
border-radius: 50%;
......
......@@ -2,7 +2,7 @@
<div class="container">
<button type="button" class="header-btn btn btn-dark mb-2 p-2">
<div class="row m-0 d-flex align-items-center">
<div id="circle-{{article.category}}"></div>
<div class="circle-{{article.category}}"></div>
<span class="category text-uppercase pl-2">{{CIRCLES[article.category]}}</span>
</div>
</button>
......
......@@ -2,7 +2,7 @@
<div class="container">
<a href="{{SITEURL}}/{{category.save_as}}" class="header-btn btn btn-dark mb-2 p-2">
<div class="row m-0 d-flex align-items-center">
<div id="circle-{{category.slug}}"></div>
<div class="circle-{{category.slug}}"></div>
<span class="category text-uppercase pl-2">{{CIRCLES[category.slug]}}</span>
</div>
</a>
......
......@@ -11,7 +11,7 @@
, {{ article.job_duration }}
{% endif %}
</span>
<div class="mx-2" id="circle-{{article.category.slug}}"></div>
<div class="mx-2 circle-{{article.category.slug}}"></div>
<span class="category text-uppercase"> {{CIRCLES[article.category.slug]}}</span>
</div>
<div class="card-footer p-0 d-flex align-items-center">
......@@ -33,7 +33,7 @@
{% else %}
<span class="pr-2 border-right">{{ article.date.strftime("%d %B %Y") }}</span>
{% endif %}
<div class="mx-2" id="circle-{{article.category.slug}}"></div>
<div class="mx-2 circle-{{article.category.slug}}"></div>
<span class="category text-uppercase"> {{CIRCLES[article.category.slug]}}</span>
</div>
<div class="card-footer p-0 d-flex align-items-center">
......
......@@ -2,7 +2,7 @@
<div class="container">
<a href="{{SITEURL}}/{{category.save_as}}" class="header-btn btn btn-dark mb-2 p-2">
<div class="row m-0 d-flex align-items-center">
<div id="circle-{{category.slug}}"></div>
<div class="circle-{{category.slug}}"></div>
<span class="category text-uppercase pl-2">{{CIRCLES[category.slug]}}</span>
</div>
</a>
......
......@@ -2,7 +2,7 @@
<div class="container">
<a href="{{SITEURL}}/{{category.save_as}}" class="header-btn btn btn-dark mb-2 p-2">
<div class="row m-0 d-flex align-items-center">
<div id="circle-{{category.slug}}"></div>
<div class="circle-{{category.slug}}"></div>
<span class="category text-uppercase pl-2">{{CIRCLES[category.slug]}}</span>
</div>
</a>
......
......@@ -2,7 +2,7 @@
<div class="container">
<a href="{{SITEURL}}/{{category.save_as}}" class="header-btn btn btn-dark mb-2 p-2">
<div class="row m-0 d-flex align-items-center">
<div id="circle-{{category.slug}}"></div>
<div class="circle-{{category.slug}}"></div>
<span class="category text-uppercase pl-2">{{CIRCLES[category.slug]}}</span>
</div>
</a>
......
......@@ -5,7 +5,7 @@
<div class="container">
<a href="{{SITEURL}}/{{article.category.url}}" class="header-btn btn btn-dark mb-2 p-2">
<div class="row m-0 d-flex align-items-center">
<div id="circle-{{article.category.slug}}"></div>
<div class="circle-{{article.category.slug}}"></div>
<span class="category text-uppercase pl-2">{{CIRCLES[article.category.slug]}}</span>
</div>
</a>
......
......@@ -4,7 +4,7 @@
<div class="container">
<a href="{{SITEURL}}/{{category.save_as}}" class="header-btn btn btn-dark mb-2 p-2">
<div class="row m-0 d-flex align-items-center">
<div id="circle-{{category.slug}}"></div>
<div class="circle-{{category.slug}}"></div>
<span class="category text-uppercase pl-2">{{CIRCLES[category.slug]}}</span>
</div>
</a>
......
......@@ -7,7 +7,7 @@
<div class="container">
<a href="{{ SITEURL }}/category/job.html" class="header-btn btn btn-dark mb-2 p-2">
<div class="row m-0 d-flex align-items-center">
<div id="circle-job"></div>
<div class="circle-job"></div>
<span class="category text-uppercase pl-2">{{CIRCLES['job']}}</span>
</div>
</a>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment