Commit 65ad938e authored by lolimay's avatar lolimay

Add China to the team map

parent f27af5ac
......@@ -161,6 +161,22 @@
transform: translate(1.5em, -2em);
}
}
&.china {
top: 58.0%;
left: 78.2%;
animation: 1s 1s appears forwards;
.team-map__profile {
animation: 1s 1.8s appearsBox forwards;
transform: translate(1.5em, -2em);
&:after {
top: calc(50% - 0.38em);
left: -10px;
}
}
}
}
@include keyframes(appears) {
......
......@@ -20,6 +20,7 @@ theme: dark
{% assign IndiaTeam = "" | split: "" %}
{% assign GermanyTeam = "" | split: "" %}
{% assign UkraineTeam = "" | split: "" %}
{% assign ChinaTeam = "" | split: "" %}
{% for member in teamList %}
{% if member.country == "Brazil" %}
......@@ -45,6 +46,9 @@ theme: dark
{% elsif member.country == "Ukraine" %}
{% assign UkraineTeam = UkraineTeam | push: member %}
{% elsif member.country == "China" %}
{% assign ChinaTeam = ChinaTeam | push: member %}
{% endif %}
{% endfor %}
......@@ -252,6 +256,30 @@ theme: dark
</div>
</div>
</div>
<div class="team-map__pin china">
<div class="team-map__profile left">
<div class="flags">
{% for member in ChinaTeam %}
{% if forloop.index <= 5 %}
{% if member.photo %}
<span><img src="/images/team/member/{{ member.username | replace: '.', '-' }}-01.jpg" alt=""></span>
{% else %}
<span><img src="/images/team/placeholder.png" alt=""></span>
{% endif %}
{% endif %}
{% if forloop.length > 5 and forloop.last %}
<span class="count">+{{ forloop.length | minus:5 }}</span>
{% endif %}
{% endfor %}
</div>
<p>
<strong>China</strong>
<span><img src="/images/flags/China.png" alt="China" /></span>
</p>
</div>
</div>
</section>
<div class="space--4"></div>
......
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