Compare commits
2 Commits
4d26c43d1d
...
1b21465dc4
| Author | SHA1 | Date | |
|---|---|---|---|
| 1b21465dc4 | |||
| 77d913fe50 |
@@ -57,10 +57,12 @@ def create_app():
|
|||||||
from .views.auth_views import auth_bp
|
from .views.auth_views import auth_bp
|
||||||
from .views.character_views import character_bp
|
from .views.character_views import character_bp
|
||||||
from .views.game_views import game_bp
|
from .views.game_views import game_bp
|
||||||
|
from .views.pages import pages_bp
|
||||||
|
|
||||||
app.register_blueprint(auth_bp)
|
app.register_blueprint(auth_bp)
|
||||||
app.register_blueprint(character_bp)
|
app.register_blueprint(character_bp)
|
||||||
app.register_blueprint(game_bp)
|
app.register_blueprint(game_bp)
|
||||||
|
app.register_blueprint(pages_bp)
|
||||||
|
|
||||||
# Register Jinja filters
|
# Register Jinja filters
|
||||||
def format_timestamp(iso_string: str) -> str:
|
def format_timestamp(iso_string: str) -> str:
|
||||||
@@ -107,6 +109,6 @@ def create_app():
|
|||||||
logger.error("internal_server_error", error=str(error))
|
logger.error("internal_server_error", error=str(error))
|
||||||
return render_template('errors/500.html'), 500
|
return render_template('errors/500.html'), 500
|
||||||
|
|
||||||
logger.info("flask_app_created", blueprints=["auth", "character", "game"])
|
logger.info("flask_app_created", blueprints=["auth", "character", "game", "pages"])
|
||||||
|
|
||||||
return app
|
return app
|
||||||
|
|||||||
96
public_web/app/views/pages.py
Normal file
96
public_web/app/views/pages.py
Normal file
@@ -0,0 +1,96 @@
|
|||||||
|
"""
|
||||||
|
Pages Views Blueprint
|
||||||
|
|
||||||
|
This module provides web UI routes for static/stub pages:
|
||||||
|
- Profile page
|
||||||
|
- Sessions page
|
||||||
|
- Mechanics page
|
||||||
|
- Leaderboard page
|
||||||
|
- Settings page
|
||||||
|
- Help page
|
||||||
|
|
||||||
|
These are currently stub pages that will be implemented in future phases.
|
||||||
|
"""
|
||||||
|
|
||||||
|
from flask import Blueprint, render_template
|
||||||
|
from app.utils.auth import require_auth_web
|
||||||
|
from app.utils.logging import get_logger
|
||||||
|
|
||||||
|
|
||||||
|
# Initialize logger
|
||||||
|
logger = get_logger(__file__)
|
||||||
|
|
||||||
|
# Create blueprint
|
||||||
|
pages_bp = Blueprint('pages', __name__)
|
||||||
|
|
||||||
|
|
||||||
|
@pages_bp.route('/profile')
|
||||||
|
@require_auth_web
|
||||||
|
def profile():
|
||||||
|
"""
|
||||||
|
Display player profile page.
|
||||||
|
|
||||||
|
Currently a stub - will show player stats, achievements, etc.
|
||||||
|
"""
|
||||||
|
logger.info("Accessing profile page")
|
||||||
|
return render_template('pages/profile.html')
|
||||||
|
|
||||||
|
|
||||||
|
@pages_bp.route('/sessions')
|
||||||
|
@require_auth_web
|
||||||
|
def sessions():
|
||||||
|
"""
|
||||||
|
Display active game sessions page.
|
||||||
|
|
||||||
|
Currently a stub - will show list of active/past sessions.
|
||||||
|
"""
|
||||||
|
logger.info("Accessing sessions page")
|
||||||
|
return render_template('pages/sessions.html')
|
||||||
|
|
||||||
|
|
||||||
|
@pages_bp.route('/mechanics')
|
||||||
|
@require_auth_web
|
||||||
|
def mechanics():
|
||||||
|
"""
|
||||||
|
Display game mechanics reference page.
|
||||||
|
|
||||||
|
Currently a stub - will explain combat, skills, items, etc.
|
||||||
|
"""
|
||||||
|
logger.info("Accessing mechanics page")
|
||||||
|
return render_template('pages/mechanics.html')
|
||||||
|
|
||||||
|
|
||||||
|
@pages_bp.route('/leaderboard')
|
||||||
|
@require_auth_web
|
||||||
|
def leaderboard():
|
||||||
|
"""
|
||||||
|
Display leaderboard page.
|
||||||
|
|
||||||
|
Currently a stub - will show top players, achievements, etc.
|
||||||
|
"""
|
||||||
|
logger.info("Accessing leaderboard page")
|
||||||
|
return render_template('pages/leaderboard.html')
|
||||||
|
|
||||||
|
|
||||||
|
@pages_bp.route('/settings')
|
||||||
|
@require_auth_web
|
||||||
|
def settings():
|
||||||
|
"""
|
||||||
|
Display user settings page.
|
||||||
|
|
||||||
|
Currently a stub - will allow account settings, preferences, etc.
|
||||||
|
"""
|
||||||
|
logger.info("Accessing settings page")
|
||||||
|
return render_template('pages/settings.html')
|
||||||
|
|
||||||
|
|
||||||
|
@pages_bp.route('/help')
|
||||||
|
@require_auth_web
|
||||||
|
def help_page():
|
||||||
|
"""
|
||||||
|
Display help/guide page.
|
||||||
|
|
||||||
|
Currently a stub - will provide tutorials, FAQs, support info.
|
||||||
|
"""
|
||||||
|
logger.info("Accessing help page")
|
||||||
|
return render_template('pages/help.html')
|
||||||
@@ -130,6 +130,207 @@ body {
|
|||||||
text-shadow: 0 0 8px rgba(243, 156, 18, 0.3);
|
text-shadow: 0 0 8px rgba(243, 156, 18, 0.3);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* ===== NAVIGATION MENU ===== */
|
||||||
|
.nav-menu {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-item {
|
||||||
|
font-family: var(--font-body);
|
||||||
|
font-size: var(--text-sm);
|
||||||
|
color: var(--text-secondary);
|
||||||
|
text-decoration: none;
|
||||||
|
padding: 0.5rem 0.75rem;
|
||||||
|
border-radius: 4px;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-item:hover {
|
||||||
|
color: var(--accent-gold);
|
||||||
|
background: rgba(243, 156, 18, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-item.active {
|
||||||
|
color: var(--accent-gold);
|
||||||
|
background: rgba(243, 156, 18, 0.15);
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Header User Section */
|
||||||
|
.header-user {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 1rem;
|
||||||
|
padding-left: 1rem;
|
||||||
|
border-left: 1px solid var(--border-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== HAMBURGER MENU (Mobile) ===== */
|
||||||
|
.hamburger-btn {
|
||||||
|
display: none;
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 0.5rem;
|
||||||
|
z-index: 1001;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hamburger-icon {
|
||||||
|
display: block;
|
||||||
|
width: 24px;
|
||||||
|
height: 2px;
|
||||||
|
background: var(--text-primary);
|
||||||
|
position: relative;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hamburger-icon::before,
|
||||||
|
.hamburger-icon::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
width: 24px;
|
||||||
|
height: 2px;
|
||||||
|
background: var(--text-primary);
|
||||||
|
left: 0;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hamburger-icon::before {
|
||||||
|
top: -8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hamburger-icon::after {
|
||||||
|
bottom: -8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Hamburger animation when open */
|
||||||
|
.hamburger-btn.open .hamburger-icon {
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hamburger-btn.open .hamburger-icon::before {
|
||||||
|
transform: rotate(45deg);
|
||||||
|
top: 0;
|
||||||
|
background: var(--accent-gold);
|
||||||
|
}
|
||||||
|
|
||||||
|
.hamburger-btn.open .hamburger-icon::after {
|
||||||
|
transform: rotate(-45deg);
|
||||||
|
bottom: 0;
|
||||||
|
background: var(--accent-gold);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== MOBILE MENU ===== */
|
||||||
|
.mobile-menu {
|
||||||
|
display: none;
|
||||||
|
flex-direction: column;
|
||||||
|
background: var(--bg-secondary);
|
||||||
|
border-top: 1px solid var(--border-primary);
|
||||||
|
padding: 1rem;
|
||||||
|
position: absolute;
|
||||||
|
top: 100%;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 1000;
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile-menu.open {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile-nav-item {
|
||||||
|
font-family: var(--font-body);
|
||||||
|
font-size: var(--text-base);
|
||||||
|
color: var(--text-secondary);
|
||||||
|
text-decoration: none;
|
||||||
|
padding: 0.75rem 1rem;
|
||||||
|
border-radius: 4px;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile-nav-item:hover {
|
||||||
|
color: var(--accent-gold);
|
||||||
|
background: rgba(243, 156, 18, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile-nav-item.active {
|
||||||
|
color: var(--accent-gold);
|
||||||
|
background: rgba(243, 156, 18, 0.15);
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile-menu-divider {
|
||||||
|
height: 1px;
|
||||||
|
background: var(--border-primary);
|
||||||
|
margin: 0.75rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile-user-greeting {
|
||||||
|
font-size: var(--text-sm);
|
||||||
|
color: var(--text-muted);
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile-logout {
|
||||||
|
color: var(--accent-red-light);
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
|
text-align: left;
|
||||||
|
cursor: pointer;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile-logout:hover {
|
||||||
|
color: var(--accent-red);
|
||||||
|
background: rgba(192, 57, 43, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== RESPONSIVE HEADER ===== */
|
||||||
|
@media (max-width: 992px) {
|
||||||
|
.nav-item {
|
||||||
|
padding: 0.4rem 0.5rem;
|
||||||
|
font-size: var(--text-xs);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
gap: 0.125rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-user {
|
||||||
|
padding-left: 0.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-greeting {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.header {
|
||||||
|
position: relative;
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-menu {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-user {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hamburger-btn {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
font-size: var(--text-xl);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/* ===== MAIN CONTENT ===== */
|
/* ===== MAIN CONTENT ===== */
|
||||||
main {
|
main {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
@@ -606,3 +807,56 @@ main {
|
|||||||
.hidden {
|
.hidden {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* ===== PAGE CONTAINER ===== */
|
||||||
|
.page-container {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 600px;
|
||||||
|
padding: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== COMING SOON CARD ===== */
|
||||||
|
.coming-soon-card {
|
||||||
|
background: var(--bg-secondary);
|
||||||
|
border: 2px solid var(--border-ornate);
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 3rem 2rem;
|
||||||
|
text-align: center;
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.coming-soon-card .page-title {
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.coming-soon-icon {
|
||||||
|
color: var(--accent-gold);
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.coming-soon-icon svg {
|
||||||
|
width: 64px;
|
||||||
|
height: 64px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.coming-soon-text {
|
||||||
|
font-family: var(--font-heading);
|
||||||
|
font-size: var(--text-2xl);
|
||||||
|
color: var(--text-secondary);
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 3px;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.coming-soon-description {
|
||||||
|
font-size: var(--text-base);
|
||||||
|
color: var(--text-muted);
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.coming-soon-card .btn {
|
||||||
|
width: auto;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|||||||
@@ -28,14 +28,49 @@
|
|||||||
<a href="/" class="logo">⚔️ Code of Conquest</a>
|
<a href="/" class="logo">⚔️ Code of Conquest</a>
|
||||||
|
|
||||||
{% if current_user %}
|
{% if current_user %}
|
||||||
<nav class="header-nav">
|
<!-- Desktop Navigation Menu -->
|
||||||
<span class="user-greeting">Welcome, {{ current_user.name or current_user.email }}!</span>
|
<nav class="nav-menu">
|
||||||
|
<a href="{{ url_for('pages.profile') }}" class="nav-item {% if request.path == '/profile' %}active{% endif %}">Profile</a>
|
||||||
|
<a href="{{ url_for('character_views.list_characters') }}" class="nav-item {% if request.path.startswith('/characters') %}active{% endif %}">Characters</a>
|
||||||
|
<a href="{{ url_for('pages.sessions') }}" class="nav-item {% if request.path == '/sessions' %}active{% endif %}">Sessions</a>
|
||||||
|
<a href="{{ url_for('pages.mechanics') }}" class="nav-item {% if request.path == '/mechanics' %}active{% endif %}">Mechanics</a>
|
||||||
|
<a href="{{ url_for('pages.leaderboard') }}" class="nav-item {% if request.path == '/leaderboard' %}active{% endif %}">Leaderboard</a>
|
||||||
|
<a href="{{ url_for('pages.settings') }}" class="nav-item {% if request.path == '/settings' %}active{% endif %}">Settings</a>
|
||||||
|
<a href="{{ url_for('pages.help_page') }}" class="nav-item {% if request.path == '/help' %}active{% endif %}">Help</a>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<!-- User Info & Logout -->
|
||||||
|
<div class="header-user">
|
||||||
|
<span class="user-greeting">{{ current_user.name or current_user.email }}</span>
|
||||||
<form method="POST" action="{{ url_for('auth_views.logout') }}" class="logout-form">
|
<form method="POST" action="{{ url_for('auth_views.logout') }}" class="logout-form">
|
||||||
<button type="submit" class="btn-link">Logout</button>
|
<button type="submit" class="btn-link">Logout</button>
|
||||||
</form>
|
</form>
|
||||||
</nav>
|
</div>
|
||||||
|
|
||||||
|
<!-- Mobile Hamburger Button -->
|
||||||
|
<button class="hamburger-btn" onclick="toggleMobileMenu()" aria-label="Toggle menu">
|
||||||
|
<span class="hamburger-icon"></span>
|
||||||
|
</button>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{% if current_user %}
|
||||||
|
<!-- Mobile Navigation Menu -->
|
||||||
|
<nav class="mobile-menu" id="mobileMenu">
|
||||||
|
<a href="{{ url_for('pages.profile') }}" class="mobile-nav-item {% if request.path == '/profile' %}active{% endif %}">Profile</a>
|
||||||
|
<a href="{{ url_for('character_views.list_characters') }}" class="mobile-nav-item {% if request.path.startswith('/characters') %}active{% endif %}">Characters</a>
|
||||||
|
<a href="{{ url_for('pages.sessions') }}" class="mobile-nav-item {% if request.path == '/sessions' %}active{% endif %}">Sessions</a>
|
||||||
|
<a href="{{ url_for('pages.mechanics') }}" class="mobile-nav-item {% if request.path == '/mechanics' %}active{% endif %}">Mechanics</a>
|
||||||
|
<a href="{{ url_for('pages.leaderboard') }}" class="mobile-nav-item {% if request.path == '/leaderboard' %}active{% endif %}">Leaderboard</a>
|
||||||
|
<a href="{{ url_for('pages.settings') }}" class="mobile-nav-item {% if request.path == '/settings' %}active{% endif %}">Settings</a>
|
||||||
|
<a href="{{ url_for('pages.help_page') }}" class="mobile-nav-item {% if request.path == '/help' %}active{% endif %}">Help</a>
|
||||||
|
<div class="mobile-menu-divider"></div>
|
||||||
|
<span class="mobile-user-greeting">{{ current_user.name or current_user.email }}</span>
|
||||||
|
<form method="POST" action="{{ url_for('auth_views.logout') }}" class="logout-form">
|
||||||
|
<button type="submit" class="mobile-nav-item mobile-logout">Logout</button>
|
||||||
|
</form>
|
||||||
|
</nav>
|
||||||
|
{% endif %}
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<!-- Main Content -->
|
<!-- Main Content -->
|
||||||
@@ -65,6 +100,36 @@
|
|||||||
</p>
|
</p>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
|
<!-- Mobile Menu JavaScript -->
|
||||||
|
<script>
|
||||||
|
function toggleMobileMenu() {
|
||||||
|
const menu = document.getElementById('mobileMenu');
|
||||||
|
const btn = document.querySelector('.hamburger-btn');
|
||||||
|
menu.classList.toggle('open');
|
||||||
|
btn.classList.toggle('open');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Close menu when clicking outside
|
||||||
|
document.addEventListener('click', function(event) {
|
||||||
|
const menu = document.getElementById('mobileMenu');
|
||||||
|
const btn = document.querySelector('.hamburger-btn');
|
||||||
|
if (menu && !menu.contains(event.target) && !btn.contains(event.target)) {
|
||||||
|
menu.classList.remove('open');
|
||||||
|
btn.classList.remove('open');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// Close menu on HTMX navigation
|
||||||
|
document.body.addEventListener('htmx:afterRequest', function() {
|
||||||
|
const menu = document.getElementById('mobileMenu');
|
||||||
|
const btn = document.querySelector('.hamburger-btn');
|
||||||
|
if (menu) {
|
||||||
|
menu.classList.remove('open');
|
||||||
|
btn.classList.remove('open');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
<!-- JavaScript -->
|
<!-- JavaScript -->
|
||||||
{% block scripts %}{% endblock %}
|
{% block scripts %}{% endblock %}
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
25
public_web/templates/pages/help.html
Normal file
25
public_web/templates/pages/help.html
Normal file
@@ -0,0 +1,25 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block title %}Help - Code of Conquest{% endblock %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
<div class="page-container">
|
||||||
|
<div class="coming-soon-card">
|
||||||
|
<h1 class="page-title">Help & Guide</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="10"/>
|
||||||
|
<path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/>
|
||||||
|
<line x1="12" y1="17" x2="12.01" y2="17"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<p class="coming-soon-text">Coming Soon</p>
|
||||||
|
<p class="coming-soon-description">
|
||||||
|
Find tutorials, FAQs, and guides to help you on your adventures.
|
||||||
|
</p>
|
||||||
|
<a href="{{ url_for('character_views.list_characters') }}" class="btn btn-primary">
|
||||||
|
Back to Characters
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endblock %}
|
||||||
28
public_web/templates/pages/leaderboard.html
Normal file
28
public_web/templates/pages/leaderboard.html
Normal file
@@ -0,0 +1,28 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block title %}Leaderboard - Code of Conquest{% endblock %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
<div class="page-container">
|
||||||
|
<div class="coming-soon-card">
|
||||||
|
<h1 class="page-title">Leaderboard</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">
|
||||||
|
<path d="M6 9H4.5a2.5 2.5 0 0 1 0-5H6"/>
|
||||||
|
<path d="M18 9h1.5a2.5 2.5 0 0 0 0-5H18"/>
|
||||||
|
<path d="M4 22h16"/>
|
||||||
|
<path d="M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22"/>
|
||||||
|
<path d="M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22"/>
|
||||||
|
<path d="M18 2H6v7a6 6 0 0 0 12 0V2Z"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<p class="coming-soon-text">Coming Soon</p>
|
||||||
|
<p class="coming-soon-description">
|
||||||
|
See how you rank against other adventurers. Compete for glory and honor.
|
||||||
|
</p>
|
||||||
|
<a href="{{ url_for('character_views.list_characters') }}" class="btn btn-primary">
|
||||||
|
Back to Characters
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endblock %}
|
||||||
24
public_web/templates/pages/mechanics.html
Normal file
24
public_web/templates/pages/mechanics.html
Normal file
@@ -0,0 +1,24 @@
|
|||||||
|
{% 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 %}
|
||||||
24
public_web/templates/pages/profile.html
Normal file
24
public_web/templates/pages/profile.html
Normal file
@@ -0,0 +1,24 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block title %}Profile - Code of Conquest{% endblock %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
<div class="page-container">
|
||||||
|
<div class="coming-soon-card">
|
||||||
|
<h1 class="page-title">Player Profile</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">
|
||||||
|
<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/>
|
||||||
|
<circle cx="12" cy="7" r="4"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<p class="coming-soon-text">Coming Soon</p>
|
||||||
|
<p class="coming-soon-description">
|
||||||
|
View your player statistics, achievements, and adventure history.
|
||||||
|
</p>
|
||||||
|
<a href="{{ url_for('character_views.list_characters') }}" class="btn btn-primary">
|
||||||
|
Back to Characters
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endblock %}
|
||||||
27
public_web/templates/pages/sessions.html
Normal file
27
public_web/templates/pages/sessions.html
Normal file
@@ -0,0 +1,27 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block title %}Sessions - Code of Conquest{% endblock %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
<div class="page-container">
|
||||||
|
<div class="coming-soon-card">
|
||||||
|
<h1 class="page-title">Game Sessions</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">
|
||||||
|
<path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"/>
|
||||||
|
<polyline points="14 2 14 8 20 8"/>
|
||||||
|
<line x1="16" y1="13" x2="8" y2="13"/>
|
||||||
|
<line x1="16" y1="17" x2="8" y2="17"/>
|
||||||
|
<line x1="10" y1="9" x2="8" y2="9"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<p class="coming-soon-text">Coming Soon</p>
|
||||||
|
<p class="coming-soon-description">
|
||||||
|
View and manage your active game sessions. Resume adventures where you left off.
|
||||||
|
</p>
|
||||||
|
<a href="{{ url_for('character_views.list_characters') }}" class="btn btn-primary">
|
||||||
|
Back to Characters
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endblock %}
|
||||||
24
public_web/templates/pages/settings.html
Normal file
24
public_web/templates/pages/settings.html
Normal file
@@ -0,0 +1,24 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block title %}Settings - Code of Conquest{% endblock %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
<div class="page-container">
|
||||||
|
<div class="coming-soon-card">
|
||||||
|
<h1 class="page-title">Settings</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">
|
||||||
|
<path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/>
|
||||||
|
<circle cx="12" cy="12" r="3"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<p class="coming-soon-text">Coming Soon</p>
|
||||||
|
<p class="coming-soon-description">
|
||||||
|
Customize your account preferences, notifications, and display options.
|
||||||
|
</p>
|
||||||
|
<a href="{{ url_for('character_views.list_characters') }}" class="btn btn-primary">
|
||||||
|
Back to Characters
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endblock %}
|
||||||
Reference in New Issue
Block a user