Bhikitia:Main: Difference between revisions

Revision as of 22:26, 5 July 2025

Welcome to Wikipedia

The free encyclopedia that anyone can edit. We currently have 1,281 articles in English.

      Today's featured article

     Template:TFA

      In the news

     Template:ITN

      Did you know...

     Template:DYK

      On this day

     Template:OTD

    Today's featured picture

   Template:POTD

    Wikipedia's sister projects

   Template:Wikipedia sister projects

@@ Line 1: / Line 1: @@
 {{Main page protection}}
 <!--
-   PROPOSED MODERN MAIN PAGE LAYOUT (INLINE STYLES)
+   MAIN PAGE - "MODERN VECTOR" DESIGN (ALL-IN-ONE VERSION)
-   All styling is handled by "style" attributes.
+   WARNING: All styling is inline. This version is difficult to maintain.
-  A wikitable is used for the main two-column layout for stability.
 -->
-<div style="padding: 1em;">
-   <div style="font-size: 2em; font-weight: normal;">Welcome to Wikipedia,</div>
+<!-- === HEADER === -->
-   <div style="font-size: 1.2em; color: #54595d;">the free encyclopedia that anyone can edit.</div>
+<div style="margin-bottom: 1em; padding: 0.5em;">
-  <div style="margin-top: 0.5em; color: #54595d;">{{NUMBEROFARTICLES}} articles in English</div>
+   <div style="font-family: 'Linux Libertine', 'Georgia', 'Times', serif; font-size: 2.2em; font-weight: normal; color: #000;">Welcome to Wikipedia</div>
+   <div style="font-size: 1.1em; color: #54595d; margin-top: 0.2em;">The free encyclopedia that [[Wikipedia:Introduction|anyone can edit]]. We currently have '''{{formatnum:{{NUMBEROFARTICLES}}}}''' articles in English.</div>
 </div>
