Update help page with comprehensive gym battle documentation

- Added complete gym battle system documentation
- Added visual gym leader cards for all 6 gyms
- Updated inventory system with item rarity information
- Applied proper dark theme styling to match other web pages
- Added "NEW\!" badges for recent features
- Updated to version 0.2.0
- Organized content into logical sections for better readability

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
megaproxy 2025-07-14 12:43:05 +01:00
parent 87eff2a336
commit c2eb846b77

477
help.html
View file

@ -48,52 +48,30 @@
border-radius: 20px;
margin-bottom: 40px;
box-shadow: var(--shadow-dark);
position: relative;
overflow: hidden;
}
.header::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
z-index: 0;
}
.header > * {
position: relative;
z-index: 1;
}
.header h1 {
margin: 0;
margin: 0 0 15px 0;
font-size: 3em;
font-weight: 700;
background: linear-gradient(45deg, #fff, #66ff66);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-shadow: 0 2px 10px rgba(0,0,0,0.3);
font-weight: 800;
text-shadow: 0 4px 8px rgba(0,0,0,0.3);
}
.header p {
margin: 15px 0 0 0;
opacity: 0.9;
margin: 0;
font-size: 1.3em;
opacity: 0.9;
font-weight: 300;
}
.section {
background: var(--bg-secondary);
margin-bottom: 30px;
border-radius: 15px;
overflow: hidden;
margin-bottom: 30px;
box-shadow: var(--shadow-dark);
border: 1px solid var(--border-color);
transition: transform 0.3s ease, box-shadow 0.3s ease;
overflow: hidden;
transition: all 0.3s ease;
}
.section:hover {
@ -156,7 +134,7 @@
font-size: 0.95em;
}
.locations-list, .status-list {
.info-box {
background: var(--bg-tertiary);
padding: 20px;
border-radius: 12px;
@ -164,24 +142,24 @@
border: 1px solid var(--border-color);
}
.locations-list h4, .status-list h4 {
.info-box h4 {
margin: 0 0 15px 0;
color: var(--text-accent);
font-size: 1.1em;
font-weight: 600;
}
.locations-list ul, .status-list ul {
.info-box ul {
margin: 0;
padding-left: 25px;
}
.locations-list li, .status-list li {
.info-box li {
margin: 8px 0;
color: var(--text-primary);
}
.locations-list strong, .status-list strong {
.info-box strong {
color: var(--text-accent);
}
@ -197,133 +175,118 @@
}
.tip {
background: var(--bg-tertiary);
border: 1px solid var(--text-accent);
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 20px;
border-radius: 12px;
margin: 20px 0;
box-shadow: 0 0 15px rgba(102, 255, 102, 0.1);
font-weight: 500;
text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.tip strong {
color: var(--text-accent);
}
table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
background: var(--bg-tertiary);
border-radius: 8px;
overflow: hidden;
}
th, td {
padding: 15px;
text-align: left;
border-bottom: 1px solid var(--border-color);
}
th {
background: var(--bg-primary);
color: var(--text-accent);
font-weight: 600;
}
tr:hover {
background: var(--hover-color);
}
code {
background: var(--bg-primary);
color: var(--text-accent);
padding: 2px 6px;
border-radius: 4px;
font-family: 'Fira Code', 'Courier New', monospace;
font-size: 0.9em;
}
.new-badge {
background: var(--gradient-secondary);
color: white;
font-size: 0.7em;
padding: 3px 8px;
border-radius: 12px;
margin-left: 10px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.5px;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.pm-indicator {
background: rgba(102, 255, 102, 0.2);
color: var(--text-accent);
.badge {
display: inline-block;
background: var(--text-accent);
color: var(--bg-primary);
padding: 4px 8px;
border-radius: 6px;
font-size: 0.8em;
padding: 2px 8px;
font-weight: bold;
margin-left: 8px;
}
.gym-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 15px;
margin: 15px 0;
}
.gym-card {
background: var(--bg-primary);
padding: 15px;
border-radius: 8px;
margin-left: 10px;
border: 1px solid var(--text-accent);
border: 1px solid var(--border-color);
}
.gym-card strong {
color: var(--text-accent);
}
</style>
</head>
<body>
<div class="header">
<h1>🐾 PetBot Command Reference</h1>
<p>Complete guide to IRC pet collection and battle commands</p>
<p><em>Connect to irc.libera.chat #petz to play!</em></p>
<h1>🐾 PetBot Commands</h1>
<p>Complete guide to Pokemon-style pet collecting in IRC</p>
</div>
<div class="section">
<div class="section-header">🎮 Getting Started</div>
<div class="section-header">🚀 Getting Started</div>
<div class="command-grid">
<div class="command">
<div class="command-name">!start</div>
<div class="command-desc">Begin your pet journey! Creates your trainer account and gives you a starter pet in Starter Town.</div>
<div class="command-desc">Begin your pet collecting journey! Creates your trainer account and gives you your first starter pet.</div>
<div class="command-example">Example: !start</div>
</div>
<div class="command">
<div class="command-name">!help</div>
<div class="command-desc">Display a quick list of available commands in the IRC channel.</div>
<div class="command-desc">Get a link to this comprehensive command reference page.</div>
<div class="command-example">Example: !help</div>
</div>
<div class="command">
<div class="command-name">!stats</div>
<div class="command-desc">View your basic trainer information including level, experience, and money.</div>
<div class="command-example">Example: !stats</div>
</div>
</div>
</div>
<div class="section">
<div class="section-header">🔍 Exploration & Travel</div>
<div class="section-header">🌍 Exploration & Travel</div>
<div class="command-grid">
<div class="command">
<div class="command-name">!explore</div>
<div class="command-desc">Explore your current location to find wild pets. Weather affects what types of pets you'll encounter!</div>
<div class="command-desc">Search your current location for wild pets or items. You might find pets to battle/catch or discover useful items!</div>
<div class="command-example">Example: !explore</div>
</div>
<div class="command">
<div class="command-name">!location (or !where)</div>
<div class="command-desc">See where you currently are, including the location description.</div>
<div class="command-example">Example: !location</div>
</div>
<div class="command">
<div class="command-name">!travel &lt;location&gt;</div>
<div class="command-desc">Travel to a different location. Some locations require achievements to unlock!</div>
<div class="command-example">Example: !travel Whispering Woods</div>
<div class="command-desc">Move to a different location. Each area has unique pets and gyms. Some locations require achievements to unlock.</div>
<div class="command-example">Example: !travel whispering woods</div>
</div>
<div class="command">
<div class="command-name">!wild &lt;location&gt;</div>
<div class="command-desc">Check what types of pets can be found in a specific location.</div>
<div class="command-example">Example: !wild Electric Canyon</div>
<div class="command-name">!weather</div>
<div class="command-desc">Check the current weather effects in your location. Weather affects which pet types spawn more frequently.</div>
<div class="command-example">Example: !weather</div>
</div>
<div class="command">
<div class="command-name">!where / !location</div>
<div class="command-desc">See which location you're currently in and get information about the area.</div>
<div class="command-example">Example: !where</div>
</div>
</div>
<div class="locations-list">
<h4>Available Locations:</h4>
<div class="info-box">
<h4>🗺️ Available Locations</h4>
<ul>
<li><strong>Starter Town</strong> - Where all trainers begin (always accessible)</li>
<li><strong>Whispering Woods</strong> - Unlocked by catching 3 different Grass-type pets</li>
<li><strong>Electric Canyon</strong> - Unlocked by catching 2 different Electric-type pets</li>
<li><strong>Crystal Caves</strong> - Unlocked by catching 3 different Rock-type pets</li>
<li><strong>Frozen Tundra</strong> - Unlocked by catching 5 different Water/Ice-type pets</li>
<li><strong>Dragon's Peak</strong> - Unlocked by catching 15 pets total and having 3 Fire-type pets</li>
<li><strong>Starter Town</strong> - Peaceful starting area (Fire/Water/Grass pets)</li>
<li><strong>Whispering Woods</strong> - Ancient forest (Grass pets + new species: Vinewrap, Bloomtail)</li>
<li><strong>Electric Canyon</strong> - Charged valley (Electric/Rock pets)</li>
<li><strong>Crystal Caves</strong> - Underground caverns (Rock/Crystal pets)</li>
<li><strong>Frozen Tundra</strong> - Icy wasteland (Ice/Water pets)</li>
<li><strong>Dragon's Peak</strong> - Ultimate challenge (Fire/Rock/Ice pets)</li>
</ul>
</div>
<div class="info-box">
<h4>🌤️ Weather Effects</h4>
<ul>
<li><strong>Sunny</strong> - 1.5x Fire/Grass spawns (1-2 hours)</li>
<li><strong>Rainy</strong> - 2.0x Water spawns (45-90 minutes)</li>
<li><strong>Thunderstorm</strong> - 2.0x Electric spawns (30-60 minutes)</li>
<li><strong>Blizzard</strong> - 1.7x Ice/Water spawns (1-2 hours)</li>
<li><strong>Earthquake</strong> - 1.8x Rock spawns (30-90 minutes)</li>
<li><strong>Calm</strong> - Normal spawns (1.5-3 hours)</li>
</ul>
</div>
</div>
@ -331,35 +294,103 @@
<div class="section">
<div class="section-header">⚔️ Battle System</div>
<div class="command-grid">
<div class="command">
<div class="command-name">!catch / !capture</div>
<div class="command-desc">Attempt to catch a wild pet that appeared during exploration. Success depends on the pet's level and rarity.</div>
<div class="command-example">Example: !catch</div>
</div>
<div class="command">
<div class="command-name">!battle</div>
<div class="command-desc">Start a battle with a wild pet you encountered during exploration. Strategic combat with type advantages!</div>
<div class="command-desc">Start a turn-based battle with a wild pet. Defeat it to gain experience and money for your active pet.</div>
<div class="command-example">Example: !battle</div>
</div>
<div class="command">
<div class="command-name">!attack &lt;move&gt;</div>
<div class="command-desc">Use a specific move during battle. Each pet has different moves based on their type.</div>
<div class="command-example">Example: !attack Ember</div>
</div>
<div class="command">
<div class="command-name">!flee</div>
<div class="command-desc">Attempt to escape from battle. Success depends on your pet's speed vs the wild pet's speed.</div>
<div class="command-example">Example: !flee</div>
<div class="command-desc">Use a specific move during battle. Each move has different power, type, and effects.</div>
<div class="command-example">Example: !attack flamethrower</div>
</div>
<div class="command">
<div class="command-name">!moves</div>
<div class="command-desc">View your active pet's available moves (up to 4 moves). Shows move type and power for battle planning.</div>
<div class="command-desc">View all available moves for your active pet, including their types and power levels.</div>
<div class="command-example">Example: !moves</div>
</div>
<div class="command">
<div class="command-name">!catch (or !capture)</div>
<div class="command-desc">Try to catch a pet during exploration OR during battle. During battle, weaker pets (lower HP) have significantly higher catch rates - up to 90% for nearly defeated pets! Both !catch and !capture work identically.</div>
<div class="command-example">Example: !catch or !capture</div>
<div class="command-name">!flee</div>
<div class="command-desc">Attempt to escape from the current battle. Not always successful!</div>
<div class="command-example">Example: !flee</div>
</div>
</div>
</div>
<div class="section">
<div class="section-header">🏛️ Gym Battles <span class="badge">NEW!</span></div>
<div class="command-grid">
<div class="command">
<div class="command-name">!gym</div>
<div class="command-desc">List all gyms in your current location with your progress. Shows victories and next difficulty level.</div>
<div class="command-example">Example: !gym</div>
</div>
<div class="command">
<div class="command-name">!gym list</div>
<div class="command-desc">Show all gyms across all locations with your badge collection progress.</div>
<div class="command-example">Example: !gym list</div>
</div>
<div class="command">
<div class="command-name">!gym challenge "&lt;name&gt;"</div>
<div class="command-desc">Challenge a gym leader! You must be in the same location as the gym. Difficulty increases with each victory.</div>
<div class="command-example">Example: !gym challenge "Forest Guardian"</div>
</div>
<div class="command">
<div class="command-name">!gym info "&lt;name&gt;"</div>
<div class="command-desc">Get detailed information about a gym including leader, theme, team, and badge details.</div>
<div class="command-example">Example: !gym info "Storm Master"</div>
</div>
</div>
<div class="tip">
<strong>Battle Strategy:</strong> Use type advantages! Water beats Fire, Fire beats Grass, Grass beats Water, Electric beats Water, Rock beats Fire and Electric. Weaken wild pets in battle to increase catch rate!
💡 <strong>Gym Strategy:</strong> Each gym specializes in a specific type. Bring pets with type advantages! The more you beat a gym, the harder it gets, but the better the rewards!
</div>
<div class="info-box">
<h4>🏆 Gym Leaders & Badges</h4>
<div class="gym-list">
<div class="gym-card">
<strong>🍃 Forest Guardian</strong><br>
Location: Starter Town<br>
Leader: Trainer Verde<br>
Theme: Grass-type
</div>
<div class="gym-card">
<strong>🌳 Nature's Haven</strong><br>
Location: Whispering Woods<br>
Leader: Elder Sage<br>
Theme: Grass-type
</div>
<div class="gym-card">
<strong>⚡ Storm Master</strong><br>
Location: Electric Canyon<br>
Leader: Captain Volt<br>
Theme: Electric-type
</div>
<div class="gym-card">
<strong>💎 Stone Crusher</strong><br>
Location: Crystal Caves<br>
Leader: Miner Magnus<br>
Theme: Rock-type
</div>
<div class="gym-card">
<strong>❄️ Ice Breaker</strong><br>
Location: Frozen Tundra<br>
Leader: Arctic Queen<br>
Theme: Ice/Water-type
</div>
<div class="gym-card">
<strong>🐉 Dragon Slayer</strong><br>
Location: Dragon's Peak<br>
Leader: Champion Drake<br>
Theme: Fire-type
</div>
</div>
</div>
</div>
@ -368,33 +399,60 @@
<div class="command-grid">
<div class="command">
<div class="command-name">!team</div>
<div class="command-desc">View all your pets with active pets marked by ⭐. Shows levels, HP, and storage status.</div>
<div class="command-desc">View your active team of pets with their levels, HP, and status.</div>
<div class="command-example">Example: !team</div>
</div>
<div class="command">
<div class="command-name">!stats</div>
<div class="command-desc">View your player statistics including level, experience, and money.</div>
<div class="command-example">Example: !stats</div>
<div class="command-name">!pets</div>
<div class="command-desc">View your complete pet collection with detailed stats and information via web interface.</div>
<div class="command-example">Example: !pets</div>
</div>
<div class="command">
<div class="command-name">!activate &lt;pet&gt; <span class="pm-indicator">PM ONLY</span></div>
<div class="command-desc">Activate a pet for battle by nickname or species name. Only inactive pets can be activated. This command only works in private messages to prevent channel spam.</div>
<div class="command-example">Example: /msg PetBot !activate Sparky<br>Example: /msg PetBot !activate Pikachu</div>
<div class="command-name">!activate &lt;pet&gt;</div>
<div class="command-desc">Add a pet to your active battle team. You can have multiple active pets for different situations.</div>
<div class="command-example">Example: !activate flamey</div>
</div>
<div class="command">
<div class="command-name">!deactivate &lt;pet&gt; <span class="pm-indicator">PM ONLY</span></div>
<div class="command-desc">Deactivate an active pet, removing it from battle readiness. This command only works in private messages to prevent channel spam.</div>
<div class="command-example">Example: /msg PetBot !deactivate Sparky<br>Example: /msg PetBot !deactivate Pikachu</div>
<div class="command-name">!deactivate &lt;pet&gt;</div>
<div class="command-desc">Remove a pet from your active team and put it in storage.</div>
<div class="command-example">Example: !deactivate aqua</div>
</div>
<div class="command">
<div class="command-name">!swap &lt;pet1&gt; &lt;pet2&gt; <span class="pm-indicator">PM ONLY</span></div>
<div class="command-desc">Swap activation status between two pets. The first pet becomes inactive, the second becomes active. This command only works in private messages to prevent channel spam.</div>
<div class="command-example">Example: /msg PetBot !swap Sparky Flame<br>Example: /msg PetBot !swap Pikachu Charmander</div>
<div class="command-name">!swap &lt;pet1&gt; &lt;pet2&gt;</div>
<div class="command-desc">Swap the active status of two pets - one becomes active, the other goes to storage.</div>
<div class="command-example">Example: !swap leafy flamey</div>
</div>
</div>
</div>
<div class="section">
<div class="section-header">🎒 Inventory System <span class="badge">NEW!</span></div>
<div class="command-grid">
<div class="command">
<div class="command-name">!inventory / !inv / !items</div>
<div class="command-desc">View all items in your inventory organized by category. Shows quantities and item descriptions.</div>
<div class="command-example">Example: !inventory</div>
</div>
<div class="command">
<div class="command-name">!use &lt;item name&gt;</div>
<div class="command-desc">Use a consumable item from your inventory. Items can heal pets, boost stats, or provide other benefits.</div>
<div class="command-example">Example: !use Small Potion</div>
</div>
</div>
<div class="info-box">
<h4>🎯 Item Categories & Rarities</h4>
<ul>
<li><strong>○ Common (15%)</strong> - Small Potions, basic healing items</li>
<li><strong>◇ Uncommon (8-12%)</strong> - Large Potions, battle boosters, special berries</li>
<li><strong>◆ Rare (3-6%)</strong> - Super Potions, speed elixirs, location treasures</li>
<li><strong>★ Epic (2-3%)</strong> - Evolution stones, rare crystals, ancient artifacts</li>
<li><strong>✦ Legendary (1%)</strong> - Lucky charms, ancient fossils, ultimate items</li>
</ul>
</div>
<div class="tip">
<strong>Pet Management Tips:</strong> You can only have a limited number of active pets at once. Use !team to see which pets are active (⭐). Pet management commands (!activate, !deactivate, !swap) must be sent as private messages to the bot to prevent channel spam. Use <code>/msg PetBot &lt;command&gt;</code> format.
💡 <strong>Item Discovery:</strong> Find items while exploring! Each location has unique treasures. Items stack in your inventory and can be used anytime.
</div>
</div>
@ -403,123 +461,44 @@
<div class="command-grid">
<div class="command">
<div class="command-name">!achievements</div>
<div class="command-desc">View your earned achievements and progress. Achievements unlock new locations!</div>
<div class="command-desc">View your achievement progress and see which new locations you've unlocked.</div>
<div class="command-example">Example: !achievements</div>
</div>
</div>
<div class="locations-list">
<h4>Key Achievements:</h4>
<div class="info-box">
<h4>🎯 Location Unlock Requirements</h4>
<ul>
<li><strong>Pet Collector</strong> - Catch your first 5 pets</li>
<li><strong>Advanced Trainer</strong> - Catch 10 pets total</li>
<li><strong>Nature Explorer</strong> - Catch 3 different Grass-type pets (unlocks Whispering Woods)</li>
<li><strong>Spark Collector</strong> - Catch 2 different Electric-type pets (unlocks Electric Canyon)</li>
<li><strong>Rock Hound</strong> - Catch 3 different Rock-type pets (unlocks Crystal Caves)</li>
<li><strong>Ice Breaker</strong> - Catch 5 different Water/Ice-type pets (unlocks Frozen Tundra)</li>
<li><strong>Dragon Tamer</strong> - Catch 15 pets total + 3 Fire types (unlocks Dragon's Peak)</li>
<li><strong>Pet Collector</strong> (5 pets) → Unlocks Whispering Woods</li>
<li><strong>Spark Collector</strong> (2 Electric species) → Unlocks Electric Canyon</li>
<li><strong>Rock Hound</strong> (3 Rock species) → Unlocks Crystal Caves</li>
<li><strong>Ice Breaker</strong> (5 Water/Ice species) → Unlocks Frozen Tundra</li>
<li><strong>Dragon Tamer</strong> (15 pets + 3 Fire species) → Unlocks Dragon's Peak</li>
</ul>
</div>
</div>
<div class="section">
<div class="section-header">🌤️ Weather System</div>
<div class="section-header">🌐 Web Interface</div>
<div class="command-grid">
<div class="command">
<div class="command-name">!weather</div>
<div class="command-desc">Check the current weather in your location and its effects on pet spawns.</div>
<div class="command-example">Example: !weather</div>
</div>
</div>
<div class="status-list">
<h4>Weather Effects:</h4>
<ul>
<li><strong>Sunny</strong> - 1.5x Fire and Grass-type spawns</li>
<li><strong>Rainy</strong> - 2.0x Water-type spawns</li>
<li><strong>Thunderstorm</strong> - 2.0x Electric-type spawns</li>
<li><strong>Blizzard</strong> - 1.7x Ice and Water-type spawns</li>
<li><strong>Earthquake</strong> - 1.8x Rock-type spawns</li>
<li><strong>Calm</strong> - Normal spawn rates for all types</li>
</ul>
</div>
</div>
<div class="section">
<div class="section-header">📚 Game Mechanics</div>
<div class="command-grid">
<div style="grid-column: 1 / -1;">
<div class="tip">
<strong>How to Play:</strong>
<ol style="margin: 10px 0 0 20px; padding: 0;">
<li>Use <code>!start</code> to create your trainer and get a starter pet</li>
<li>Use <code>!explore</code> to find wild pets in your current location</li>
<li>Choose to <code>!battle</code> the wild pet (recommended) or <code>!catch</code> directly</li>
<li>In battle, use <code>!attack &lt;move&gt;</code> to weaken the wild pet</li>
<li>Use <code>!catch</code> (or <code>!capture</code>) during battle for much higher success rates on damaged pets</li>
<li>Battle-catch rates: 30% base + up to 50% bonus for low HP (90% max for nearly defeated pets)</li>
<li>Collect different types of pets to unlock achievements and new locations</li>
<li>Use <code>!travel</code> to explore new areas as you unlock them</li>
<li>Check <code>!weather</code> for optimal catching conditions</li>
</ol>
</div>
</div>
</div>
</div>
<div class="section">
<div class="section-header">🔧 Type Effectiveness Chart</div>
<div class="command-grid">
<div style="grid-column: 1 / -1;">
<table>
<thead>
<tr>
<th>Attacking Type</th>
<th>Strong Against (2x)</th>
<th>Weak Against (0.5x)</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Fire</strong></td>
<td>Grass, Ice</td>
<td>Water, Rock</td>
</tr>
<tr>
<td><strong>Water</strong></td>
<td>Fire, Rock</td>
<td>Electric, Grass</td>
</tr>
<tr>
<td><strong>Grass</strong></td>
<td>Water, Rock</td>
<td>Fire, Ice</td>
</tr>
<tr>
<td><strong>Electric</strong></td>
<td>Water</td>
<td>Rock</td>
</tr>
<tr>
<td><strong>Rock</strong></td>
<td>Fire, Electric</td>
<td>Water, Grass</td>
</tr>
<tr>
<td><strong>Normal</strong></td>
<td>None</td>
<td>Rock</td>
</tr>
</tbody>
</table>
<div class="tip">
Access detailed information through the web dashboard at <strong>http://petz.rdx4.com/</strong>
<ul style="margin-top: 10px;">
<li><strong>Player Profiles</strong> - Complete stats, pet collections, and inventories</li>
<li><strong>Leaderboard</strong> - Top players by level and achievements</li>
<li><strong>Locations Guide</strong> - All areas with spawn information</li>
<li><strong>Gym Badges</strong> - Display your earned badges and progress</li>
</ul>
</div>
</div>
</div>
<div class="footer">
<p><strong>PetBot v1.1</strong> - A complete IRC pet collection and battle game</p>
<p>Created for Libera Chat #petz | Last updated: July 13, 2025</p>
<p><em>Join the adventure and become the ultimate pet trainer!</em></p>
<p><strong>🎮 PetBot v0.2.0</strong> - Pokemon-style pet collecting for IRC</p>
<p>Catch pets • Battle gyms • Collect items • Earn badges • Explore locations</p>
<p style="margin-top: 15px; opacity: 0.7;">
Need help? Ask in the channel or visit the web dashboard for detailed information!
</p>
</div>
</body>
</html>