mainwp.dev/index-static-backup.html

175 lines
5.9 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MainWP.dev - Developer Documentation</title>
<style>
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
color: #333;
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
header {
background-color: #1c2b46;
color: white;
padding: 20px;
text-align: center;
border-radius: 5px;
margin-bottom: 30px;
}
h1 {
margin: 0;
font-size: 2.5em;
}
h2 {
color: #1c2b46;
border-bottom: 2px solid #eee;
padding-bottom: 10px;
margin-top: 30px;
}
.subtitle {
font-size: 1.2em;
margin-top: 10px;
opacity: 0.8;
}
.documentation-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 20px;
margin-top: 30px;
}
.doc-card {
border: 1px solid #ddd;
border-radius: 5px;
padding: 20px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.doc-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.doc-card h3 {
margin-top: 0;
color: #1c2b46;
}
.doc-card p {
margin-bottom: 15px;
}
.button {
display: inline-block;
background-color: #1c2b46;
color: white;
padding: 10px 15px;
text-decoration: none;
border-radius: 4px;
font-weight: bold;
}
.button:hover {
background-color: #2a3f5f;
}
footer {
margin-top: 50px;
text-align: center;
color: #777;
font-size: 0.9em;
padding-top: 20px;
border-top: 1px solid #eee;
}
.coming-soon {
background-color: #f8f9fa;
border: 1px dashed #ddd;
opacity: 0.7;
}
.coming-soon .button {
background-color: #6c757d;
cursor: not-allowed;
}
</style>
</head>
<body>
<header>
<h1>MainWP.dev</h1>
<div class="subtitle">Developer Documentation & Resources</div>
</header>
<main>
<section>
<h2>Welcome to MainWP.dev</h2>
<p>
MainWP.dev is a dedicated platform for developers working with MainWP, offering comprehensive documentation,
code snippets, and technical resources to help you extend and customize MainWP.
</p>
<p>
Whether you're building extensions, customizing existing functionality, or integrating MainWP with other systems,
you'll find the resources you need here.
</p>
</section>
<section>
<h2>Documentation</h2>
<div class="documentation-grid">
<div class="doc-card">
<h3>MainWP Dashboard</h3>
<p>Explore the source code documentation for the MainWP Dashboard plugin.</p>
<a href="source-code/dashboard/index.html" class="button">View Documentation</a>
</div>
<div class="doc-card">
<h3>MainWP Child</h3>
<p>Explore the source code documentation for the MainWP Child plugin.</p>
<a href="source-code/child/index.html" class="button">View Documentation</a>
</div>
<div class="doc-card coming-soon">
<h3>REST API</h3>
<p>Documentation for the MainWP REST API endpoints and usage.</p>
<a href="#" class="button">Coming Soon</a>
</div>
<div class="doc-card">
<h3>Hooks Reference</h3>
<p>Comprehensive reference for all MainWP actions and filters.</p>
<a href="mainwp-hooks/index.md" class="button">View Documentation</a>
</div>
</div>
</section>
<section>
<h2>Developer Resources</h2>
<div class="documentation-grid">
<div class="doc-card">
<h3>Developer Guides</h3>
<p>Comprehensive guides for MainWP extension development.</p>
<a href="guides/index.md" class="button">View Guides</a>
</div>
<div class="doc-card">
<h3>Getting Started</h3>
<p>Learn how to set up your development environment and create your first extension.</p>
<a href="guides/how-to/setup-environment.md" class="button">Get Started</a>
</div>
<div class="doc-card">
<h3>Extension Development</h3>
<p>Detailed guides for creating and customizing MainWP extensions.</p>
<a href="guides/how-to/create-basic-extension.md" class="button">Learn More</a>
</div>
<div class="doc-card">
<h3>Actions & Filters</h3>
<p>Learn how to use MainWP hooks to integrate your extensions.</p>
<a href="guides/how-to/actions-filters.md" class="button">View Guide</a>
</div>
</div>
</section>
</main>
<footer>
<p>&copy; 2025 MainWP. All rights reserved.</p>
</footer>
</body>
</html>