Panel/faq_demo.html
copilot-swe-agent[bot] c55cc3eec1 Implement HTML-based FAQ structure with comprehensive panel documentation
Co-authored-by: iaretechnician <2749183+iaretechnician@users.noreply.github.com>
2025-09-08 21:50:48 +00:00

143 lines
No EOL
5.9 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Enhanced Open Game Panel FAQ</title>
<style>
body { font-family: Arial, sans-serif; margin: 20px; background: #f5f5f5; }
.maincategory {
background: #2c3e50;
color: white;
padding: 15px;
border-radius: 5px;
margin-bottom: 20px;
}
.headerimage { width: 16px; height: 16px; margin-right: 10px; }
.search { float: right; padding: 5px; border-radius: 3px; border: 1px solid #ccc; }
ul { list-style: none; padding: 0; margin: 10px 0; }
.faqblock {
display: inline-block;
margin: 5px;
background: #3498db;
border-radius: 3px;
}
.faqcategory {
color: white;
text-decoration: none;
padding: 8px 12px;
display: block;
}
.faqcategory:hover { background: #2980b9; }
.category {
background: #34495e;
color: white;
padding: 10px;
margin-top: 20px;
border-radius: 3px;
font-weight: bold;
}
.accordion-toggle {
background: #ecf0f1;
padding: 10px;
border: 1px solid #bdc3c7;
cursor: pointer;
margin-top: 2px;
}
.accordion-toggle:hover { background: #d5dbdb; }
.accordion-content {
background: white;
padding: 15px;
border-left: 3px solid #3498db;
margin-bottom: 5px;
}
.faqanswer { line-height: 1.6; }
.footer {
margin-top: 30px;
padding: 15px;
background: #2c3e50;
color: white;
text-align: center;
border-radius: 3px;
}
.credits { font-style: italic; }
strong { color: #2c3e50; }
</style>
</head>
<body>
<h2>F.A.Q.</h2>
<div class="maincategory">
📋 Categories
<input class="search" name="search" id="search" type="text" placeholder="Search FAQ..."/>
<br clear="both">
</div>
<ul>
<li class='faqblock'><a class='faqcategory' href="#panel_overview">Panel Overview</a></li>
<li class='faqblock'><a class='faqcategory' href="#dashboard">Dashboard</a></li>
<li class='faqblock'><a class='faqcategory' href="#server_management">Server Management</a></li>
<li class='faqblock'><a class='faqcategory' href="#file_management">File Management</a></li>
<li class='faqblock'><a class='faqcategory' href="#user_management">User Management</a></li>
<li class='faqblock'><a class='faqcategory' href="#administration">Administration</a></li>
<li class='faqblock'><a class='faqcategory' href="#troubleshooting">Troubleshooting</a></li>
<li class='faqblock'><a class='faqcategory' href="#game_specific">Game-Specific</a></li>
</ul>
<div id="accordion">
<div class="category" id="panel_overview">📋 Panel Overview</div>
<div class="accordion-toggle">What is the Open Game Panel?</div>
<div class="accordion-content">
<div class="faqanswer">The Open Game Panel (OGP) is a web-based control panel for managing game servers. It provides an easy-to-use interface for starting, stopping, configuring, and monitoring your game servers without needing command-line access.</div>
</div>
<div class="accordion-toggle">How do I navigate the panel?</div>
<div class="accordion-content">
<div class="faqanswer">The panel is organized into several main sections accessible from the navigation menu:<br>
<strong>Dashboard</strong> - Overview of your servers and system status<br>
<strong>Game Servers</strong> - Manage your game server instances<br>
<strong>File Manager</strong> - Browse and edit server files<br>
<strong>User Management</strong> - Control user access and permissions<br>
<strong>Administration</strong> - System settings and configuration</div>
</div>
<div class="category" id="server_management">🎮 Server Management</div>
<div class="accordion-toggle">How do I start my game server?</div>
<div class="accordion-content">
<div class="faqanswer">Navigate to <strong>Game Manager</strong><strong>Server Monitor</strong>, then click the <strong>Start</strong> button. Wait for the status to change to "Online" before attempting to connect.</div>
</div>
<div class="accordion-toggle">What if my server won't start?</div>
<div class="accordion-content">
<div class="faqanswer">Check the server logs for error messages by clicking <strong>View Log</strong>. Common issues include:<br>
• Misconfigured settings<br>
• Missing or corrupted files<br>
• Port conflicts<br>
• Insufficient system resources<br>
If the problem persists, check the troubleshooting section or contact support.</div>
</div>
<div class="category" id="file_management">📁 File Management</div>
<div class="accordion-toggle">How do I access server files?</div>
<div class="accordion-content">
<div class="faqanswer">Use the <strong>File Manager</strong> (LiteFM) to browse, edit, upload, and download server files through your web browser. You can also use the <strong>FTP</strong> module for bulk file transfers.</div>
</div>
<div class="category" id="troubleshooting">🔧 Troubleshooting</div>
<div class="accordion-toggle">My server won't start - "Failed to start remote server" error</div>
<div class="accordion-content">
<div class="faqanswer">This error usually means:<br>
• The server crashed during startup<br>
• Configuration files have syntax errors<br>
• Required files are missing or corrupted<br>
<strong>Solution:</strong> Check the server logs for specific error messages, verify your configuration files, and ensure all required game files are present.</div>
</div>
</div>
<div class='footer'>
<div class='credits'>
<strong>Open Game Panel - Enhanced HTML FAQ System</strong><br>
Comprehensive documentation for all panel modules and features
</div>
</div>
</body>
</html>