- Add horizontal nav menu with 7 items: Profile, Characters, Sessions, Mechanics, Leaderboard, Settings, Help - Implement responsive hamburger menu for mobile (≤768px) - Create pages blueprint with stub routes for new pages - Add "Coming Soon" styled stub templates with icons - Include active state highlighting for current page 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
25 lines
1.6 KiB
HTML
25 lines
1.6 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}Mechanics - Code of Conquest{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="page-container">
|
|
<div class="coming-soon-card">
|
|
<h1 class="page-title">Game Mechanics</h1>
|
|
<div class="coming-soon-icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
|
<circle cx="12" cy="12" r="3"/>
|
|
<path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"/>
|
|
</svg>
|
|
</div>
|
|
<p class="coming-soon-text">Coming Soon</p>
|
|
<p class="coming-soon-description">
|
|
Learn about combat, skills, equipment, and the rules of your adventure.
|
|
</p>
|
|
<a href="{{ url_for('character_views.list_characters') }}" class="btn btn-primary">
|
|
Back to Characters
|
|
</a>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|