hjp
/
picture-tournament
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pt/static/style.css
View File

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

35
pt/templates/pt/compare.html
View File

@ -8,27 +8,26 @@
</head> </head>
<body> <body>
<div id="page"> <div id="page">
<header id="hdr"> <header id="hdr">
<div class="nav refresh"><a href="{% url 'refresh' %}">⟳</a></div> <div class="nav refresh"><a href="{% url 'refresh' %}">⟳</a></div>
<h1> Picture Tournament </h1> <h1> Picture Tournament </h1>
<div class="nav top"><a href="{% url 'top' %}">▤</a></div> <div class="nav top"><a href="{% url 'top' %}">▤</a></div>
</header> </header>
<div class="imgviewer left" id="view-left"> <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"> <div class="pic">
<img src="/media/{{left.url}}"><br>{{left.elo | floatformat:"1"}} <img src="/media/{{left.url}}"><br>{{left.elo | floatformat:"1"}}
</div>
<div class="down"><a href="{% url 'right-wins' %}">◥◤</a></div>
</div> </div>
<div class="down"><a href="{% url 'right-wins' %}">▼</a></div>
</div>
<div class="imgviewer right" id="view-right"> <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"> <div class="pic">
<img src="/media/{{right.url}}"><br>{{right.elo | floatformat:"1"}} <img src="/media/{{right.url}}"><br>{{right.elo | floatformat:"1"}}
</div>
<div class="down"><a href="{% url 'left-wins' %}">◥◤</a></div>
</div> </div>
<div class="down"><a href="{% url 'left-wins' %}">▼</a></div>
</div>
</div> </div>
</body> </body>
</html> </html>