<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Elara - Elf Ranger</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="character-sheet">
        <h1>Elara - Elf Ranger</h1>

        <!-- Character Picture -->
        <div class="character-picture">
            <img src="../assets/player.png" alt="Elara">
        </div>

        <!-- Basic Information Section -->
        <div class="section">
            <h2>Basic Information</h2>
            <ul>
                <li><strong>Race:</strong> Elf</li>
                <li><strong>Class:</strong> Ranger (Level 1)</li>
            </ul>
        </div>

        <!-- Stats Section -->
        <div class="section">
            <h2>Stats</h2>
            <ul>
                <li><strong>STR:</strong> 10 (+0)</li>
                <li><strong>DEX:</strong> 14 (+2)</li>
                <li><strong>CON:</strong> 12 (+1)</li>
                <li><strong>INT:</strong> 10 (+0)</li>
                <li><strong>WIS:</strong> 16 (+3)</li>
                <li><strong>CHA:</strong> 8 (-1)</li>
            </ul>
        </div>

        <!-- Proficiencies Section -->
        <div class="section">
            <h2>Proficiencies</h2>
            <p>Animal Handling, Stealth, Survival</p>
        </div>

        <!-- Movement and Actions Section -->
        <div class="section">
            <h2>Movement and Actions</h2>
            <ul>
                <li><strong>Movement:</strong> 35</li>
                <li><strong>Action:</strong> Shoot Longbow (see weapon list)</li>
            </ul>
        </div>

        <!-- Bonus-action Section -->
        <div class="section">
            <h2>Bonus-action</h2>
            <ul>
                <li><strong>Dagger:</strong> +DEX+Prof, 1d4+2</li>
                <li><strong>Hide:</strong> Become invisible</li>
            </ul>
        </div>

        <!-- Reaction Section -->
        <div class="section">
            <h2>Reaction</h2>
            <ul>
                <li><strong>Parry:</strong> Reduce damage taken by 1d6 + level</li>
                <li><strong>Swift Escape:</strong> When targeted by an attack, move up to half speed without provoking opportunity attacks</li>
            </ul>
        </div>

        <!-- Race Features Section -->
        <div class="section">
            <h2>Race Feature</h2>
            <ul>
                <li><strong>Elven Agility:</strong> Advantage on DEX saves</li>
                <li><strong>Trance:</strong> Elves don't need to sleep and meditate for 4 hours</li>
                <li><strong>Fey Ancestry:</strong> Advantage on saving throws against being charmed, and magic can't put you to sleep</li>
                <li><strong>Forest's Whisper:</strong> Communicate simple ideas with plants and animals within 30 feet</li>
            </ul>
        </div>

        <!-- Spell Slots Section -->
        <div class="section">
            <h2>Spell Slots</h2>
            <p>2x Longrest</p>
        </div>

        <!-- Spell List Section -->
        <div class="section">
            <h2>Spell List</h2>

            <!-- Level 0 Spells -->
            <h3>Level 0 (At Will Spells)</h3>
            <table>
                <tr>
                    <th>Name</th>
                    <th>Bonus to hit</th>
                    <th>Damage</th>
                    <th>Damage Type</th>
                    <th>Range</th>
                </tr>
                <tr>
                    <td>Thornwhip</td>
                    <td>+WIS+Prof</td>
                    <td>1d6+WIS</td>
                    <td>Piercing</td>
                    <td>30 feet</td>
                </tr>
                <tr>
                    <td>Mage Hand</td>
                    <td>-</td>
                    <td>-</td>
                    <td>-</td>
                    <td>30 feet</td>
                </tr>
                <tr>
                    <td>Guidance</td>
                    <td>-</td>
                    <td>1d4</td>
                    <td>-</td>
                    <td>Touch</td>
                </tr>
                <tr>
                    <td>Briar Arrow</td>
                    <td>+WIS+Prof</td>
                    <td>1d8+WIS</td>
                    <td>Piercing</td>
                    <td>60 feet</td>
                </tr>
                <tr>
                    <td>Gale Step</td>
                    <td>-</td>
                    <td>-</td>
                    <td>-</td>
                    <td>Self</td>
                </tr>
            </table>

            <!-- Level 1 Spells -->
            <h3>Level 1 Spells</h3>
            <table>
                <tr>
                    <th>Name</th>
                    <th>Save</th>
                    <th>Damage</th>
                    <th>Damage Type</th>
                    <th>Range</th>
                </tr>
                <tr>
                    <td>Goodberry</td>
                    <td>-</td>
                    <td>1d4</td>
                    <td>Heal</td>
                    <td>30 feet</td>
                </tr>
                <tr>
                    <td>Hunter's Mark</td>
                    <td>-</td>
                    <td>1d6</td>
                    <td>Magic</td>
                    <td>90 feet</td>
                </tr>
                <tr>
                    <td>Entangle</td>
                    <td>STR-save</td>
                    <td>-</td>
                    <td>Restrained</td>
                    <td>20 feet / 20-foot radius</td>
                </tr>
                <tr>
                    <td>Ensnaring Strike</td>
                    <td>-</td>
                    <td>2d6</td>
                    <td>Piercing</td>
                    <td>60 feet / 10-foot radius</td>
                </tr>
                <tr>
                    <td>Nature's Grasp</td>
                    <td>WIS-save</td>
                    <td>-</td>
                    <td>Restrained</td>
                    <td>30 feet</td>
                </tr>
                <tr>
                    <td>Wind Slash</td>
                    <td>DEX-save</td>
                    <td>2d8</td>
                    <td>Slashing</td>
                    <td>30 feet</td>
                </tr>
            </table>
        </div>

        <!-- Abilities Section -->
        <div class="section">
            <h2>Abilities</h2>
            <ul>
                <li><strong>Swift Escape (Reaction):</strong> When Elara is targeted by an attack, she can use her reaction to move up to half her speed without provoking opportunity attacks.</li>
                <li><strong>Woodland Stride (Bonus Action):</strong> Elara can move through nonmagical difficult terrain without expending extra movement.</li>
                <li><strong>Forest's Whisper (Race Feature):</strong> Elara can communicate simple ideas with plants and animals within 30 feet.</li>
            </ul>
        </div>

    </div>
</body>
</html>