Commit 2884441e authored by Marcelo Schmidt's avatar Marcelo Schmidt Committed by Martin Schoeler

Add Ecuador to map (#775)

* Add Ecuador to map

* Add css to show Ecuador in map

* Fix side

* bump version
Co-authored-by: default avatarMartin Schoeler <martin.schoeler@rocket.chat>
parent 52422a12
......@@ -7,7 +7,7 @@ paginate: 8
future: true
# bump if alterting styles
version: 165
version: 167
# read speed
wpm: 160
......
......@@ -184,6 +184,17 @@
}
}
}
&.ecuador {
top: 76.5%;
left: 28.5%;
animation: 1s 1s appears forwards;
.team-map__profile {
animation: 1s 1.8s appearsBox forwards;
transform: translate(-6.5em, -2em);
}
}
}
@include keyframes(appears) {
......@@ -243,6 +254,18 @@
left: calc(50% - 3.5em);
}
&.right:after {
content: "";
display: block;
border: 0.3em solid transparent;
border-right: 0.3em solid transparent;
border-left: 0.3em solid rgba(56,74,102,0.55);
position: absolute;
bottom: auto;
top: 2em;
left: 92px;
}
.flags {
margin-bottom: 0.3em;
......
......@@ -21,6 +21,7 @@ theme: dark
{% assign GermanyTeam = "" | split: "" %}
{% assign UkraineTeam = "" | split: "" %}
{% assign ChinaTeam = "" | split: "" %}
{% assign EcuadorTeam = "" | split: "" %}
{% for member in teamList %}
{% if member.country == "Brazil" %}
......@@ -49,6 +50,9 @@ theme: dark
{% elsif member.country == "China" %}
{% assign ChinaTeam = ChinaTeam | push: member %}
{% elsif member.country == "Ecuador" %}
{% assign EcuadorTeam = EcuadorTeam | push: member %}
{% endif %}
{% endfor %}
......@@ -280,6 +284,30 @@ theme: dark
</p>
</div>
</div>
<div class="team-map__pin ecuador">
<div class="team-map__profile right">
<div class="flags">
{% for member in EcuadorTeam %}
{% 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>Ecuador</strong>
<span><img src="/images/flags/Ecuador.png" alt="Ecuador" /></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