mirror of
https://github.com/bszczuka/steel-training.git
synced 2025-12-21 13:23:02 +01:00
90 lines
4.0 KiB
HTML
90 lines
4.0 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Steel Training</title>
|
|
<script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio,line-clamp,container-queries"></script>
|
|
<style>
|
|
/* Style the labels to act like buttons */
|
|
label {
|
|
display: block;
|
|
cursor: pointer;
|
|
border: 2px solid gray;
|
|
border-radius: 8px;
|
|
overflow: hidden;
|
|
transition: border-color 0.2s, box-shadow 0.2s;
|
|
text-align: center;
|
|
}
|
|
|
|
/* Highlight the selected label */
|
|
label:has(input[type="radio"]:checked) {
|
|
border-color: dodgerblue;
|
|
box-shadow: 0 0 10px #3b82f6;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
|
|
<!-- Google tag (gtag.js) -->
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=G-5M29D7J2B6"></script>
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag(){dataLayer.push(arguments);}
|
|
gtag('js', new Date());
|
|
|
|
gtag('config', 'G-5M29D7J2B6');
|
|
</script>
|
|
|
|
<body class="bg-gray-100 font-sans">
|
|
<div class="max-w-4xl mx-auto p-6 bg-white shadow-md rounded-lg mt-10">
|
|
<h1 class="text-2xl font-bold mb-6 text-center text-gray-700">Steel Training</h1>
|
|
<h2 class="my-10 mx-auto text-center font-bold text-xl">{% trans %}Generate stage for{% endtrans %} {% block title %}{% endblock %}</h2>
|
|
<div class="flex flex-col md:flex-row justify-center gap-6 md:gap-3">
|
|
<a href="{{ url_for('index') }}"
|
|
class="{{ 'shadow-inner shadow-blue-900' if current_url == url_for('index') else '' }} bg-blue-500 text-white py-2 px-4 rounded-md hover:bg-blue-600 transition-colors">
|
|
Steel Challenge
|
|
</a>
|
|
<a href="{{ url_for('shootoff') }}"
|
|
class="{{ 'shadow-inner shadow-blue-900' if current_url == url_for('shootoff') else '' }} bg-blue-500 text-white py-2 px-4 rounded-md hover:bg-blue-600 transition-colors">
|
|
Shootoff
|
|
</a>
|
|
<a href="{{ url_for('ipsc') }}"
|
|
class="{{ 'shadow-inner shadow-blue-900' if current_url == url_for('ipsc') else '' }} bg-blue-500 text-white py-2 px-4 rounded-md hover:bg-blue-600 transition-colors">
|
|
El Presidente
|
|
</a>
|
|
<a href="{{ url_for('custom') }}"
|
|
class="{{ 'shadow-inner shadow-blue-900' if current_url == url_for('custom') else '' }} bg-blue-500 text-white py-2 px-4 rounded-md hover:bg-blue-600 transition-colors">
|
|
{% trans %}Custom{% endtrans %}
|
|
</a>
|
|
|
|
</div>
|
|
<div class="flex justify-center mt-4">
|
|
<a href="https://buycoffee.to/bogson" target="_blank"
|
|
class="bg-green-500 text-white py-2 px-4 rounded-md hover:bg-green-600 transition-colors">
|
|
Wesprzyj projekt
|
|
</a>
|
|
</div>
|
|
{% with messages = get_flashed_messages(with_categories=True) %}
|
|
{% if messages %}
|
|
<div class="mt-4">
|
|
{% for category, message in messages %}
|
|
{% if category == 'danger' %}
|
|
<div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative" role="alert">
|
|
<strong class="font-bold">{% trans %}Error{% endtrans %}</strong>
|
|
{%else%}
|
|
<div class="bg-blue-100 border border-blue-400 text-blue-700 px-4 py-3 rounded relative" role="alert">
|
|
<strong class="font-bold">{% trans %}Info{% endtrans %}</strong>
|
|
{%endif%}
|
|
<span class="block sm:inline">{{ message }}</span>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
{% endwith %}
|
|
{% block content %}{% endblock %}
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|