Replace scaled triangles with pairs of triangles

Scaling text in CSS is just too fiddly. So let's cheat :-).
This commit is contained in:
Peter J. Holzer 2021-08-29 12:22:12 +02:00
parent 317bebc7a8
commit 23ca037ab4
2 changed files with 17 additions and 20 deletions

View File

@ -41,7 +41,6 @@ header {
.up {
color: #080;
font-size: 2rem;
transform: scale(2,1);
text-align: center;
}
@ -53,7 +52,6 @@ header {
.down {
font-size: 2rem;
color: #C00;
transform: scale(2,1);
text-align: center;
}

View File

@ -14,21 +14,20 @@
<div class="nav top"><a href="{% url 'top' %}"></a></div>
</header>
<div class="imgviewer left" id="view-left">
<div class="up"><a href="{% url 'left-wins' %}"></a></div>
<div class="up"><a href="{% url 'left-wins' %}">◢◣</a></div>
<div class="pic">
<img src="/media/{{left.url}}"><br>{{left.elo | floatformat:"1"}}
</div>
<div class="down"><a href="{% url 'right-wins' %}"></a></div>
<div class="down"><a href="{% url 'right-wins' %}">◥◤</a></div>
</div>
<div class="imgviewer right" id="view-right">
<div class="up"><a href="{% url 'right-wins' %}"></a></div>
<div class="up"><a href="{% url 'right-wins' %}">◢◣</a></div>
<div class="pic">
<img src="/media/{{right.url}}"><br>{{right.elo | floatformat:"1"}}
</div>
<div class="down"><a href="{% url 'left-wins' %}"></a></div>
<div class="down"><a href="{% url 'left-wins' %}">◥◤</a></div>
</div>
</div>
</body>
</html>