-<!-- Start of the main two-column layout table -->
+<!-- === MAIN TWO-COLUMN LAYOUT TABLE === -->
-{| style="width: 100%; border-spacing: 1.5em 0; border-collapse: separate;"
+{| style="width:100%; border-spacing: 1.2em 0; border-collapse: separate;"
 |- style="vertical-align: top;"
+| style="width: 60%;" |
+  <!-- === LEFT COLUMN === -->
-<!-- LEFT COLUMN (MAIN CONTENT) -->
+   <!-- Today's featured article -->
-| style="width: 66%;" |
+   <div class="main-page-box" style="margin-bottom: 1.2em; background-color: #fff; border: 1px solid #a2a9b1; border-radius: 4px; box-shadow: 0 1px 1px rgba(0,0,0,0.05);">
-   <!-- Today's Featured Article -->
+     <div class="main-page-box-header" style="padding: 0.5em 0.9em; border-bottom: 1px solid #a2a9b1; background-color: #f8f9fa; border-radius: 4px 4px 0 0; font-size: 105%; font-weight: bold; color: #202122;">
-   <div id="mp-tfa" style="border: 1px solid #a2a9b1; border-radius: 4px; background-color: #f8f9fa; margin-bottom: 1.5em;">
+      [[File:OOjs_UI_icon_star-progressive.svg|20px|link=|alt=]] Today's featured article
-     <div style="border-bottom: 1px solid #a2a9b1; padding: 0.6em 1em; font-size: 1.1em; font-weight: bold; background-color: #eaecf0; border-radius: 4px 4px 0 0;">From today's featured article</div>
+    </div>
-     <div style="padding: 1em; line-height: 1.6;">{{TFA}}</div>
+     <div class="main-page-box-content" style="padding: 0.8em 0.9em; line-height: 1.6;">
+      {{TFA}}
+    </div>
    </div>
-   <!-- In The News -->
+   <!-- In the news -->
-   <div id="mp-itn" style="border: 1px solid #a2a9b1; border-radius: 4px; background-color: #f8f9fa; margin-bottom: 1.5em;">
+   <div class="main-page-box" style="margin-bottom: 1.2em; background-color: #fff; border: 1px solid #a2a9b1; border-radius: 4px; box-shadow: 0 1px 1px rgba(0,0,0,0.05);">
-     <div style="border-bottom: 1px solid #a2a9b1; padding: 0.6em 1em; font-size: 1.1em; font-weight: bold; background-color: #eaecf0; border-radius: 4px 4px 0 0;">In the news</div>
+     <div class="main-page-box-header" style="padding: 0.5em 0.9em; border-bottom: 1px solid #a2a9b1; background-color: #f8f9fa; border-radius: 4px 4px 0 0; font-size: 105%; font-weight: bold; color: #202122;">
-     <div style="padding: 1em; line-height: 1.6;">{{ITN}}</div>
+      [[File:OOjs_UI_icon_newspaper-ltr.svg|20px|link=|alt=]] In the news
+    </div>
+     <div class="main-page-box-content" style="padding: 0.8em 0.9em; line-height: 1.6;">
+      {{ITN}}
+    </div>
    </div>
-<!-- RIGHT COLUMN (SECONDARY CONTENT) -->
+| style="width: 40%;" |
-| style="width: 34%;" |
+  <!-- === RIGHT COLUMN === -->
-   <!-- ADMIN DASHBOARD (NOTE: This will be visible to everyone on this page) -->
-   <div id="mp-admin" style="border: 1px solid #72777d; border-radius: 4px; background-color: #f8f9fa; margin-bottom: 1.5em;">
+   <!--
-    <div style="border-bottom: 1px solid #72777d; padding: 0.6em 1em; font-size: 1.1em; font-weight: bold; background-color: #d3deea; border-radius: 4px 4px 0 0;">Admin Dashboard</div>
+    ADMIN DASHBOARD
-    <div style="padding: 1em; line-height: 1.6;">
+    NOTE: This is hidden by default. To view it, an admin must add the following to their personal CSS ([[Special:MyPage/common.css]]):
-      '''Quick Links:'''
+    .admin-dashboard-show { display: block !important; }
-      * [[Special:Log/delete|Deletion log]]
+  -->
-      * [[Special:Log/protect|Protection log]]
+   <div class="admin-dashboard-show" style="display:none;">
-      * [[Wikipedia:Administrators' noticeboard/Incidents|AN/I]]
+    <div class="main-page-box" style="margin-bottom: 1.2em; background-color: #fff; border: 1px solid #a2a9b1; border-radius: 4px; box-shadow: 0 1px 1px rgba(0,0,0,0.05);">
-      * [[Wikipedia:Administrators' noticeboard|AN]]
+      <div class="main-page-box-header" style="padding: 0.5em 0.9em; border-bottom: 1px solid #a2a9b1; background-color: #eaf3ff; border-radius: 4px 4px 0 0; font-size: 105%; font-weight: bold; color: #0056b3;">
-      * [[Wikipedia:Requests for page protection|RFPP]]
+        [[File:OOjs_UI_icon_lock-progressive.svg|20px|link=|alt=]] Administrator Dashboard
-      * [[Wikipedia:Vandalism in progress|AIV]]
+      </div>
+      <div class="main-page-box-content" style="padding: 0.8em 0.9em; line-height: 1.6;">
+        * [[Special:Log/delete|Deletion log]]
+        * [[Special:Log/protect|Protection log]]
+        * [[Special:Undelete|View deleted pages]]
+        * [[Wikipedia:Administrators' noticeboard/Incidents|AN/I]]
+        * [[Wikipedia:Requests for page protection|RFPP]]
+        * [[Wikipedia:Vandalism in progress|AIV]]
+      </div>
      </div>
    </div>
-   <!-- Did You Know... -->
+   <!-- Did you know... -->
-   <div id="mp-dyk" style="border: 1px solid #a2a9b1; border-radius: 4px; background-color: #f8f9fa; margin-bottom: 1.5em;">
+   <div class="main-page-box" style="margin-bottom: 1.2em; background-color: #fff; border: 1px solid #a2a9b1; border-radius: 4px; box-shadow: 0 1px 1px rgba(0,0,0,0.05);">
-     <div style="border-bottom: 1px solid #a2a9b1; padding: 0.6em 1em; font-size: 1.1em; font-weight: bold; background-color: #eaecf0; border-radius: 4px 4px 0 0;">Did you know...</div>
+     <div class="main-page-box-header" style="padding: 0.5em 0.9em; border-bottom: 1px solid #a2a9b1; background-color: #f8f9fa; border-radius: 4px 4px 0 0; font-size: 105%; font-weight: bold; color: #202122;">
-     <div style="padding: 1em; line-height: 1.6;">{{DYK}}</div>
+      [[File:OOjs_UI_icon_lightbulb-progressive.svg|20px|link=|alt=]] Did you know...
+    </div>
+     <div class="main-page-box-content" style="padding: 0.8em 0.9em; line-height: 1.6;">
+      {{DYK}}
+    </div>
    </div>
-   <!-- On This Day... -->
+   <!-- On this day... -->
-   <div id="mp-otd" style="border: 1px solid #a2a9b1; border-radius: 4px; background-color: #f8f9fa; margin-bottom: 1.5em;">
+   <div class="main-page-box" style="margin-bottom: 1.2em; background-color: #fff; border: 1px solid #a2a9b1; border-radius: 4px; box-shadow: 0 1px 1px rgba(0,0,0,0.05);">
-     <div style="border-bottom: 1px solid #a2a9b1; padding: 0.6em 1em; font-size: 1.1em; font-weight: bold; background-color: #eaecf0; border-radius: 4px 4px 0 0;">On this day</div>
+     <div class="main-page-box-header" style="padding: 0.5em 0.9em; border-bottom: 1px solid #a2a9b1; background-color: #f8f9fa; border-radius: 4px 4px 0 0; font-size: 105%; font-weight: bold; color: #202122;">
-     <div style="padding: 1em; line-height: 1.6;">{{OTD}}</div>
+      [[File:OOjs_UI_icon_calendar-ltr.svg|20px|link=|alt=]] On this day
+    </div>
+     <div class="main-page-box-content" style="padding: 0.8em 0.9em; line-height: 1.6;">
+      {{OTD}}
+    </div>
    </div>
 |}
-<!-- End of the main two-column layout table -->
+<!-- === END OF TWO-COLUMN LAYOUT === -->
-<!-- BOTTOM SECTIONS (Full Width) -->
+<!-- === BOTTOM FULL-WIDTH SECTIONS === -->
-<!-- Today's Featured Picture -->
+<!-- Today's featured picture -->
-<div id="mp-tfp" style="border: 1px solid #a2a9b1; border-radius: 4px; background-color: #f8f9fa; margin-bottom: 1.5em;">
+<div class="main-page-box" style="margin-bottom: 1.2em; background-color: #fff; border: 1px solid #a2a9b1; border-radius: 4px; box-shadow: 0 1px 1px rgba(0,0,0,0.05);">
-   <div style="border-bottom: 1px solid #a2a9b1; padding: 0.6em 1em; font-size: 1.1em; font-weight: bold; background-color: #eaecf0; border-radius: 4px 4px 0 0;">Today's featured picture</div>
+   <div class="main-page-box-header" style="padding: 0.5em 0.9em; border-bottom: 1px solid #a2a9b1; background-color: #f8f9fa; border-radius: 4px 4px 0 0; font-size: 105%; font-weight: bold; color: #202122;">
-   <div style="padding: 1em; line-height: 1.6; text-align: center;">{{POTD}}</div>
+    [[File:OOjs_UI_icon_image-ltr.svg|20px|link=|alt=]] Today's featured picture
+  </div>
+   <div class="main-page-box-content" style="padding: 0.8em 0.9em; line-height: 1.6;">
+    {{POTD}}
+  </div>
 </div>
-<!-- Sister Projects & Portals -->
+<!-- Sister Projects -->
-<div id="mp-sister" style="border: 1px solid #a2a9b1; border-radius: 4px; background-color: #f8f9fa; margin-bottom: 1.5em;">
+<div class="main-page-box" style="margin-bottom: 1.2em; background-color: #fff; border: 1px solid #a2a9b1; border-radius: 4px; box-shadow: 0 1px 1px rgba(0,0,0,0.05);">
-   <div style="border-bottom: 1px solid #a2a9b1; padding: 0.6em 1em; font-size: 1.1em; font-weight: bold; background-color: #eaecf0; border-radius: 4px 4px 0 0;">Other areas of Wikipedia</div>
+   <div class="main-page-box-header" style="padding: 0.5em 0.9em; border-bottom: 1px solid #a2a9b1; background-color: #f8f9fa; border-radius: 4px 4px 0 0; font-size: 105%; font-weight: bold; color: #202122;">
-   <div style="padding: 1em; line-height: 1.6;">{{Wikipedia sister projects}}</div>
+    [[File:Wikimedia-logo.svg|20px|link=|alt=]] Wikipedia's sister projects
+  </div>
+   <div class="main-page-box-content" style="padding: 0.8em 0.9em; line-height: 1.6;">
+    {{Wikipedia sister projects}}
+  </div>
 </div>