<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tharok - Human Fighter</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>

<div class="character-sheet">
    <h1>Tharok - Human Fighter</h1>

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

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

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

    <!-- Proficiencies Section -->
    <div class="section">
        <h2>Proficiencies</h2>
        <ul>
            <li><strong>Skills:</strong> Athletics, Intimidation, Perception</li>
        </ul>
    </div>

    <!-- Movement and Actions Section -->
    <div class="section">
        <h2>Movement and Actions</h2>
        <ul>
            <li><strong>Movement:</strong> 30 ft</li>
            <li><strong>Action:</strong> Attack with Longsword (see weapon list)</li>
            <li><strong>Bonus-action:</strong>
                <ul>
                    <li>Second Wind: Regain 1d10+level HP (Once per short rest)</li>
                    <li>Dagger Attack: +DEX+Prof, 1d4+1 piercing damage</li>
                </ul>
            </li>
            <li><strong>Reaction:</strong>
                <ul>
                    <li>Parry: Reduce damage taken by 1d6+level</li>
                </ul>
            </li>
        </ul>
    </div>

    <!-- Race Features Section -->
    <div class="section">
        <h2>Race Features</h2>
        <ul>
            <li><strong>Human Determination:</strong> Gain proficiency in one additional skill</li>
            <li><strong>Versatility:</strong> Gain one extra feat at Level 1</li>
            <li><strong>Resilience:</strong> Advantage on saving throws against being frightened</li>
        </ul>
    </div>

    <!-- Feats Section -->
    <div class="section">
        <h2>Feats</h2>
        <ul>
            <li><strong>Great Weapon Fighting:</strong> Reroll 1s and 2s on damage dice with melee weapons wielded in two hands</li>
        </ul>
    </div>

    <!-- Combat Skills Section -->
    <div class="section">
        <h2>Combat Skills</h2>
        <ul>
            <li><strong>Second Wind:</strong> Once per short rest, regain 1d10+level HP as a bonus action</li>
            <li><strong>Action Surge:</strong> Once per short rest, take one additional action on your turn</li>
        </ul>
    </div>

    <!-- Weapon List Section -->
    <div class="section">
        <h2>Weapon List</h2>
        <table>
            <tr>
                <th>Name</th>
                <th>Attack</th>
                <th>Damage</th>
                <th>Type</th>
            </tr>
            <tr>
                <td>Longsword</td>
                <td>+STR+Prof</td>
                <td>1d8+3</td>
                <td>Slashing</td>
            </tr>
            <tr>
                <td>Greatsword</td>
                <td>+STR+Prof</td>
                <td>2d6+3</td>
                <td>Slashing</td>
            </tr>
            <tr>
                <td>Dagger</td>
                <td>+DEX+Prof</td>
                <td>1d4+1</td>
                <td>Piercing</td>
            </tr>
        </table>
    </div>

</div>

</body>
</html>