704
edits
No edit summary |
No edit summary |
||
Line 8: | Line 8: | ||
<div class="content-wrapper" style="width: 100%; margin: auto; display: flex; flex-direction: column;"> | <div class="content-wrapper" style="width: 100%; margin: auto; display: flex; flex-direction: column;"> | ||
<div id="mp-upper" style="display: flex; flex-wrap: wrap; gap: 2%; margin-top: 4px;"> | <div id="mp-upper" style="display: flex; flex-wrap: wrap; gap: 2%; margin-top: 4px; flex-direction: column;"> | ||
<div id="mp-left" class="MainPageBG" style="flex: 1; | <div id="mp-left" class="MainPageBG" style="flex: 1; width: 100%; border:2px solid #333; border-radius:8px; padding:0; background:#fafafa; vertical-align:top; color:#000;"> | ||
<h2 id="mp-tfa-h2" style="margin:0.5em; background:#e6e6e6; font-family:inherit; font-size:120%; font-weight:bold; border:1px solid #ccc; color:#000; padding:0.2em 0.4em; border-radius:5px;">Featured Article</h2> | <h2 id="mp-tfa-h2" style="margin:0.5em; background:#e6e6e6; font-family:inherit; font-size:120%; font-weight:bold; border:1px solid #ccc; color:#000; padding:0.2em 0.4em; border-radius:5px;">Featured Article</h2> | ||
<div id="mp-topbanner-left" style="width: 100%;"> | <div id="mp-topbanner-left" style="width: 100%;"> | ||
Line 16: | Line 16: | ||
</div> | </div> | ||
<div id="mp-right" class="MainPageBG" style="flex: 1; | <div id="mp-right" class="MainPageBG" style="flex: 1; width: 100%; border:2px solid #333; border-radius:8px; padding:0; background:#f2f2f2; vertical-align:top; margin-top: 10px;"> | ||
<h2 id="mp-dyk-h2" style="margin:0.5em; background:#333; font-family:inherit; font-size:120%; font-weight:bold; color:#fff; padding:0.2em 0.4em; border-radius:5px;">Did You Know?</h2> | <h2 id="mp-dyk-h2" style="margin:0.5em; background:#333; font-family:inherit; font-size:120%; font-weight:bold; color:#fff; padding:0.2em 0.4em; border-radius:5px;">Did You Know?</h2> | ||
<div id="mp-dyk" style="padding:0.1em 0.6em; color:#333;"> | <div id="mp-dyk" style="padding:0.1em 0.6em; color:#333;"> | ||
Line 36: | Line 36: | ||
<p>Our mission is to empower people worldwide with free access to high-quality content, covering everything from science, technology, and history to arts, culture, and global events. Worldpedia operates on a collaborative model, where users can contribute by creating new articles, editing existing content, and sharing knowledge in a responsible and verifiable manner.</p> | <p>Our mission is to empower people worldwide with free access to high-quality content, covering everything from science, technology, and history to arts, culture, and global events. Worldpedia operates on a collaborative model, where users can contribute by creating new articles, editing existing content, and sharing knowledge in a responsible and verifiable manner.</p> | ||
<p> | <p>Worldpedia is structured to encourage dynamic knowledge creation, allowing experts and enthusiasts alike to participate. Each article is meticulously reviewed to maintain credibility, with a commitment to neutrality and reliability.</p> | ||
<p>Our platform fosters a learning ecosystem where students, researchers, and curious minds can explore an ever-expanding repository of wisdom. We believe in the power of collective intelligence and strive to make knowledge accessible to all, regardless of location or background.</p> | |||
<p>Join us in expanding the world's knowledge by contributing to Worldpedia today!</p> | <p>Join us in expanding the world's knowledge by contributing to Worldpedia today!</p> | ||
Line 55: | Line 57: | ||
</div> | </div> | ||
</div> | </div> | ||
<style> | |||
@media (min-width: 768px) { | |||
#mp-upper { | |||
flex-direction: row; | |||
} | |||
#mp-left, #mp-right { | |||
min-width: 48%; | |||
} | |||
} | |||
</style> |