Skill-Challenge-Tracker

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Climbing Skill Challenge</​title> <style> body { font-family: Arial, sans-serif; line-height: 1.6; color: #333; max-width: 1200px; margin: 0 auto; padding: 20px; } h1 { color: #2c3e50; text-align: center; } h2 { color: #34495e; border-bottom: 2px solid #34495e; padding-bottom: 5px; } table { width: 100%; border-collapse: collapse; margin-bottom: 20px; } th, td { border: 1px solid #ddd; padding: 10px; text-align: left; } th { background-color: #f2f2f2; } .success { background-color: #d4edda; } .failure { background-color: #f8d7da; } .player-actions { display: flex; justify-content: space-between; margin-bottom: 20px; } .player-action { flex: 1; margin: 0 5px; } .player-action input { width: 100%; padding: 5px; margin-top: 5px; } .progress-tracker { background-color: #e9ecef; border: 1px solid #ced4da; padding: 10px; margin-bottom: 20px; } .progress-tracker h3 { margin-top: 0; } .progress-input { width: 100%; height: 100px; resize: vertical; } </​style> </​head> <body> <h1>Climbing Skill Challenge</​h1>

<div class="progress-tracker">
    <h3>Overall Progress Tracker</​h3>
    <textarea class="progress-input" placeholder="Track overall progress here..."></​textarea>
</​div>

<div class="player-actions">
    <div class="player-action">
        <label for="player1">Player 1:</​label>
        <input type="text" id="player1" placeholder="Action...">
    </​div>
    <div class="player-action">
        <label for="player2">Player 2:</​label>
        <input type="text" id="player2" placeholder="Action...">
    </​div>
    <div class="player-action">
        <label for="player3">Player 3:</​label>
        <input type="text" id="player3" placeholder="Action...">
    </​div>
    <div class="player-action">
        <label for="player4">Player 4:</​label>
        <input type="text" id="player4" placeholder="Action...">
    </​div>
    <div class="player-action">
        <label for="player5">Player 5:</​label>
        <input type="text" id="player5" placeholder="Action...">
    </​div>
</​div>

<h2>Round 1</​h2>
<table>
    <tr>
        <th>Check</​th>
        <th>Success</​th>
        <th>Failure</​th>
    </​tr>
    <tr>
        <td>A - Athletics: Start the climb</​td>
        <td class="success">Gain a firm foothold, advantage on next check</​td>
        <td class="failure">Slip, take 1d4 damage, disadvantage on next check</​td>
    </​tr>
    <tr>
        <td>B - Perception: Spot the safest initial route</​td>
        <td class="success">Find an easier path, reduce DC of next check by 2</​td>
        <td class="failure">Miss important details, increase DC of next check by 2</​td>
    </​tr>
    <tr>
        <td>C - Survival: Identify potential hazards ahead</​td>
        <td class="success">Prepare for upcoming challenges, gain inspiration</​td>
        <td class="failure">Overlook a danger, face a surprise challenge in Round 2</​td>
    </​tr>
</​table>

<h2>Round 2</​h2>
<table>
    <tr>
        <th>Check</​th>
        <th>Success</​th>
        <th>Failure</​th>
    </​tr>
    <tr>
        <td>1 - Dexterity save: Avoid falling rocks</​td>
        <td class="success">Dodge rocks gracefully, gain momentum (advantage on next check)</​td>
        <td class="failure">Hit by rocks, take 2d6 damage and are stunned for next round</​td>
    </​tr>
    <tr>
        <td>2 - Athletics or Acrobatics: Navigate a tricky overhang</​td>
        <td class="success">Overcome obstacle with style, inspire others (grant advantage to an ally)</​td>
        <td class="failure">Strain a muscle, suffer disadvantage on physical checks for 2 rounds</​td>
    </​tr>
    <tr>
        <td>3 - Investigation: Find secure handholds in a smooth section</​td>
        <td class="success">Discover a hidden route, reduce DC of checks in Round 3 by 2</​td>
        <td class="failure">Waste time searching, lose ground (skip your turn in Round 3)</​td>
    </​tr>
</​table>

<h2>Round 3</​h2>
<table>
    <tr>
        <th>Check</​th>
        <th>Success</​th>
        <th>Failure</​th>
    </​tr>
    <tr>
        <td>A - Animal Handling: Calm an aggressive bird protecting its nest</​td>
        <td class="success">Befriend the bird, gain its aid in spotting safe routes (advantage on Perception)</​td>
        <td class="failure">Agitate the bird, it attacks for 1d6 damage and hinders climbing (disadvantage next round)</​td>
    </​tr>
    <tr>
        <td>B - Nature: Identify and avoid dangerous plant life</​td>
        <td class="success">Safely navigate hazardous flora, find healing herbs (regain 1d6 HP)</​td>
        <td class="failure">Brush against poisonous plants, take 1d4 poison damage each round until treated</​td>
    </​tr>
    <tr>
        <td>C - Acrobatics: Traverse a narrow, crumbling ledge</​td>
        <td class="success">Cross with incredible balance, impress allies (grant inspiration to the group)</​td>
        <td class="failure">Ledge crumbles, fall 10 feet taking 1d6 damage and lose progress</​td>
    </​tr>
</​table>

<h2>Round 4</​h2>
<table>
    <tr>
        <th>Check</​th>
        <th>Success</​th>
        <th>Failure</​th>
    </​tr>
    <tr>
        <td>1 - History or Religion: Decipher an old carving for a potential boost</​td>
        <td class="success">Gain ancient wisdom, advantage on all checks in Final Push</​td>
        <td class="failure">Misinterpret the carving, suffer a curse (disadvantage on saving throws for 1 hour)</​td>
    </​tr>
    <tr>
        <td>2 - Arcana: Detect any lingering magic that might help or hinder</​td>
        <td class="success">Harness beneficial magic, gain ability to cast Feather Fall once</​td>
        <td class="failure">Trigger harmful magic, randomly teleport to a previous round's position</​td>
    </​tr>
    <tr>
        <td>3 - Investigation: Find a hidden path that could ease the final ascent</​td>
        <td class="success">Discover a secret route, automatically succeed on one check in Final Push</​td>
        <td class="failure">Dead end, lose time backtracking (lose your turn in Round 5)</​td>
    </​tr>
</​table>

<h2>Round 5 (Final Push)</​h2>
<table>
    <tr>
        <th>Check</​th>
        <th>Success</​th>
        <th>Failure</​th>
    </​tr>
    <tr>
        <td>A - Athletics: Make the last difficult climb</​td>
        <td class="success">Reach the top first, gain advantage on first roll in next encounter</​td>
        <td class="failure">Exhaust yourself, suffer one level of exhaustion</​td>
    </​tr>
    <tr>
        <td>B - Constitution: Resist fatigue as you near the top</​td>
        <td class="success">Push through tiredness, regain all expended Hit Dice</​td>
        <td class="failure">Become exhausted, disadvantage on ability checks for 1 hour</​td>
    </​tr>
    <tr>
        <td>C - Strength: Help pull up fellow climbers</​td>
        <td class="success">Get everyone up safely, the group gains inspiration for teamwork</​td>
        <td class="failure">Strain yourself, your carrying capacity is halved until a long rest</​td>
    </​tr>
</​table>

</​body> </​html>