Commit 02fb39e7 authored by Bryan  BRANCOTTE's avatar Bryan BRANCOTTE

testing in circle

parent 8faba65b
......@@ -6,6 +6,45 @@
{% block extra_css %}
{{block.super}}
<style>
.step {
font-family: BrandonGrotesqueBld;
border-width:2px!important;
}
.step:not(.numberCircle) {
height: 3.8em;
}
.step+* {
padding-top: 1em!important;
}
.numberCircle {
border-radius: 50%;
width: 6em;
height: 6em;
padding-top: 0em;
}
.numberCircle+* {
padding-top: 2em!important;
}
.numberCircle>* {
flex-wrap: wrap;
}
.numberCircle>*>* {
text-align: center;
}
.numberCircle>*>*:first-child {
flex: 0 0 25%;
max-width: 25%;
margin-left: 25%;
}
.numberCircle>*>*:first-child+* {
flex: 0 0 25%;
max-width: 25%;
}
.numberCircle>*>*:last-child {
flex: 0 0 100%;
}
</style>
{% endblock %}
{% block extra_js %}
......@@ -17,7 +56,7 @@
{% block content%}
<div class="col-12 d-flex mb-4" style="font-size: 1.5em;">
{% for step in fig1 %}
<div class="border border-primary" style="font-family: BrandonGrotesqueBld;border-width:2px!important;height: 3.8em;">
<div class="border border-primary step">
<span class="d-flex p-2">
<span class="pr-2">
<i class="fa {{step.fa}} text-primary"></i>
......@@ -31,15 +70,15 @@
</span>
</div>
{%if not forloop.last%}
<div class="p-2" style="padding-top:1em!important">
<div class="p-2">
<i class="fa fa-arrow-right text-primary"></i>
</div>
{%endif%}
{% endfor%}
</div>
<div class="col-12 d-flex mb-4" style="font-size: 1.5em;">
{% for step in fig2 %}
<div class="border border-primary" style="font-family: BrandonGrotesqueBld;border-width:2px!important;height: 3.8em;">
{% for step in fig1 %}
<div class="border border-primary step numberCircle">
<span class="d-flex p-2">
<span class="pr-2">
<i class="fa {{step.fa}} text-primary"></i>
......@@ -53,7 +92,7 @@
</span>
</div>
{%if not forloop.last%}
<div class="p-2" style="padding-top:1em!important">
<div class="p-2">
<i class="fa fa-arrow-right text-primary"></i>
</div>
{%endif%}
......
......@@ -1859,14 +1859,6 @@ def figure(request):
dict(step=mark_safe('Uploading<br/>Data'), fa='fa-upload', i=4),
dict(step=mark_safe('Matching<br/>Data'), fa='fa-map-signs', i=5),
dict(step=mark_safe('Analysis'), fa='fa-table', i=6),
],
fig2=[
dict(step=mark_safe('Account<br/>Creation'), fa='fa-user-circle-o', i=1),
dict(step=mark_safe('Data<br/>Registration'), fa='fa-database', i=2),
dict(step=mark_safe('Preparing<br/>Dataset'), fa='fa-pencil', i=3),
dict(step=mark_safe('Uploading<br/>Data'), fa='fa-upload', i=4),
dict(step=mark_safe('Matching<br/>Data'), fa='fa-map-signs', i=5),
dict(step=mark_safe('Analysis'), fa='fa-table', i=6),
]
)
return render(
......
Markdown is supported
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