Redesign Wikivault Main Page layout |
Redesign Wikivault Main Page layout |
||
| Line 3: | Line 3: | ||
<!-- ==================================================================== | <!-- ==================================================================== | ||
1. TOP | 1. TOP HERO BANNER | ||
==================================================================== --> | ==================================================================== --> | ||
<div class="wv- | <div class="wv-hero-banner"> | ||
<div class="wv-hero-brand">Welcome to <strong>Wikivault</strong>,</div> | |||
<div class="wv- | <div class="wv-hero-subtitle">the editorially curated encyclopedia and publishing platform dedicated to verified public knowledge.</div> | ||
<div class="wv- | |||
</div> | |||
<div class="wv- | <div class="wv-hero-search-wrap"> | ||
<inputbox> | <inputbox> | ||
type=fulltext | type=fulltext | ||
prefix= | prefix= | ||
placeholder=Search | placeholder=Search biographies, companies, organizations, news and more... | ||
width= | width=50 | ||
buttonlabel=Search | buttonlabel=Search | ||
</inputbox> | </inputbox> | ||
</div> | </div> | ||
</ | |||
<p class="wv-hero-caption">Explore trusted content across biographies, companies, organizations, news, and much more.</p> | |||
</div> | </div> | ||
<!-- ==================================================================== | <!-- ==================================================================== | ||
2. TWO-COLUMN | 2. TWO-COLUMN LAYOUT | ||
==================================================================== --> | ==================================================================== --> | ||
<div class="wv- | <div class="wv-layout-grid"> | ||
<!-- ==================== LEFT COLUMN (Main | <!-- ==================== LEFT COLUMN (Main Content) ==================== --> | ||
<div class="wv- | <div class="wv-main-col"> | ||
<!-- | <!-- From today's featured content --> | ||
<div class="wv- | <div class="wv-block-space"> | ||
<div class="wv- | <div class="wv-section-head"> | ||
< | <h2 class="wv-section-title">From today's featured content</h2> | ||
[[:Category: | [[:Category:Featured|View all featured →]] | ||
</div> | </div> | ||
<div class="wv- | <div class="wv-card-grid-3"> | ||
<div class="wv- | <!-- Card 1: Biography --> | ||
<div class="wv- | <div class="wv-featured-card"> | ||
< | <div class="wv-featured-thumb" style="background:#E2E8F0; display:flex; align-items:center; justify-center; font-size:2.5rem; color:#0F2D52;">👤</div> | ||
<div class="wv-featured-title">[[Albert Einstein|Albert Einstein]]</div> | |||
<div class="wv-featured-desc">Theoretical physicist who developed the theory of relativity, one of the two pillars of modern physics.</div> | |||
[[Albert Einstein|Read biography →]] | |||
</div> | </div> | ||
<div class="wv- | |||
<div class="wv- | <!-- Card 2: Company --> | ||
<div class="wv-featured-card"> | |||
<div class="wv-featured-thumb" style="background:#E2E8F0; display:flex; align-items:center; justify-center; font-size:2.5rem; color:#0F2D52;">🏢</div> | |||
<div class="wv-featured-title">[[Tesla, Inc.|Tesla, Inc.]]</div> | |||
<div class="wv-featured-desc">Global electric vehicle and clean energy company accelerating the world's transition to sustainable energy.</div> | |||
[[Tesla, Inc.|Read company profile →]] | |||
</div> | </div> | ||
<div class="wv- | <!-- Card 3: Organization --> | ||
<div class="wv- | <div class="wv-featured-card"> | ||
<div class="wv- | <div class="wv-featured-thumb" style="background:#E2E8F0; display:flex; align-items:center; justify-center; font-size:2.5rem; color:#0F2D52;">🇺🇳</div> | ||
< | <div class="wv-featured-title">[[United Nations|United Nations]]</div> | ||
<div class="wv-featured-desc">International organization working to maintain peace, develop friendly relations and promote social progress.</div> | |||
[[United Nations|Read organization →]] | |||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
< | <!-- Recent publications --> | ||
<div class="wv- | <div class="wv-block-space"> | ||
<div class="wv- | <div class="wv-section-head"> | ||
< | <h2 class="wv-section-title">Recent publications</h2> | ||
[[Special:NewPages|View all →]] | |||
</div> | </div> | ||
<div class="wv- | |||
<div class="wv- | <dpl> | ||
count = 5 | |||
order = descending | |||
mode = userformat | |||
listseparators = ,<div class="wv-pub-row"><div class="wv-pub-cell-main"><span class="wv-pub-icon">📄</span><div class="wv-pub-title">[[%PAGE%|%TITLE%]]</div></div></div>,, | |||
</dpl> | |||
<div class="wv-pub-table"> | |||
<div class="wv-pub-row" style="display:flex; align-items:center; justify-content:space-between; padding:10px 0; border-bottom:1px solid #EDF2F7;"> | |||
<div style="display:flex; align-items:center; gap:10px;"> | |||
<span style="color:#718096;">📄</span> | |||
<span style="font-weight:600; color:#0F2D52;">[[The Future of Artificial Intelligence|The Future of Artificial Intelligence]]</span> | |||
</div> | |||
<span style="font-size:0.82rem; color:#718096;">Technology</span> | |||
<span style="font-size:0.82rem; color:#A0AEC0;">2 hours ago</span> | |||
</div> | </div> | ||
<div class="wv-pub-row" style="display:flex; align-items:center; justify-content:space-between; padding:10px 0; border-bottom:1px solid #EDF2F7;"> | |||
<div style="display:flex; align-items:center; gap:10px;"> | |||
<span style="color:#718096;">📄</span> | |||
<span style="font-weight:600; color:#0F2D52;">[[Indira Gandhi: A Political Biography|Indira Gandhi: A Political Biography]]</span> | |||
</div> | </div> | ||
<span style="font-size:0.82rem; color:#718096;">Biographies</span> | |||
<span style="font-size:0.82rem; color:#A0AEC0;">4 hours ago</span> | |||
</div> | </div> | ||
< | <div class="wv-pub-row" style="display:flex; align-items:center; justify-content:space-between; padding:10px 0; border-bottom:1px solid #EDF2F7;"> | ||
<div | <div style="display:flex; align-items:center; gap:10px;"> | ||
< | <span style="color:#718096;">📄</span> | ||
<span | <span style="font-weight:600; color:#0F2D52;">[[SpaceX: Company Profile and History|SpaceX: Company Profile and History]]</span> | ||
</div> | |||
<span style="font-size:0.82rem; color:#718096;">Companies</span> | |||
<span style="font-size:0.82rem; color:#A0AEC0;">6 hours ago</span> | |||
</div> | </div> | ||
<div class="wv- | <div class="wv-pub-row" style="display:flex; align-items:center; justify-content:space-between; padding:10px 0; border-bottom:1px solid #EDF2F7;"> | ||
<div | <div style="display:flex; align-items:center; gap:10px;"> | ||
< | <span style="color:#718096;">📄</span> | ||
<span | <span style="font-weight:600; color:#0F2D52;">[[World Health Organization|World Health Organization]]</span> | ||
</div> | </div> | ||
< | <span style="font-size:0.82rem; color:#718096;">Organizations</span> | ||
< | <span style="font-size:0.82rem; color:#A0AEC0;">8 hours ago</span> | ||
</div> | </div> | ||
<div class="wv- | <div class="wv-pub-row" style="display:flex; align-items:center; justify-content:space-between; padding:10px 0;"> | ||
<div | <div style="display:flex; align-items:center; gap:10px;"> | ||
< | <span style="color:#718096;">📄</span> | ||
<span | <span style="font-weight:600; color:#0F2D52;">[[Renewable Energy and Sustainability|Renewable Energy and Sustainability]]</span> | ||
</div> | |||
<span style="font-size:0.82rem; color:#718096;">Business</span> | |||
<span style="font-size:0.82rem; color:#A0AEC0;">10 hours ago</span> | |||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
<div class="wv- | <!-- Browse by category --> | ||
<div class="wv- | <div class="wv-block-space"> | ||
<div class="wv- | <div class="wv-section-head"> | ||
< | <h2 class="wv-section-title">Browse by category</h2> | ||
</div> | |||
<div class="wv-cat-grid-4"> | |||
<!-- Cat 1 --> | |||
<div class="wv-cat-card"> | |||
<div class="wv-cat-card-icon">👤</div> | |||
<div> | |||
<div class="wv-cat-card-name">[[:Category:Biographies|Biographies]]</div> | |||
<p class="wv-cat-card-desc">Profiles of notable people from history and today.</p> | |||
</div> | </div> | ||
</div> | </div> | ||
<!-- Cat 2 --> | |||
<div class="wv-cat-card"> | |||
<div class="wv-cat-card-icon">🏢</div> | |||
<div> | |||
<div class="wv-cat-card-name">[[:Category:Companies|Companies]]</div> | |||
<p class="wv-cat-card-desc">Information on companies and businesses.</p> | |||
</div> | </div> | ||
</div> | </div> | ||
<!-- | <!-- Cat 3 --> | ||
<div class="wv- | <div class="wv-cat-card"> | ||
<div class="wv- | <div class="wv-cat-card-icon">🏛</div> | ||
< | <div> | ||
[[:Category:Organizations| | <div class="wv-cat-card-name">[[:Category:Organizations|Organizations]]</div> | ||
<p class="wv-cat-card-desc">Profiles of institutions, associations and foundations.</p> | |||
</div> | |||
</div> | </div> | ||
<div class="wv- | <!-- Cat 4 --> | ||
<div class="wv- | <div class="wv-cat-card"> | ||
<div class="wv- | <div class="wv-cat-card-icon">📰</div> | ||
< | <div> | ||
<div class="wv-cat-card-name">[[:Category:News|News]]</div> | |||
<p class="wv-cat-card-desc">Latest events and developments from around the world.</p> | |||
</div> | </div> | ||
</div> | </div> | ||
<div class="wv- | <!-- Cat 5 --> | ||
<div class="wv- | <div class="wv-cat-card"> | ||
<div class="wv- | <div class="wv-cat-card-icon">⭐</div> | ||
< | <div> | ||
<div class="wv-cat-card-name">[[:Category:Entertainment|Entertainment]]</div> | |||
<p class="wv-cat-card-desc">Celebrities, films, music, arts and popular culture.</p> | |||
</div> | </div> | ||
</div> | </div> | ||
<!-- Cat 6 --> | |||
<div class="wv-cat-card"> | |||
<div class="wv-cat-card-icon">💻</div> | |||
<div> | |||
<div class="wv-cat-card-name">[[:Category:Technology|Technology]]</div> | |||
<p class="wv-cat-card-desc">Innovations, gadgets, software and tech companies.</p> | |||
</div> | </div> | ||
</div> | </div> | ||
<!-- Cat 7 --> | |||
<div class="wv-cat-card"> | |||
<div class="wv-cat-card-icon">📈</div> | |||
<div> | |||
<div class="wv-cat-card-name">[[:Category:Business|Business]]</div> | |||
<p class="wv-cat-card-desc">Markets, finance, economy and entrepreneurship.</p> | |||
</div> | |||
</div> | </div> | ||
<!-- ==================== | <!-- Cat 8 --> | ||
<div class="wv- | <div class="wv-cat-card"> | ||
<div class="wv-cat-card-icon">🎓</div> | |||
<div> | |||
<div class="wv-cat-card-name">[[:Category:Education|Education]]</div> | |||
<p class="wv-cat-card-desc">Universities, schools, courses and learning resources.</p> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- Featured companies --> | |||
<div class="wv-block-space"> | |||
<div class="wv-section-head"> | |||
<h2 class="wv-section-title">Featured companies</h2> | |||
[[:Category:Companies|View all →]] | |||
</div> | |||
<div class="wv-card-grid-3"> | |||
<!-- Comp 1 --> | |||
<div class="wv-company-card"> | |||
<div class="wv-company-head"> | |||
<div class="wv-company-icon"></div> | |||
<div> | |||
<div class="wv-company-name">[[Apple Inc.|Apple Inc.]]</div> | |||
<div class="wv-company-tag">Technology</div> | |||
</div> | |||
</div> | |||
<p class="wv-company-desc">Designs, manufactures, and markets smartphones, computers, and consumer electronics.</p> | |||
</div> | |||
<!-- Comp 2 --> | |||
<div class="wv-company-card"> | |||
<div class="wv-company-head"> | |||
<div class="wv-company-icon" style="color:#00A4EF;">🪟</div> | |||
<div> | |||
<div class="wv-company-name">[[Microsoft Corporation|Microsoft Corporation]]</div> | |||
<div class="wv-company-tag">Technology</div> | |||
</div> | |||
</div> | |||
<p class="wv-company-desc">Develops software, cloud services, cloud computing, and enterprise solutions used worldwide.</p> | |||
</div> | |||
<!-- Comp 3 --> | |||
<div class="wv-company-card"> | |||
<div class="wv-company-head"> | |||
<div class="wv-company-icon" style="color:#EA4335;">🔍</div> | |||
<div> | |||
<div class="wv-company-name">[[Google LLC|Google LLC]]</div> | |||
<div class="wv-company-tag">Technology</div> | |||
</div> | |||
</div> | |||
<p class="wv-company-desc">Provides internet services, search, cloud computing, and digital advertising platforms.</p> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- | <!-- Featured organizations --> | ||
<div class="wv- | <div class="wv-block-space"> | ||
<div class="wv- | <div class="wv-section-head"> | ||
< | <h2 class="wv-section-title">Featured organizations</h2> | ||
[[ | [[:Category:Organizations|View all →]] | ||
</div> | |||
<div class="wv-card-grid-3"> | |||
<!-- Org 1 --> | |||
<div class="wv-company-card"> | |||
<div class="wv-company-head"> | |||
<div class="wv-company-icon">🇺🇳</div> | |||
<div> | |||
<div class="wv-company-name">[[United Nations|United Nations]]</div> | |||
<div class="wv-company-tag">International organization</div> | |||
</div> | |||
</div> | |||
<p class="wv-company-desc">Promotes international cooperation and peace, and works to solve global challenges.</p> | |||
</div> | |||
<!-- Org 2 --> | |||
<div class="wv-company-card"> | |||
<div class="wv-company-head"> | |||
<div class="wv-company-icon" style="color:#008080;">⚕️</div> | |||
<div> | |||
<div class="wv-company-name">[[World Health Organization|World Health Organization]]</div> | |||
<div class="wv-company-tag">Public health agency</div> | |||
</div> | |||
</div> | |||
<p class="wv-company-desc">Leads global health efforts and supports countries in improving public health.</p> | |||
</div> | |||
<!-- Org 3 --> | |||
<div class="wv-company-card"> | |||
<div class="wv-company-head"> | |||
<div class="wv-company-icon">🏛</div> | |||
<div> | |||
<div class="wv-company-name">[[UNESCO|UNESCO]]</div> | |||
<div class="wv-company-tag">United Nations agency</div> | |||
</div> | |||
</div> | |||
<p class="wv-company-desc">Promotes education, science, culture and communication for peace and security.</p> | |||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- | <!-- ==================== RIGHT COLUMN (Sidebar Widgets) ==================== --> | ||
<div class="wv- | <div class="wv-sidebar-col"> | ||
<div class="wv- | |||
< | <!-- In the news --> | ||
[[ | <div class="wv-sidebar-box"> | ||
<div class="wv-sidebar-head"> | |||
<h3 class="wv-sidebar-title">In the news</h3> | |||
[[:Category:News|View all →]] | |||
</div> | |||
<ul class="wv-news-list"> | |||
<li>Global leaders meet at the 2026 Climate Summit to accelerate action on climate change.</li> | |||
<li>New advances in AI safety research aim to build more reliable and transparent systems.</li> | |||
<li>Breakthrough in gene therapy shows promise for treating rare genetic disorders.</li> | |||
</ul> | |||
[[:Category:News|Read more news →]] | |||
</div> | </div> | ||
<div class="wv-box | |||
<!-- Did you know? --> | |||
<div class="wv-sidebar-box"> | |||
<div class="wv-sidebar-head"> | |||
<h3 class="wv-sidebar-title">💡 Did you know?</h3> | |||
[[Wikivault:Did_you_know|View all →]] | |||
</div> | </div> | ||
<p class="wv-did-you-know">The first submarine cable between India and Europe was established in 1870, revolutionizing global communication.</p> | |||
[[Wikivault:Did_you_know|More fascinating facts →]] | |||
</div> | </div> | ||
<!-- | <!-- On this day --> | ||
<div class="wv-box"> | <div class="wv-sidebar-box"> | ||
<div class="wv- | <div class="wv-sidebar-head"> | ||
< | <h3 class="wv-sidebar-title">📅 On this day</h3> | ||
[[Wikivault:On_this_day|View all →]] | |||
</div> | </div> | ||
<div class="wv- | <div class="wv-on-this-day-item"> | ||
<span class="wv-on-this-day-year">1945</span> – Japan announced its surrender in World War II. | |||
<div class="wv- | </div> | ||
<div class="wv-on-this-day-item"> | |||
<span class="wv-on-this-day-year">1962</span> – The Beatles performed together for the first time. | |||
</div> | |||
<div class="wv-on-this-day-item"> | |||
<span class="wv-on-this-day-year">2008</span> – The Summer Olympics opened in Beijing. | |||
</div> | </div> | ||
<div | <div style="margin-top:10px;"> | ||
[[: | [[Wikivault:On_this_day|More events on this day →]] | ||
</div> | |||
</div> | </div> | ||
<div class="wv- | <!-- Featured image --> | ||
<div class="wv-sidebar-box"> | |||
<div class="wv- | <div class="wv-sidebar-head"> | ||
<h3 class="wv-sidebar-title">Featured image</h3> | |||
</div> | |||
<div class="wv-featured-image-box"> | |||
<div style="width:100%; height:170px; background:linear-gradient(135deg, #E2E8F0 0%, #CBD5E1 100%); border-radius:4px; display:flex; align-items:center; justify-content:center; font-size:3rem; margin-bottom:8px;">🕌</div> | |||
<div class="wv-featured-image-caption">The Taj Mahal, an ivory-white marble mausoleum on the banks of the Yamuna in Agra, India.</div> | |||
[[Special:NewFiles|View more images →]] | |||
</div> | |||
</div> | </div> | ||
<div class="wv- | <!-- From the archive --> | ||
<div class="wv-sidebar-box"> | |||
<div class="wv- | <div class="wv-sidebar-head"> | ||
<h3 class="wv-sidebar-title">From the archive</h3> | |||
[[Special:AllPages|View all →]] | |||
</div> | </div> | ||
<div class="wv- | <div class="wv-archive-item"> | ||
[[ | <div style="width:44px; height:36px; background:#EDF2F7; border-radius:4px; display:flex; align-items:center; justify-content:center; font-size:1.2rem; flex-shrink:0;">✈️</div> | ||
< | <div> | ||
<div class="wv-archive-title">[[The Wright Brothers|The Wright Brothers]]</div> | |||
<p class="wv-archive-desc">The story of the first powered flight.</p> | |||
</div> | |||
</div> | </div> | ||
<div class="wv- | <div class="wv-archive-item"> | ||
[[ | <div style="width:44px; height:36px; background:#EDF2F7; border-radius:4px; display:flex; align-items:center; justify-content:center; font-size:1.2rem; flex-shrink:0;">🚀</div> | ||
< | <div> | ||
<div class="wv-archive-title">[[Apollo 11 Mission|Apollo 11 Mission]]</div> | |||
<p class="wv-archive-desc">NASA's historic moon landing.</p> | |||
</div> | |||
</div> | </div> | ||
<div class="wv-archive-item"> | |||
<div style="width:44px; height:36px; background:#EDF2F7; border-radius:4px; display:flex; align-items:center; justify-content:center; font-size:1.2rem; flex-shrink:0;">🧱</div> | |||
<div> | |||
<div class="wv-archive-title">[[The Fall of the Berlin Wall|The Fall of the Berlin Wall]]</div> | |||
<p class="wv-archive-desc">A turning point in modern history.</p> | |||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- ==================================================================== | |||
3. CLEAN FOOTER | |||
==================================================================== --> | |||
<footer class="wv-footer-clean"> | |||
<div class="wv-footer-links"> | |||
[[Wikivault:About|About Wikivault]] • [[Wikivault:Editorial_policy|Editorial policy]] • [[Wikivault:Privacy_policy|Privacy policy]] • [[Wikivault:Terms_of_use|Terms of use]] • [[Wikivault:Community_guidelines|Community guidelines]] • [[Wikivault:Contact|Contact us]] • [[Wikivault:Request_correction|Request a correction]] | |||
</div> | |||
<div class="wv-footer-copy"> | |||
© 2026 Wikivault. All rights reserved. Powered by MediaWiki Engine. | |||
</div> | </div> | ||
</footer> | |||
</div> | </div> | ||
Revision as of 06:02, 12 August 2026
Explore knowledge. Discover people, ideas & institutions.
Editorially curatedVerified sourcesOpen knowledge
2,400+
Articles published
120+
Categories covered
50K+
Monthly readers
Daily
Editorial updates
Recent publications
Did you know?
The first submarine cable between India and Europe was established in 1870, transforming long-distance communication.
India's postal network is the largest in the world, with over 150,000 post offices serving both rural and urban areas.
Discover another factOn this day
1945Japan announced its surrender in World War II.
1962The Beatles performed together for the first time.
1969Apollo 11 astronauts became the first humans to walk on the Moon.
2004Facebook was launched, beginning the modern social media era.
Explore more eventsA clearer way to explore public knowledge.
BeyondProfile brings biographies, companies, organizations, news and topics together in an editorially structured knowledge platform designed for discovery and reference. Every entry is written and reviewed with a focus on accuracy, verifiable sourcing, and a neutral, encyclopedic tone, so readers can trust what they find. Our coverage spans emerging entrepreneurs and public figures, established companies and institutions, and the news and events shaping the world today. Whether you're researching a person, tracking an organization, or simply exploring a new subject, BeyondProfile aims to be a clear and reliable starting point.
BeyondProfile
From BeyondProfile