f7fe4ce034
- Updated command descriptions to reflect inventory redirect to web interface - Improved documentation for web-based team building and inventory management - Added clearer explanations of web interface features and navigation - Maintained consistency between IRC commands and web functionality 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
515 lines
No EOL
21 KiB
HTML
515 lines
No EOL
21 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>PetBot - Command Help</title>
|
|
<style>
|
|
:root {
|
|
--bg-primary: #0f0f23;
|
|
--bg-secondary: #1e1e3f;
|
|
--bg-tertiary: #2a2a4a;
|
|
--text-primary: #cccccc;
|
|
--text-secondary: #999999;
|
|
--text-accent: #66ff66;
|
|
--border-color: #333366;
|
|
--hover-color: #3a3a5a;
|
|
--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
--gradient-secondary: linear-gradient(135deg, #ff6b6b 0%, #feca57 100%);
|
|
--gradient-tertiary: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
|
|
--shadow-dark: 0 4px 20px rgba(0,0,0,0.3);
|
|
--shadow-glow: 0 0 20px rgba(102, 255, 102, 0.2);
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Segoe UI', 'Roboto', 'Arial', sans-serif;
|
|
max-width: 1400px;
|
|
margin: 0 auto;
|
|
padding: 20px;
|
|
background: var(--bg-primary);
|
|
color: var(--text-primary);
|
|
line-height: 1.6;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
.back-link {
|
|
color: var(--text-accent);
|
|
text-decoration: none;
|
|
margin-bottom: 20px;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.back-link:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.header {
|
|
text-align: center;
|
|
background: var(--gradient-primary);
|
|
color: white;
|
|
padding: 30px;
|
|
border-radius: 15px;
|
|
margin-bottom: 30px;
|
|
box-shadow: var(--shadow-dark);
|
|
}
|
|
|
|
.header h1 {
|
|
margin: 0;
|
|
font-size: 2.5em;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.header p {
|
|
margin: 10px 0 0 0;
|
|
font-size: 1.2em;
|
|
opacity: 0.9;
|
|
}
|
|
|
|
.section {
|
|
background: var(--bg-secondary);
|
|
border-radius: 15px;
|
|
margin-bottom: 30px;
|
|
box-shadow: var(--shadow-dark);
|
|
border: 1px solid var(--border-color);
|
|
overflow: hidden;
|
|
}
|
|
|
|
.section-header {
|
|
background: var(--gradient-primary);
|
|
color: white;
|
|
padding: 20px 25px;
|
|
font-size: 1.3em;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.section-content {
|
|
padding: 25px;
|
|
}
|
|
|
|
.command-grid {
|
|
display: grid;
|
|
gap: 20px;
|
|
}
|
|
|
|
.command {
|
|
border: 1px solid var(--border-color);
|
|
border-radius: 12px;
|
|
overflow: hidden;
|
|
transition: all 0.3s ease;
|
|
background: var(--bg-tertiary);
|
|
}
|
|
|
|
.command:hover {
|
|
transform: translateY(-3px);
|
|
box-shadow: 0 8px 25px rgba(102, 255, 102, 0.15);
|
|
border-color: var(--text-accent);
|
|
}
|
|
|
|
.command-name {
|
|
background: var(--bg-primary);
|
|
padding: 15px 20px;
|
|
font-family: 'Fira Code', 'Courier New', monospace;
|
|
font-weight: bold;
|
|
color: var(--text-accent);
|
|
border-bottom: 1px solid var(--border-color);
|
|
font-size: 1.2em;
|
|
text-shadow: 0 0 10px rgba(102, 255, 102, 0.3);
|
|
}
|
|
|
|
.command-desc {
|
|
padding: 20px;
|
|
line-height: 1.7;
|
|
color: var(--text-primary);
|
|
}
|
|
|
|
.command-example {
|
|
background: var(--bg-primary);
|
|
padding: 12px 20px;
|
|
font-family: 'Fira Code', 'Courier New', monospace;
|
|
color: var(--text-secondary);
|
|
border-top: 1px solid var(--border-color);
|
|
font-size: 0.95em;
|
|
}
|
|
|
|
.info-box {
|
|
background: var(--bg-tertiary);
|
|
padding: 20px;
|
|
border-radius: 12px;
|
|
margin: 20px 0;
|
|
border: 1px solid var(--border-color);
|
|
}
|
|
|
|
.info-box h4 {
|
|
margin: 0 0 15px 0;
|
|
color: var(--text-accent);
|
|
font-size: 1.1em;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.info-box ul {
|
|
margin: 0;
|
|
padding-left: 25px;
|
|
}
|
|
|
|
.info-box li {
|
|
margin: 8px 0;
|
|
color: var(--text-primary);
|
|
}
|
|
|
|
.info-box strong {
|
|
color: var(--text-accent);
|
|
}
|
|
|
|
.footer {
|
|
text-align: center;
|
|
margin-top: 50px;
|
|
padding: 30px;
|
|
background: var(--bg-secondary);
|
|
border-radius: 15px;
|
|
color: var(--text-secondary);
|
|
box-shadow: var(--shadow-dark);
|
|
border: 1px solid var(--border-color);
|
|
}
|
|
|
|
.tip {
|
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
color: white;
|
|
padding: 20px;
|
|
border-radius: 12px;
|
|
margin: 20px 0;
|
|
font-weight: 500;
|
|
text-shadow: 0 2px 4px rgba(0,0,0,0.3);
|
|
}
|
|
|
|
.badge {
|
|
display: inline-block;
|
|
background: var(--text-accent);
|
|
color: var(--bg-primary);
|
|
padding: 4px 8px;
|
|
border-radius: 6px;
|
|
font-size: 0.8em;
|
|
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;
|
|
border: 1px solid var(--border-color);
|
|
}
|
|
|
|
.gym-card strong {
|
|
color: var(--text-accent);
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<a href="/" class="back-link">← Back to Game Hub</a>
|
|
|
|
<div class="header">
|
|
<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-content">
|
|
<div class="command-grid">
|
|
<div class="command">
|
|
<div class="command-name">!start</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">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>
|
|
|
|
<div class="section">
|
|
<div class="section-header">🌍 Exploration & Travel</div>
|
|
<div class="section-content">
|
|
<div class="command-grid">
|
|
<div class="command">
|
|
<div class="command-name">!explore</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">!travel <location></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">!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="info-box">
|
|
<h4>🗺️ Available Locations</h4>
|
|
<ul>
|
|
<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>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<div class="section-header">⚔️ Battle System</div>
|
|
<div class="section-content">
|
|
<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 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 <move></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 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">!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>
|
|
|
|
<div class="section">
|
|
<div class="section-header">🏛️ Gym Battles <span class="badge">NEW!</span></div>
|
|
<div class="section-content">
|
|
<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 "<name>"</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 "<name>"</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>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>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<div class="section-header">🐾 Pet Management</div>
|
|
<div class="section-content">
|
|
<div class="command-grid">
|
|
<div class="command">
|
|
<div class="command-name">!team</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">!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 <pet></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 <pet></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>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<div class="section-header">🎒 Inventory System <span class="badge">NEW!</span></div>
|
|
<div class="section-content">
|
|
<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 <item name></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>Item Discovery:</strong> Find items while exploring! Each location has unique treasures. Items stack in your inventory and can be used anytime.
|
|
</div>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<div class="section-header">🏆 Achievements & Progress</div>
|
|
<div class="section-content">
|
|
<div class="command-grid">
|
|
<div class="command">
|
|
<div class="command-name">!achievements</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="info-box">
|
|
<h4>🎯 Location Unlock Requirements</h4>
|
|
<ul>
|
|
<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">🌐 Web Interface</div>
|
|
<div class="section-content">
|
|
<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 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> |