File size: 2,593 Bytes
df53738 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 | {% extends "base.html" %}
{% block content %}
<div class="top-bar">
<a href="/dashboard" class="top-bar-logo-wrap">
<img src="{{ url_for('static', filename='images/logo.png') }}" alt="One Step Greener" class="top-bar-logo" />
</a>
<div class="clock" id="clock">00:00:00</div>
</div>
<h1>Check in</h1>
<p style="margin-bottom: 24px;">Waste management attendance — choose an action below.</p>
<div class="grid-menu">
<a href="/attendance" class="card">
<svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M3 7V5a2 2 0 0 1 2-2h2"></path>
<path d="M17 3h2a2 2 0 0 1 2 2v2"></path>
<path d="M21 17v2a2 2 0 0 1-2 2h-2"></path>
<path d="M7 21H5a2 2 0 0 1-2-2v-2"></path>
<circle cx="12" cy="12" r="5"></circle>
<line x1="12" y1="7" x2="12" y2="7.01"></line>
<line x1="12" y1="17" x2="12" y2="17.01"></line>
<line x1="17" y1="12" x2="17.01" y2="12"></line>
<line x1="7" y1="12" x2="7.01" y2="12"></line>
</svg>
<h3>Attendance</h3>
<span>Scan face to check in</span>
</a>
<a href="/register" class="card">
<svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
<circle cx="8.5" cy="7" r="4"></circle>
<line x1="20" y1="8" x2="20" y2="14"></line>
<line x1="23" y1="11" x2="17" y2="11"></line>
</svg>
<h3>Register</h3>
<span>Enroll new team member</span>
</a>
<a href="/manage" class="card">
<svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
<circle cx="9" cy="7" r="4"></circle>
<path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
<path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
<line x1="18" y1="9" x2="23" y2="9"></line>
<line x1="20.5" y1="6.5" x2="20.5" y2="11.5"></line>
</svg>
<h3>Delete users</h3>
<span>Remove registered users</span>
</a>
</div>
<script>
setInterval(function() {
document.getElementById('clock').textContent = new Date().toLocaleTimeString();
}, 1000);
</script>
{% endblock %}
|