Revision as of 17:25, 10 August 2025

@@ Line 22: / Line 22: @@
 </div>
-<!-- Modern Card-Style Categories Layout -->
+<!-- Upper Section using original structure -->
-<div id="mp-categories-container">
+<div id="mp-upper">
-<h2 class="mp-section-heading">Explore Computer Science & IT</h2>
+<div id="mp-left" class="MainPageBG mp-box">
+<h2 id="mp-tfa-h2" class="mp-h2">Learn by Topic</h2>
+<div id="mp-tfa" class="mp-contains-float">
 <!-- Row 1: Programming & Software -->
 <div class="mp-category-row">
@@ Line 58: / Line 59: @@
 <li>[[Web Development/All|View all →]]</li>
 </ul>
+</div>
 </div>
+<div class="mp-category-row">
 <!-- Mobile Development Card -->
 <div class="mp-category-card">
@@ Line 74: / Line 77: @@
 <li>[[Mobile Development/All|View all →]]</li>
 </ul>
-</div>
 </div>
-<!-- Row 2: Data & AI -->
-<div class="mp-category-row">
 <!-- Data Science Card -->
 <div class="mp-category-card">
@@ Line 93: / Line 93: @@
 <li>[[Data Science/All|View all →]]</li>
 </ul>
+</div>
+</div>
+</div>
+<h2 id="mp-dyk-h2" class="mp-h2">Featured Articles</h2>
+<div id="mp-dyk" class="mp-contains-float">
+<div class="mp-featured-grid">
+{{Main Page/Featured}}
+</div>
+</div>
 </div>
+<div id="mp-right" class="MainPageBG mp-box">
+<h2 id="mp-itn-h2" class="mp-h2">Core CS Topics</h2>
+<div id="mp-itn" class="mp-contains-float">
+<div class="mp-category-row">
 <!-- AI & ML Card -->
 <div class="mp-category-card">
@@ Line 109: / Line 123: @@
 <li>[[Artificial Intelligence/All|View all →]]</li>
 </ul>
+</div>
 </div>
+<div class="mp-category-row">
 <!-- Databases Card -->
 <div class="mp-category-card">
@@ Line 125: / Line 141: @@
 <li>[[Databases/All|View all →]]</li>
 </ul>
+</div>
 </div>
 </div>
-<!-- Row 3: Infrastructure & Security -->
+<h2 id="mp-otd-h2" class="mp-h2">Trending Topics</h2>
+<div id="mp-otd" class="mp-contains-float">
+<div class="mp-trending-grid">
+{{Main Page/Trending}}
+</div>
+</div>
+</div>
+</div>
+<!-- Middle Section -->
+<div id="mp-middle" class="MainPageBG mp-box">
+<h2 id="mp-tfl-h2" class="mp-h2">Infrastructure & Security</h2>
+<div id="mp-tfl" class="mp-contains-float">
 <div class="mp-category-row">
 <!-- Cloud Computing Card -->
@@ Line 178: / Line 207: @@
 </div>
 </div>
-</div>
-<!-- Featured Content Section -->
-<div id="mp-featured-section" class="mp-box">
-<h2 class="mp-section-heading">Featured Content</h2>
-<div class="mp-featured-grid">
-{{Main Page/Featured}}
-</div>
-</div>
-<!-- Trending Topics -->
-<div id="mp-trending-section" class="mp-box">
-<h2 class="mp-section-heading">Trending Topics</h2>
-<div class="mp-trending-grid">
-{{Main Page/Trending}}
 </div>
 </div>
-<!-- Learning Paths -->
+<!-- Lower Section -->
-<div id="mp-paths-section" class="mp-box">
+<div id="mp-lower" class="MainPageBG mp-box">
-<h2 class="mp-section-heading">Learning Paths</h2>
+<h2 id="mp-tfp-h2" class="mp-h2">Learning Paths</h2>
+<div id="mp-tfp">
 <div class="mp-paths-grid">
 {{Main Page/Learning Paths}}
+</div>
 </div>
 </div>
-<!-- Community & Contribution -->
+<!-- Bottom Section -->
-<div id="mp-community-section" class="mp-box">
+<div id="mp-bottom" class="mp-box">
-<h2 class="mp-section-heading">Join Our Community</h2>
+<h2 id="mp-other" class="mp-h2">Join Our Community</h2>
+<div id="mp-other-content">
 <div class="mp-community-flex">
 <div class="mp-community-card">
@@ Line 238: / Line 255: @@
 </div>
-<!-- Wiki Statistics -->
+<h2 id="mp-sister" class="mp-h2">Wiki Statistics</h2>
-<div id="mp-statistics" class="mp-box">
+<div id="mp-sister-content">
-<h2 class="mp-section-heading">Wiki Statistics</h2>
 <div class="mp-statistics-container">
 <div class="mp-stat-card">
@@ Line 261: / Line 277: @@
 <div class="mp-stat-number">{{NUMBEROFACTIVEUSERS}}</div>
 <div class="mp-stat-label">Active Users</div>
+</div>
 </div>
 </div>
 </div>
 __NOTOC____NOEDITSECTION__