anomaly-front-stats/templates/about_us.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>About | Anomaly Front Toolkit</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}"/>
</head>
<body class="af-body">
<header class="af-header">
    <div class="af-brand">
        <div class="af-logo" aria-hidden="true">
            <span></span>
            <span></span>
            <span></span>
        </div>
        <div>
            <p class="af-title">Anomaly Front</p>
            <p class="af-subtitle">About the toolkit</p>
        </div>
    </div>
    <button class="af-nav-toggle" type="button" aria-expanded="false" aria-controls="af-nav">
        Menu
    </button>
    <nav class="af-nav" id="af-nav" aria-label="Primary">
        <a class="af-nav-link" href="{{ url_for('index') }}">Home</a>
        <a class="af-nav-link" href="{{ url_for('calculator') }}">Calculator</a>
        <a class="af-nav-link" href="{{ url_for('suggestion') }}">Feedback</a>
    </nav>
</header>

<main class="af-shell">
    <section class="af-card">
        <div class="af-card-header">
            <h1>About the Anomaly Front toolkit</h1>
            <p>
                This is the war room for balancing the Anomaly Front sandbox. We are rebuilding every tool from the ground
                up to avoid legacy stats, outdated data, and mismatched tuning guidelines.
            </p>
        </div>
        <div class="af-copy-grid">
            <div>
                <h2>Purpose</h2>
                <p>
                    Provide a shared workspace for balancing weapons, capturing loadout notes, and testing combat pacing
                    as the library grows.
                </p>
            </div>
            <div>
                <h2>What is live today</h2>
                <ul>
                    <li>Baseline combat calculator</li>
                    <li>Modifiers + operative stacks</li>
                    <li>Feedback capture workflow</li>
                </ul>
            </div>
            <div>
                <h2>What comes next</h2>
                <ul>
                    <li>Shared weapon library for early drafts</li>
                    <li>Attachment tuning stacks</li>
                    <li>Operative perks and passive effects</li>
                </ul>
            </div>
        </div>
        <div class="af-stat-grid">
            <div class="af-stat-card">
                <p class="af-stat-label">Weapon types tracked</p>
                <p class="af-stat-value">20+</p>
            </div>
            <div class="af-stat-card">
                <p class="af-stat-label">Community draft builds</p>
                <p class="af-stat-value">120+</p>
            </div>
            <div class="af-stat-card">
                <p class="af-stat-label">Balance focus</p>
                <p class="af-stat-value">Time-to-eliminate</p>
            </div>
        </div>
    </section>

    <section class="af-grid">
        <div class="af-card">
            <div class="af-card-header">
                <h2>How we work</h2>
                <p>
                    Every number starts as a hypothesis. We iterate fast, log the results, and tag each change with
                    context so the community can track the why behind each adjustment.
                </p>
            </div>
            <ul class="af-list">
                <li>Prototype numbers in the calculator.</li>
                <li>Layer in modifiers and operative perks.</li>
                <li>Review pacing against target roles.</li>
            </ul>
        </div>
        <div class="af-card">
            <div class="af-card-header">
                <h2>Community signals</h2>
                <p>
                    We highlight the most requested tweaks, theme them by role, and bring them into each balancing pass.
                </p>
            </div>
            <div class="af-pill-grid">
                <span class="af-pill">Time-to-eliminate feels heavy</span>
                <span class="af-pill">Operative synergy clarity</span>
                <span class="af-pill">Reload pacing in late waves</span>
                <span class="af-pill">Attachment power spikes</span>
            </div>
        </div>
    </section>

    <section class="af-grid">
        <div class="af-card">
            <div class="af-card-header">
                <h2>Release posture</h2>
                <p>
                    Everything shown here is a placeholder designed to help us think through combat pacing while the
                    data set is still evolving.
                </p>
            </div>
        </div>
        <div class="af-card">
            <div class="af-card-header">
                <h2>Team notes</h2>
                <p>
                    This is a community-driven project. Use the feedback channel to share balancing ideas, feature
                    requests, and UI improvements.
                </p>
            </div>
        </div>
    </section>
</main>

<script>
    const navToggle = document.querySelector('.af-nav-toggle');
    const nav = document.getElementById('af-nav');

    navToggle.addEventListener('click', () => {
        const isOpen = nav.classList.toggle('is-open');
        navToggle.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
    });
</script>
</body>
</html>