Template:Main page: Difference between revisions

@@ Line 1: / Line 1: @@
- <!-- BANNER ACROSS TOP OF PAGE -->
+__NOTOC__
-<div class="mp-topbanner">
+<!-- HERO -->
-<div class="mp-banner-inner">
+<div style="background: linear-gradient(135deg, #101024 0%, #1c1c3a 60%, #2b1b2e 100%); border-radius: 16px; padding: 60px 30px 54px; text-align: center; color: #ffffff; margin: 0 0 26px; box-shadow: 0 14px 34px rgba(10,10,30,0.28);">
-<div class="mp-banner-title">Welcome to [[Wikigama]],</div>
+<div style="font-size: 12px; letter-spacing: 5px; text-transform: uppercase; color: #d4af37; font-weight: 600; margin-bottom: 16px;">The verified encyclopedia</div>
-<div class="mp-banner-text">
+<div style="font-family: Georgia, 'Times New Roman', serif; font-size: 46px; font-weight: 700; line-height: 1.15; margin-bottom: 14px;">Welcome to <span style="color: #d4af37;">Wikigama</span></div>
-Wikigama hosts '''6412''' Verified encyclopedic articles.<br>
+<div style="font-size: 17px; line-height: 1.6; color: #cfcfe0; max-width: 620px; margin: 0 auto 30px;">Wikigama hosts <strong style="color: #ffffff;">{{NUMBEROFARTICLES}}</strong> verified encyclopedic articles — curated and maintained by our contributor community.</div>
-'''Want to [[Special:Edit|edit]] or [[Wikigama:Create your page|create a page]]?''' [[Special:CreateAccount|'''Create an account''']] and start contributing to '''Wikigama''' today!
+<div>
+<span style="display: inline-block; background: #d4af37; border-radius: 9px; margin: 4px 6px;">[[Special:CreateAccount|<span style="display: inline-block; padding: 13px 30px; color: #14142a; font-weight: 700; font-size: 15px;">Create an account</span>]]</span>
+<span style="display: inline-block; border: 1px solid #d4af37; border-radius: 9px; margin: 4px 6px;">[[Special:AllPages|<span style="display: inline-block; padding: 13px 30px; color: #d4af37; font-weight: 700; font-size: 15px;">Browse articles</span>]]</span>
 </div>
+</div>
+<!-- LIVE STATS -->
+<div style="background: #ffffff; border: 1px solid #e9e9f1; border-radius: 14px; box-shadow: 0 4px 16px rgba(20,20,50,0.05); text-align: center; padding: 24px 12px; margin: 0 0 30px;">
+<div style="display: inline-block; min-width: 180px; margin: 8px 26px; vertical-align: top;">
+<div style="font-size: 32px; font-weight: 800; color: #14142a; line-height: 1.1;">{{NUMBEROFARTICLES}}</div>
+<div style="font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: #8a8aa0; margin-top: 6px;">Articles</div>
+</div>
+<div style="display: inline-block; min-width: 180px; margin: 8px 26px; vertical-align: top;">
+<div style="font-size: 32px; font-weight: 800; color: #14142a; line-height: 1.1;">{{NUMBEROFFILES}}</div>
+<div style="font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: #8a8aa0; margin-top: 6px;">Files</div>
+</div>
+<div style="display: inline-block; min-width: 180px; margin: 8px 26px; vertical-align: top;">
+<div style="font-size: 32px; font-weight: 800; color: #14142a; line-height: 1.1;">{{NUMBEROFUSERS}}</div>
+<div style="font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: #8a8aa0; margin-top: 6px;">Contributors</div>
 </div>
 </div>
 <!-- FEATURED ARTICLES -->
