mirror of
https://github.com/bszczuka/steel-training.git
synced 2025-12-21 13:23:02 +01:00
172 lines
5.9 KiB
HTML
172 lines
5.9 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Paper Challenge - Shootoff - {{ distance }} cm
|
|
- {{ size|capitalize }}</title>
|
|
<style>
|
|
@page {
|
|
size: {{size}};
|
|
margin: 5mm;
|
|
}
|
|
|
|
body {
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
.target {
|
|
background-color: dodgerblue;
|
|
position: absolute;
|
|
}
|
|
|
|
.circle {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.post {
|
|
margin: auto;
|
|
background-color: dodgerblue;
|
|
position: relative;
|
|
}
|
|
|
|
.stop-plate {
|
|
background-color: red !important;
|
|
}
|
|
|
|
.page-break {
|
|
page-break-after: always;
|
|
}
|
|
|
|
.content {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.mounting-point {
|
|
height: 10mm;
|
|
width: 0.5mm;
|
|
background-color: #ccc;
|
|
margin: auto;
|
|
}
|
|
|
|
.mounting-info {
|
|
font-size: xx-small;
|
|
color: #ccc;
|
|
text-align: center;
|
|
}
|
|
|
|
.preview {
|
|
position: relative;
|
|
display: block;
|
|
border-bottom: solid 1px black;
|
|
border-top: solid 1px black;
|
|
width: 100%;
|
|
height: 75mm;
|
|
}
|
|
|
|
.preview-post {
|
|
position: absolute;
|
|
bottom: 30%;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="page-break">
|
|
<h1>Paper Challenge</h1>
|
|
<h2>Shootoff</h2>
|
|
|
|
<div class="preview">
|
|
{% for i in range(target_count) %}
|
|
{% if i == target_count-1 %}
|
|
<div class="post preview-post"
|
|
style="width: {{ preview_scale * 150}}mm; height: {{ preview_scale * 550 }}mm; left: {{i * preview_scale * 1000}}mm">
|
|
<div class="target circle" style="
|
|
width: {{ preview_scale * 300 }}mm;
|
|
height: {{ preview_scale * 300 }}mm;
|
|
bottom: {{ (preview_scale * 550) - ((preview_scale * 300)/2) }}mm;
|
|
right: {{ (preview_scale * (300/2)) - (preview_scale * 150 * 1.5) }}mm;
|
|
">
|
|
|
|
</div>
|
|
</div>
|
|
{% else %}
|
|
<div class="post preview-post"
|
|
style="width: {{ preview_scale * 100}}mm; height: {{ preview_scale * 360 }}mm; left: {{i * preview_scale * 1000}}mm">
|
|
<div class="target circle" style="
|
|
width: {{ preview_scale * 200 }}mm;
|
|
height: {{ preview_scale * 200 }}mm;
|
|
bottom: {{ (preview_scale * 360) - ((preview_scale * 200)/2) }}mm;
|
|
right: {{ (preview_scale * (200/2)) - (preview_scale * 100 * 1.5) }}mm;
|
|
">
|
|
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<p>Wymagana długość ściany: {{ wall_length|round(1,'ceil') }}cm</p>
|
|
<p>Odległość od ściany: {{ distance|round(1,'ceil') }}cm</p>
|
|
<p>Przygotowanie toru:</p>
|
|
<ul>
|
|
<li>Umieść z lewej lub prawej strony ściany pierwszy cel ze znacznikiem "punkt ZERO"</li>
|
|
<li>Wyznacz pole startowe {{ box_position|round(1,'ceil') }}cm od punktu "zero" (wzdłuż ściany) oraz w odległości {{distance}}cm od ściany</li>
|
|
<li>Upewnij się, że pole startowe znjaduje się w dogodnym miejscu, pomieszczenia, tak aby nic nie
|
|
przeszkazdało
|
|
w swobodnym dobyciu i składaniu do celów na całej szerokości ściany
|
|
</li>
|
|
<li>W razie potrzeby dostosuj pierwszy cel wraz z punktem ZERO i powtórz dwa powyższe kroki</li>
|
|
<li>Umieść na ścianie pozostałe cele zgodnie z odległościami podanymi na znacznikach pozycji na dole każdego
|
|
celu. Upewnij się, że wszystkie cele są umieszczone w jednej linii równoległej do podłoża</li>
|
|
</ul>
|
|
|
|
</div>
|
|
{% for i in range(target_count) %}
|
|
<div class="page-break">
|
|
<div class="content">
|
|
{% if i == target_count-1 %}
|
|
|
|
<div class="post"
|
|
|
|
style="width: {{ scale * 150}}mm; height: {{ scale * 550 }}mm;">
|
|
<div class="target circle" style="
|
|
width: {{ scale * 300 }}mm;
|
|
height: {{ scale * 300 }}mm;
|
|
bottom: {{ (scale * 550) - ((scale * 300)/2) }}mm;
|
|
right: {{ (scale * (300/2)) - (scale * 150 * 1.5) }}mm;
|
|
">
|
|
|
|
</div>
|
|
</div>
|
|
{% else %}
|
|
<div class="post"
|
|
style="width: {{ scale * 100}}mm; height: {{ scale * 360 }}mm;">
|
|
<div class="target circle" style="
|
|
width: {{ scale * 200 }}mm;
|
|
height: {{ scale * 200 }}mm;
|
|
bottom: {{ (scale * 360) - ((scale * 200)/2) }}mm;
|
|
right: {{ (scale * (200/2)) - (scale * 100 * 1.5) }}mm;
|
|
">
|
|
|
|
</div>
|
|
</div>
|
|
|
|
{% endif %}
|
|
{% if i==0 %}
|
|
<div class="mounting-info">punkt ZERO (Shootoff)</div>
|
|
{% else %}
|
|
<div class="mounting-info">{{ i * gap|round(1,'ceil') }}cm od punktu ZERO (Shootoff)</div>
|
|
{% endif %}
|
|
<div class="mounting-point"></div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
|
|
</body>
|
|
|
|
</html> |