Main Page
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Begonia Wiki - Main Page</title>
<link rel="stylesheet" href="begoniawiki.css">
<style>
/* Basic layout for the standalone page */
body {
margin: 0;
display: flex;
min-height: 100vh;
}
.layout-container {
display: flex;
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.medik-sidebar {
width: 250px;
padding: 20px;
background-color: #fcfcfc;
border-right: 1px solid #eee;
flex-shrink: 0;
}
.main-content-wrapper {
flex-grow: 1;
padding: 0 20px;
}
/* Logo placeholder */
.wiki-logo {
font-family: 'Playfair Display', serif;
font-size: 24px;
font-weight: bold;
color: var(--begonia-green);
margin-bottom: 30px;
display: block;
text-decoration: none;
}
</style>
</head>
<body>
<div class="layout-container">
<aside class="medik-sidebar">
<a href="#" class="wiki-logo">Begonia Wiki</a>
<nav>
<div class="active">
<a href="#" class="nav-link">Main Page</a>
</div>
<div><a href="#" class="nav-link">Species Index</a></div>
<div><a href="#" class="nav-link">Cultivation</a></div>
<div><a href="#" class="nav-link">Propagation</a></div>
<div><a href="#" class="nav-link">Pests & Diseases</a></div>
<hr style="border: 0; border-top: 1px solid #eee; margin: 15px 0;">
<div><a href="#" class="nav-link">Community Portal</a></div>
<div><a href="#" class="nav-link">Recent Changes</a></div>
</nav>
<div style="margin-top: 30px;">
<input type="search" id="searchInput" placeholder="Search wiki...">
</div>
</aside>
<div class="main-content-wrapper">
<div id="content" class="mw-body">
<div class="begonia-hero">
<h1>Welcome to the Begonia Wiki</h1>
<p>The comprehensive encyclopedia for Begonia species, hybrids, and cultivation.</p>
</div>
<div class="begonia-alert info">
<strong>New Feature:</strong> We have updated our taxonomy section with 50+ new species descriptions!
</div>
<div style="display: grid; grid-template-columns: 2fr 1fr; gap: 30px;">
<div>
<h2>About Begonias</h2>
<p><strong>Begonia</strong> is a genus of perennial flowering plants in the family Begoniaceae. The genus contains more than 2,000 different plant species. The Begonias are native to moist subtropical and tropical climates. Some species are commonly grown indoors as ornamental house plants in cooler climates.</p>
<h3>Classification</h3>
<p>Begonias are usually classified by their root system or growth habit:</p>
<ul>
<li><a href="#">Cane-like</a> (e.g., Angel Wing)</li>
<li><a href="#">Rex-cultorum</a> (Rex Begonias)</li>
<li><a href="#">Rhizomatous</a></li>
<li><a href="#">Semperflorens</a> (Wax Begonias)</li>
<li><a href="#">Tuberous</a></li>
</ul>
<h3>Code Example</h3>
<p>Here is an example of a botanical data structure:</p>
<pre>
{
"genus": "Begonia",
"species": "maculata",
"common_name": "Polka Dot Begonia",
"native_to": "Brazil"
}</pre>
</div>
<div>
<div id="toc" class="toc">
<h2>Contents</h2>
<ul>
<li><a href="#">1 About Begonias</a></li>
<li><a href="#">2 Classification</a></li>
<li><a href="#">3 Cultivation</a></li>
<li><a href="#">4 Gallery</a></li>
</ul>
</div>
<div id="catlinks">
<strong>Categories:</strong> <a href="#">Flowering Plants</a> | <a href="#">Tropical Flora</a> | <a href="#">Houseplants</a>
</div>
</div>
</div>
<h2>Cultivation Quick Guide</h2>
<table class="wikitable" style="width: 100%;">
<tr>
<th>Type</th>
<th>Light Requirements</th>
<th>Watering</th>
<th>Humidity</th>
</tr>
<tr>
<td>Rex Begonia</td>
<td>Bright, indirect light</td>
<td>Allow top inch to dry</td>
<td>High (>50%)</td>
</tr>
<tr>
<td>Cane Begonia</td>
<td>Bright, filtered sun</td>
<td>Keep soil moist but not wet</td>
<td>Moderate</td>
</tr>
<tr>
<td>Wax Begonia</td>
<td>Full sun to partial shade</td>
<td>Drought tolerant</td>
<td>Low to Moderate</td>
</tr>
</table>
<p style="margin-top: 40px; text-align: center;">
<button>View All Species</button>
<button class="mw-ui-button" style="background-color: #555; margin-left: 10px;">Edit This Page</button>
</p>
</div>
</div>
</div>
</body>
</html>
