Commit 7c47dbca authored by Bryan  BRANCOTTE's avatar Bryan BRANCOTTE
parent e60e4c44
......@@ -11,19 +11,19 @@
font-family: BrandonGrotesqueBld;
border-width:2px!important;
}
.step:not(.numberCircle) {
.step:not(.numberCircle):not(.numberCircle-nn) {
height: 3.8em;
}
.step+* {
padding-top: 1em!important;
}
.numberCircle {
.numberCircle-nn,.numberCircle {
border-radius: 50%;
width: 6em;
height: 6em;
padding-top: 0em;
}
.numberCircle+*,.numberCircleArrow {
.numberCircle-nn+*,.numberCircle+*,.numberCircleArrow {
padding-top: 2em!important;
}
.numberCircle>* {
......@@ -44,6 +44,19 @@ height: 3.8em;
.numberCircle>*>*:last-child {
flex: 0 0 100%;
}
.numberCircle-nn>*{
flex-direction: column;
}
.numberCircle-nn>*>*{
text-align:center;
}
.numberCircle-nn>*>*:first-child{
font-size: 1.5em;
margin-left: 0.2em;
margin-bottom: -0.3em;
margin-top: -0.2em;
}
</style>
{% endblock %}
......@@ -223,4 +236,60 @@ height: 3.8em;
{%endif%}
{% endfor%}
</div>
<div class="col-12 d-flex mb-4" style="font-size: 1.5em;">
{% for step in fig1 %}
{% if forloop.counter < 4 %}
{%if not forloop.first%}
<div class="p-2 numberCircleArrow">
<i class="fa fa-arrow-right text-primary"></i>
</div>
{%endif%}
<div class="border border-primary step numberCircle-nn">
<span class="d-flex p-2">
<span class="pr-2">
<i class="fa {{step.fa}} text-primary"></i>
</span>
<span>
{{step.step}}
</span>
</span>
</div>
{%endif%}
{% endfor%}
<div class="p-2 numberCircleArrow" style="
position: absolute;
top: 4em;
left: 17.9em;
">
<i class="fa fa-arrow-down text-primary"></i>
</div>
</div>
<div class="col-12 d-flex mb-4" style="font-size: 1.5em;flex-direction: row-reverse;margin-top: 0.4em;">
<div style="flex:1"></div>
{% for step in fig1 %}
{% if forloop.counter >= 4 %}
<div class="border border-primary step numberCircle-nn">
<span class="d-flex p-2">
<span class="pr-2">
<i class="fa {{step.fa}} text-primary"></i>
</span>
<span>
{{step.step}}
</span>
</span>
</div>
{%if not forloop.last%}
<div class="p-2">
<i class="fa fa-arrow-left text-primary"></i>
</div>
{%endif%}
{%endif%}
{% endfor%}
</div>
{% endblock%}
\ No newline at end of file
......@@ -1853,11 +1853,11 @@ def search(request):
def figure(request):
context = dict(
fig1=[
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-keyboard-o', i=3),
dict(step=mark_safe('Account<br/>Registration'), fa='fa-user-circle-o', i=1),
dict(step=mark_safe('Metadata<br/>Recording'), fa='fa-database', i=2),
dict(step=mark_safe('Preparing<br/>Data'), fa='fa-keyboard-o', 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('Matching<br/>Interactions'), fa='fa-map-signs', i=5),
dict(step=mark_safe('Analysis'), fa='fa-table', i=6),
]
)
......
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