{% extends "base.html" %}
{% block title %}Keyboard Shortcuts - {{ config.APP_NAME }}{% endblock %}
{% block content %}
<h1>⌨️ Keyboard Shortcuts</h1>
<p style="font-size:0.85rem; color:var(--text-muted);">
    These only fire when you're not typing in a text field, so they're safe to use anywhere.
</p>

<div class="table-responsive">
<table class="data-table" style="max-width:400px;">
    <thead><tr><th>Key</th><th>Action</th></tr></thead>
    <tbody>
        <tr><td><kbd>a</kbd></td><td>Add Task</td></tr>
        <tr><td><kbd>t</kbd></td><td>Today</td></tr>
        <tr><td><kbd>w</kbd></td><td>This Week</td></tr>
        <tr><td><kbd>s</kbd></td><td>Search</td></tr>
        <tr><td><kbd>b</kbd></td><td>Daily Briefing</td></tr>
        <tr><td><kbd>?</kbd></td><td>This page</td></tr>
    </tbody>
</table>
</div>
{% endblock %}