25 lines
1,005 B
HTML
25 lines
1,005 B
HTML
<div class="center-align">
|
|
<h2>Your Results</h2>
|
|
</div>
|
|
|
|
<div data-controller="yourscore" class="score-wrapper">
|
|
<p>Your final score is</p>
|
|
<div>
|
|
<div class="yourscore">
|
|
<svg xml:space="preserve" id="svg2" x="0" y="0" version="1.1" viewBox="0 0 100 100">
|
|
<g transform="rotate(90,50,50)">
|
|
<path data-yourscore-target="pathBack" fill="none" stroke-width="10" d="M 5 50 A 45 45 0 0 0 95 50 A 45 45 0 1 0 5 50"/>
|
|
<path data-yourscore-target="path" fill="none" stroke-width="10" class="score"/>
|
|
</g>
|
|
</svg>
|
|
<div data-yourscore-target="count" class="counter">0%</div>
|
|
</div>
|
|
</div>
|
|
<div data-yourscore-target="postScore" class="post-score hidden">
|
|
<div>You achieved a rank of</div>
|
|
<div data-yourscore-target="rank" class="rank"></div>
|
|
<div class="vspacer"></div>
|
|
<a href="{{prefix}}/end" class="button">Continue</a>
|
|
</div>
|
|
</div>
|