87 lines
1.6 KiB
HTML
87 lines
1.6 KiB
HTML
{% extends 'base.html' %}
|
|
|
|
{% block optionalParams %}
|
|
<style>
|
|
.choiceButtons{
|
|
position: absolute;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
top: 80%;
|
|
bottom: 20%;
|
|
}
|
|
.choice{
|
|
border:5px;
|
|
border-color: #4CAF50;
|
|
border-style: dashed;
|
|
}
|
|
|
|
.emoji {
|
|
font-size: 40px;
|
|
display: inline-block;
|
|
animation:
|
|
color .66s linear infinite,
|
|
rotate 1s ease-in-out infinite;
|
|
|
|
&:nth-child(2) { animation-delay: -.66s; }
|
|
&:nth-child(3) { animation-delay: -1.33s; }
|
|
}
|
|
|
|
@keyframes color {
|
|
50% { filter: hue-rotate(360deg); }
|
|
}
|
|
|
|
@keyframes rotate {
|
|
0%, 100% { transform: rotate(20deg); }
|
|
25% { transform: scale(1.1); }
|
|
50% { transform: rotate(-20deg); }
|
|
75% { transform: scale(.9); }
|
|
}
|
|
</style>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="centered">
|
|
{% if request.user.is_superuser %}
|
|
|
|
{% if image %}
|
|
<form method="post">
|
|
{% csrf_token %}
|
|
|
|
<div class="choice">
|
|
<img src="/media/{{ image }}" width="500" width="500" >
|
|
</div><br>
|
|
</div>
|
|
<div class="choiceButtons">
|
|
|
|
<input name="isValid" type="submit" value="Valid">
|
|
<input name="isValid" type="submit" value="Invalid">
|
|
</form>
|
|
|
|
|
|
{% else %}
|
|
|
|
<h1>Congratulations, there is no work left</h1>
|
|
<div class="choiceButtons">
|
|
<h1 class="emoji">🎉</h1>
|
|
<h1 class="emoji">🥳</h1>
|
|
<h1 class="emoji">🎉</h1>
|
|
</div>
|
|
|
|
{% endif %}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
{% else %}
|
|
|
|
<h1>Unauthorized</h1>
|
|
</div>
|
|
|
|
{% endif %}
|
|
{% endblock %}
|
|
|
|
|
|
|