|
|
| (8 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| <!DOCTYPE html>
| | __NOTOC__ |
| <html lang="en"> | | <div class="fp-container"> |
| <head>
| | [[File:Begoniawikibanner.jpg]] |
| <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"> | | <div class="fp-section-full fp-intro"> |
| <!-- Sidebar Navigation -->
| | <h1>Welcome to the Begonia Wiki</h1> |
| <aside class="medik-sidebar">
| | <p>Welcome to the Begonia Wiki. Currently a work in the progress. </p> |
| <a href="#" class="wiki-logo">Begonia Wiki</a>
| | </div> |
|
| |
| <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;"> | | <!-- News Section --> |
| <input type="search" id="searchInput" placeholder="Search wiki...">
| | <div class="fp-section-full"> |
| </div>
| | <div class="fp-news-grid"> |
| </aside>
| | <div class="fp-news-item"> |
| | <h2>New Described Species</h2> |
| | <p>Check out the latest discoveries in the world of Begonias.</p> |
| | <ul> |
| | <li>[[Begonia example_species_1]] - <i>Recently discovered in...</i></li> |
| | <li>[[Begonia example_species_2]]</li> |
| | </ul> |
| | </div> |
| | |
| | <div class="fp-news-item"> |
| | <h2>New Hybrids</h2> |
| | <p>The latest registered hybrids and cultivars.</p> |
| | <ul> |
| | <li>[[Begonia 'Example Hybrid']]</li> |
| | <li>[[Begonia 'Another Hybrid']]</li> |
| | </ul> |
| | </div> |
| | </div> |
| | </div> |
|
| |
|
| <!-- Main Content -->
| | <!-- Visual Navigation Grid --> |
| <div class=" main- content- wrapper"> | | <div class="fp-section-full"> |
| <div id=" content" class=" mw- body"> | | <h2>Explore Begonias</h2> |
|
| | <div class="fp-nav-grid"> |
| <!-- Hero Section -->
| | <div class="fp-nav-card"> |
| <div class=" begonia- hero"> | | [[File:Begonia_species_icon.jpg|link=Begonia Species|alt=Begonia Species]] |
| <h1>Welcome to the Begonia Wiki</h1>
| | <div class="fp-nav-title">[[Begonia Species|Species List]]</div> |
| <p>The comprehensive encyclopedia for Begonia species, hybrids, and cultivation.</p>
| | </div> |
| </div>
| | |
| | <div class="fp-nav-card"> |
| | [[File:Begonia_hybrid_icon.jpg|link=Begonia Hybrids|alt=Begonia Hybrids]] |
| | <div class=" fp- nav-title" >[[Begonia Hybrids|Hybrids List]]</div> |
| | </div> |
| | |
| | <div class="fp-nav-card"> |
| | [[File:Unidentified_begonia_icon.jpg|link=Unidentified Begonias|alt=Unidentified Begonias]] |
| | <div class="fp-nav-title">[[Unidentified Begonias|Unidentified]]</div> |
| | </div> |
| | </div> |
| | </div> |
|
| |
|
| <!-- Alert Example -->
| | <!-- Categories Lists --> |
| <div class=" begonia- alert info"> | | <div class="fp-categories-container"> |
| <strong>New Feature:</strong> We have updated our taxonomy section with 50+ new species descriptions!
| | <div class="fp-category-box"> |
| </div>
| | <h3>By Growth Type</h3> |
| | <ul> |
| | <li>[[:Category:Cane-like Begonias|Cane-like]]</li> |
| | <li>[[:Category:Shrub-like Begonias|Shrub-like]]</li> |
| | <li>[[:Category:Rhizomatous Begonias|Rhizomatous]]</li> |
| | <li>[[:Category:Tuberous Begonias|Tuberous]]</li> |
| | <li>[[:Category:Trailing-Scandent Begonias|Trailing-Scandent]]</li> |
| | <li>[[:Category:Rex Cultorum|Rex Cultorum]]</li> |
| | </ul> |
| | </div> |
|
| |
|
| <!-- Content Grid -->
| | <div class=" fp- category- box"> |
| <div style=" display: grid; grid- template- columns: 2fr 1fr; gap: 30px;"> | | <h3>By Classification</h3> |
|
| | |
| <!-- Main Text -->
| | <li>[[:Category:Begonia Sections|Sections]]</li> |
| <div>
| | <li>[[:Category:Begonia Species by Country|Region / Country]]</li> |
| <h2>About Begonias</h2>
| | <li>[[:Category:Terrarium Begonias|Terrarium Suitable]]</li> |
| <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>
| | </ul> |
|
| | </div> |
| <h3>Classification</h3>
| | </div> |
| <p>Begonias are usually classified by their root system or growth habit:</p>
| |
| | |
| <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>
| | </div> |
| <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>
| |
| | |
| <!-- TOC & Widgets -->
| |
| <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>
| |
| | |
| <!-- Wiki Table Example -->
| |
| <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>
| |