-<div class="mainpage-section" style="padding:20px;">
+<div style="font-family: Georgia, 'Times New Roman', serif; font-size: 26px; font-weight: 700; color: #14142a;">Featured articles</div>
-<h2 style="text-align:center; font-size:1.8em;"> Featured Articles </h2>
+<div style="width: 60px; height: 3px; background: #d4af37; border-radius: 2px; margin: 8px 0 22px;"></div>
-<div class="featured-container">
+<div style="margin-bottom: 34px;">
+<div style="display: inline-block; width: 31.5%; min-width: 270px; vertical-align: top; margin: 0 0.8% 20px; background: #ffffff; border: 1px solid #e9e9f1; border-radius: 14px; overflow: hidden; box-shadow: 0 6px 18px rgba(20,20,50,0.06);">
-<!-- Article Cards -->
+<div style="height: 200px; display: flex; align-items: center; justify-content: center; background: #f4f4f9; overflow: hidden;">[[File:Shri_Narendra_Modi,_Prime_Minister_of_India_(3x4_cropped).jpg|x200px|link=Narendra Modi]]</div>
-<div class="featured-card"> [[File:Shri_Narendra_Modi,_Prime_Minister_of_India_(3x4_cropped).jpg|250px|center|class=featured-img|link=Narendra Modi]]
+<div style="padding: 22px;">
-<div class="featured-title">'''[[Narendra Modi]]'''</div>
+<div style="font-family: Georgia, 'Times New Roman', serif; font-size: 21px; font-weight: 700; margin-bottom: 8px;">[[Narendra Modi]]</div>
-<div class="featured-summary">Prime Minister of the Republic of India. [[Narendra Modi|→ Read more]]</div>
+<div style="font-size: 14px; line-height: 1.55; color: #5a5a70;">Prime Minister of the Republic of India.</div>
+<div style="margin-top: 14px;">[[Narendra Modi|<span style="color: #a8842c; font-weight: 700; font-size: 14px;">→ Read more</span>]]</div>
 </div>
-<div class="featured-card">
-[[File:Virat_Kohli_during_the_India_vs_Aus_4th_Test_match_at_Narendra_Modi_Stadium_on_09_March_2023.jpg|250px|center|class=featured-img|link=Virat Kohli]]
-<div class="featured-title">'''[[Virat Kohli]]'''</div>
-<div class="featured-summary">Legendary cricketer in the world. [[Virat Kohli|→ Read more]]</div>
 </div>
+<div style="display: inline-block; width: 31.5%; min-width: 270px; vertical-align: top; margin: 0 0.8% 20px; background: #ffffff; border: 1px solid #e9e9f1; border-radius: 14px; overflow: hidden; box-shadow: 0 6px 18px rgba(20,20,50,0.06);">
-<div class="featured-card">
+<div style="height: 200px; display: flex; align-items: center; justify-content: center; background: #f4f4f9; overflow: hidden;">[[File:Virat_Kohli_during_the_India_vs_Aus_4th_Test_match_at_Narendra_Modi_Stadium_on_09_March_2023.jpg|x200px|link=Virat Kohli]]</div>
-[[File:Royal_Challengers_Bengaluru_Logo.svg|250px|center|class=featured-img|link=Royal Challengers Bengaluru]]
+<div style="padding: 22px;">
-<div class="featured-title">'''[[Royal Challengers Bengaluru]]'''</div>
+<div style="font-family: Georgia, 'Times New Roman', serif; font-size: 21px; font-weight: 700; margin-bottom: 8px;">[[Virat Kohli]]</div>
-<div class="featured-summary">Royal Challengers Bengaluru is a popular IPL team known for its star players and loyal fans who always cheer loudly for them. [[Royal Challengers Bengaluru|→ Read more]]</div>
+<div style="font-size: 14px; line-height: 1.55; color: #5a5a70;">Legendary cricketer in the world.</div>
+<div style="margin-top: 14px;">[[Virat Kohli|<span style="color: #a8842c; font-weight: 700; font-size: 14px;">→ Read more</span>]]</div>
 </div>
 </div>
