cyberai-1
Keep home page within one viewport
7a8c53b
Raw
History Blame Contribute Delete
1.56 kB
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block title %}Traffic Sign Classifier{% endblock %}</title>
<link rel="stylesheet" href="{{ url_for('static', filename='css/app.css') }}">
</head>
<body class="{% block body_class %}{% endblock %}">
<div class="road-grid" aria-hidden="true">
<span></span><span></span><span></span>
</div>
<header class="topbar">
<a class="brand" href="{{ url_for('welcome') }}">
<span class="brand-mark">TS</span>
<span>Traffic Sign AI</span>
</a>
<nav class="nav">
<a href="{{ url_for('welcome') }}">Home</a>
{% if user %}
<a href="{{ url_for('predict') }}">Predict</a>
<a href="{{ url_for('dashboard') }}">History</a>
<a href="{{ url_for('logout') }}">Logout</a>
{% else %}
<a href="{{ url_for('login') }}">Login</a>
<a class="nav-cta" href="{{ url_for('register') }}">Register</a>
{% endif %}
</nav>
</header>
<main>
{% with messages = get_flashed_messages(with_categories=true) %}
{% if messages %}
<div class="flash-stack">
{% for category, message in messages %}
<div class="flash {{ category }}">{{ message }}</div>
{% endfor %}
</div>
{% endif %}
{% endwith %}
{% block content %}{% endblock %}
</main>
{% block scripts %}{% endblock %}
</body>
</html>