Jump to content

Main Page: Difference between revisions

372 bytes added ,  Yesterday at 22:47
no edit summary
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; min-width: 100%; border:2px solid #333; border-radius:8px; padding:0; background:#fafafa; vertical-align:top; color:#000;">
         <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; min-width: 100%; border:2px solid #333; border-radius:8px; padding:0; background:#f2f2f2; vertical-align:top; margin-top: 10px;">
         <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>To ensure credibility and accuracy, Worldpedia follows strict content guidelines and references reliable sources. Our editors continuously review submissions to maintain the integrity of information. Whether you're a researcher, student, or casual reader, Worldpedia is your go-to platform for unbiased and well-researched knowledge.</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>