+<div style="display: inline-block; width: 31.5%; min-width: 270px; vertical-align: top; margin: 0 0.8% 20px; background: #ffffff; border: 1px solid #e9e9f1; border-radius: 14px; overflow: hidden; box-shadow: 0 6px 18px rgba(20,20,50,0.06);">
+<div style="height: 200px; display: flex; align-items: center; justify-content: center; background: #f4f4f9; overflow: hidden;">[[File:Royal_Challengers_Bengaluru_Logo.svg|x200px|link=Royal Challengers Bengaluru]]</div>
+<div style="padding: 22px;">
+<div style="font-family: Georgia, 'Times New Roman', serif; font-size: 21px; font-weight: 700; margin-bottom: 8px;">[[Royal Challengers Bengaluru]]</div>
+<div style="font-size: 14px; line-height: 1.55; color: #5a5a70;">Popular IPL team known for its star players and loyal fans.</div>
+<div style="margin-top: 14px;">[[Royal Challengers Bengaluru|<span style="color: #a8842c; font-weight: 700; font-size: 14px;">→ Read more</span>]]</div>
 </div>
-<div class="mainpage-section social-media">
-<h2 class="social-heading">Connect with Us</h2>
-<div class="social-icons">
-[https://facebook.com/wikigama [[File:Facebook.svg|40px|class=social-icon facebook-icon|link=]]]
-[https://instagram.com/wikigama [[File:Instagram.svg|40px|class=social-icon instagram-icon|link=]]]
 </div>
 </div>
+<!-- CONTRIBUTE -->
+<div style="background: #14142a; border-radius: 14px; padding: 38px 30px; text-align: center; color: #ffffff; margin: 0 0 26px;">
+<div style="font-family: Georgia, 'Times New Roman', serif; font-size: 24px; font-weight: 700; margin-bottom: 10px;">Want to <span style="color: #d4af37;">edit</span> or <span style="color: #d4af37;">create</span> a page?</div>
-<div class="mainpage-section create-page-section">
+<div style="font-size: 15px; color: #bdbdd2; margin-bottom: 24px;">Have knowledge or media to share? Start contributing to Wikigama today.</div>
-<h2 class="create-page-heading">Wikigama Tools</h2>
+<div>
-<div class="create-page-box">
+<span style="display: inline-block; background: #d4af37; border-radius: 9px; margin: 4px 6px;">[[Special:CreateAccount|<span style="display: inline-block; padding: 12px 28px; color: #14142a; font-weight: 700; font-size: 15px;">Create an account</span>]]</span>
-<p>Have knowledge or media to share? Start contributing by creating a new article or uploading files to Wikigama.</p>
+<span style="display: inline-block; border: 1px solid #d4af37; border-radius: 9px; margin: 4px 6px;">[[Special:Upload|<span style="display: inline-block; padding: 12px 28px; color: #d4af37; font-weight: 700; font-size: 15px;">Upload a file</span>]]</span>
-[[Wikigama:Create your page|<span class="create-page-button">Create a New Page</span>]]
+<span style="display: inline-block; border: 1px solid #d4af37; border-radius: 9px; margin: 4px 6px;">[[Wikigama:Create your page|<span style="display: inline-block; padding: 12px 28px; color: #d4af37; font-weight: 700; font-size: 15px;">Create a new page</span>]]</span>
-[[Special:Upload|<span class="create-upload-button">Upload a File</span>]]
 </div>
 </div>
+<!-- CONNECT -->
+<div style="text-align: center; padding: 4px 0 8px; color: #8a8aa0; font-size: 13px;">Connect with us</div>
+<div style="text-align: center;">
+[https://facebook.com/wikigama [[File:Facebook.svg|40px|class=social-icon facebook-icon|link=]]]
-__NOTOC__
+[https://instagram.com/wikigama [[File:Instagram.svg|40px|class=social-icon instagram-icon|link=]]]
+</div>

Wikigama (talk | contribs)

Revision as of 22:11, 1 October 2026