Tags: Mobile edit Mobile web edit |
|
| (One intermediate revision by the same user not shown) |
| Line 1: |
Line 1: |
| <div style="font-family: 'Georgia', serif; background: ; min-height: 100vh; color: #2d2d2d; margin: 0; padding: 0;">
| | {{Main Page}} |
| <!-- Header -->
| |
| <div style="background: #336699; padding: 30px 15px; text-align: center; color: white;">
| |
| <div style="max-width: 1200px; margin: 0 auto; padding: 0 10px;">
| |
| <div style="font-size: clamp(36px, 8vw, 52px); font-weight: 700; margin-bottom: 8px;">Bhikitia</div>
| |
| <div style="font-size: clamp(16px, 4vw, 20px); margin-bottom: 20px; opacity: 0.9; padding: 0 10px;">A trusted, community-guided encyclopedia</div>
| |
| <div style="display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;"><div style="background: rgba(255,255,255,0.15); padding: 6px 15px; border-radius: 20px; font-size: clamp(12px, 3vw, 14px); white-space: nowrap;">5,287 Articles</div><div style="background: rgba(255,255,255,0.15); padding: 6px 15px; border-radius: 20px; font-size: clamp(12px, 3vw, 14px); white-space: nowrap;">128,940 Contributors</div><div style="background: rgba(255,255,255,0.15); padding: 6px 15px; border-radius: 20px; font-size: clamp(12px, 3vw, 14px); white-space: nowrap;">Updated Daily</div></div></div></div>
| |
| | |
| <!-- Navigation -->
| |
| <div style="background: ; padding: 15px 0; border-bottom: 1px solid #dcdcdc; top: 0; z-index: 100;"><div style="max-width: 1200px; margin: 0 auto; padding: 0 15px;">
| |
| <div style="display: flex; flex-wrap: wrap; gap: 8px; justify-content: center;"><div style="background: #e8f0fa; color: #336699; padding: 8px 16px; border-radius: 8px; font-weight: 600; font-size: 14px;">[[Main Page|Home]]</div><div style="color: #555555; padding: 8px 16px; border-radius: 8px; font-size: 14px;">[[Categories|Categories]]</div>
| |
| <div style="color: #555555; padding: 8px 16px; border-radius: 8px; font-size: 14px;">[[Featured Content|Featured]]</div>
| |
| <div style="color: #555555; padding: 8px 16px; border-radius: 8px; font-size: 14px;">[[Community Portal|Community]]</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| <!-- Hero Section -->
| |
| <div style="max-width: 1200px; margin: 0 auto; padding: 30px 15px;">
| |
| <div style="display: flex; flex-direction: column; gap: 20px; margin-bottom: 40px;">
| |
| <div style="background: #f5f5f5; padding: 30px 20px; border-radius: 16px; color: #2d2d2d;">
| |
| <div style="font-size: clamp(24px, 6vw, 32px); font-weight: 700; margin-bottom: 12px;">Welcome to Bhikitia</div><div style="font-size: clamp(14px, 4vw, 18px); margin-bottom: 20px; opacity: 0.9; line-height: 1.5;">Your trusted source for verified knowledge. Join 128,940+ contributors building a natural and educational encyclopedia.</div>
| |
| <div style="background: #2a7f62; color: white; padding: 10px 25px; border-radius: 20px; font-weight: 600; display: inline-block; font-size: 14px;">[[Getting Started|Start Exploring]]</div>
| |
| </div>
| |
| </div>
| |
| | |
| <!-- Featured This Week -->
| |
| <div style="margin-bottom: 50px;"><div style="font-size: clamp(24px, 6vw, 32px); text-align: center; color: #2a7f62; margin-bottom: 25px;">Featured This Week</div><div style="display: flex; flex-wrap: wrap; gap: 20px; justify-content: center;">
| |
| | |
| <!-- Card 1 -->
| |
| <div style="background: #ffffff; border-radius: 12px; border: 1px solid #dcdcdc; width: 300px;"><div style="background: #e0f0ec; height: 6px; border-top-left-radius: 12px; border-top-right-radius: 12px;"></div><div style="padding: 20px;">
| |
| <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px; flex-wrap: wrap;">
| |
| <div style="background: #e0f0ec; color: #2a7f62; padding: 4px 10px; border-radius: 12px; font-size: 12px; font-weight: 600;">HISTORY</div>
| |
| <div style="color: #777777; font-size: 12px;">⭐ 4.8</div>
| |
| </div><div style="font-size: 16px; font-weight: 600; margin-bottom: 10px; color: #2d2d2d; line-height: 1.3;">[[Bhikitia History|The Origins of Bhikitia]]</div>
| |
| <div style="color: #555555; line-height: 1.5; margin-bottom: 15px; font-size: 14px;">Explore the foundation of Bhikitia, its mission, and early contributors shaping the community.
| |
| </div>
| |
| <div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;">
| |
| <div style="color: #2a7f62; font-weight: 600; font-size: 14px;">[[Bhikitia History|Read More →]]</div>
| |
| <div style="color: #777777; font-size: 12px;">Updated 3 days ago</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| <!-- Card 2 -->
| |
| <div style="background: #ffffff; border-radius: 12px; border: 1px solid #dcdcdc; width: 300px;"><div style="background: #e0f0ec; height: 6px; border-top-left-radius: 12px; border-top-right-radius: 12px;"></div>
| |
| <div style="padding: 20px;">
| |
| <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px; flex-wrap: wrap;">
| |
| <div style="background: #e0f0ec; color: #2a7f62; padding: 4px 10px; border-radius: 12px; font-size: 12px; font-weight: 600;">TECHNOLOGY</div>
| |
| <div style="color: #777777; font-size: 12px;">⭐ 4.9</div>
| |
| </div>
| |
| <div style="font-size: 16px; font-weight: 600; margin-bottom: 10px; color: #2d2d2d; line-height: 1.3;">[[Bhikitia Tech|MediaWiki Setup & Features]]</div>
| |
| <div style="color: #555555; line-height: 1.5; margin-bottom: 15px; font-size: 14px;">Learn how Bhikitia leverages MediaWiki to create a collaborative encyclopedia platform.
| |
| </div><div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;"><div style="color: #2a7f62; font-weight: 600; font-size: 14px;">[[Bhikitia Tech|Read More →]]</div><div style="color: #777777; font-size: 12px;">Updated 5 days ago</div></div></div>
| |
| </div>
| |
| <!-- Card 3 --><div style="background: #ffffff; border-radius: 12px; border: 1px solid #dcdcdc; width: 300px;">
| |
| <div style="background: #e0f0ec; height: 6px; border-top-left-radius: 12px; border-top-right-radius: 12px;"></div><div style="padding: 20px;"><div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px; flex-wrap: wrap;"><div style="background: #e0f0ec; color: #2a7f62; padding: 4px 10px; border-radius: 12px; font-size: 12px; font-weight: 600;">COMMUNITY</div>
| |
| <div style="color: #777777; font-size: 12px;">⭐ 4.7</div>
| |
| </div><div style="font-size: 16px; font-weight: 600; margin-bottom: 10px; color: #2d2d2d; line-height: 1.3;">[[Bhikitia Community|Contributors Spotlight]]</div><div style="color: #555555; line-height: 1.5; margin-bottom: 15px; font-size: 14px;">Highlighting the most active contributors and their remarkable contributions to Bhikitia.</div><div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;"><div style="color: #2a7f62; font-weight: 600; font-size: 14px;">[[Bhikitia Community|Read More →]]</div><div style="color: #777777; font-size: 12px;">Updated 1 week ago</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| </div>
| |
| </div>
| |
| | |
| <!-- Community CTA -->
| |
| <div style="background: #2a7f62; padding: 40px 20px; border-radius: 16px; color: white; text-align: center; margin-bottom: 40px;">
| |
| <div style="font-size: clamp(24px, 6vw, 32px); font-weight: 700; margin-bottom: 15px;">Join Our Community</div>
| |
| <div style="font-size: clamp(14px, 4vw, 16px); margin-bottom: 25px; opacity: 0.9; line-height: 1.5; padding: 0 10px;">Share knowledge, help others, and build a natural encyclopedia with trusted content.
| |
| </div>
| |
| <div style="display: flex; gap: 12px; flex-direction: column; align-items: center;">
| |
| <div style="background: #336699; color: white; padding: 12px 25px; border-radius: 20px; font-weight: 600; font-size: 14px; width: fit-content;">[[How to Contribute|Start Contributing]]</div>
| |
| <div style="background: transparent; color: white; border: 2px solid rgba(255,255,255,0.3); padding: 12px 25px; border-radius: 20px; font-weight: 600; font-size: 14px; width: fit-content;">[[Contribution Guidelines|Read Guidelines]]</div>
| |
| </div>
| |
| </div>
| |
| | |
| </div>
| |
| </div>
| |