Main Page: Difference between revisions

From Citypedia Online
← Older editNewer edit →
VisualWikitext
mNo edit summary
mNo edit summary
Line 50: Line 50:
         </div>
         </div>


{| class="wikitable mw-collapsible mw-collapsed" style="width:100%; border:none; background:none;"
<!DOCTYPE html>
! colspan="2" | <span style="font-size:120%; font-weight:bold;">Citypedia Overview</span>
<html lang="en">
|-
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        body { font-family: sans-serif; line-height: 1.6; margin: 0; padding: 20px; background: #f6f6f6; }
       
        .main-container {
            display: flex;
            gap: 20px;
            max-width: 1200px;
            margin: auto;
        }


| colspan="2" |
        /* Left Column - 70% */
<div class="mw-collapsible-content">
        .content-area { flex: 70%; background: white; padding: 20px; border: 1px solid #a2a9b1; }


{| style="width:100%; border:none;"
        /* Right Column (Info Box) - 30% */
|-
        .info-sidebar {  
| style="width:100%; padding:0;" |
            flex: 30%;  
            background: #f8f9fa;
            border: 1px solid #a2a9b1;
            padding: 10px;
            font-size: 0.9em;
            align-self: flex-start;
        }


{| class="wikitable" style="width:100%; border-radius:8px;"
        .info-header { background: #cedff2; padding: 5px; text-align: center; font-weight: bold; border-bottom: 1px solid #a2a9b1; }
! style="background:#42b7f5;color:white;" | 🏙 Welcome to Citypedia Online
        .info-image { width: 100%; height: auto; margin: 10px 0; }
|-
| Citypedia Online is the digital encyclopedia of cities in Maharashtra. It documents history, geography, culture, governance, and urban life of every city, town, and major settlement in the state.
|}


<br>
        /* Mobile Adjustments */
        @media (max-width: 768px) {
            .main-container { flex-direction: column; }
           
            .info-sidebar {
                order: -1; /* Moves info box to top on mobile */
                width: 100%;
                box-sizing: border-box;
            }


{| class="wikitable" style="width:100%; border-radius:8px;"
            .collapsible-content { display: none; margin-top: 10px; }
! style="background:#a855f7;color:white;" | 🏛 Featured Cities
            .toggle-btn {
|-
                display: block;  
| <span style="color:red;">Mumbai</span> – Financial capital<br>
                width: 100%;  
<span style="color:red;">Pune</span> – Education & IT hub<br>
                padding: 10px;  
<span style="color:red;">Nagpur</span> – Orange City<br>
                background: #3366cc;  
<span style="color:red;">Nashik</span> – Wine capital<br>
                color: white;  
<span style="color:red;">Aurangabad</span> – Heritage gateway
                border: none;  
|}
                cursor: pointer;  
            }
        }


<br>
        @media (min-width: 769px) {
            .toggle-btn { display: none; }
            .collapsible-content { display: block !important; }
        }
    </style>
</head>
<body>


{| class="wikitable" style="width:100%; border-radius:8px;"
<div class="main-container">
! style="background:#06b6d4;color:white;" | 📋 What You’ll Find
    <article class="content-area">
|-
        <h1>Welcome to Citypedia</h1>
| ✓ City history ✓ Population & demographics ✓ Transport & infrastructure ✓ Culture & festivals ✓ Tourism & landmarks ✓ Government & administration
        <p>This is where your main header and city descriptions go. You can talk about the history, geography, and culture of the location here.</p>
|}
        <hr>
|}
        <h3>History</h3>
        <p>The city was founded in...</p>
    </article>


<br>
    <aside class="info-sidebar">
 
        <div class="info-header">City Quick Facts</div>
{| class="wikitable" style="width:100%; border-radius:8px;"
        <button class="toggle-btn" onclick="toggleSidebar()">Show/Hide Info</button>
! style="background:#22c55e;color:white;" | 🔎 Quick Access
       
|-
        <div id="sidebar-content" class="collapsible-content">
| • [[Special:Search|Search Cities]]<br>
            <img src="https://via.placeholder.com/250x150" alt="City Image" class="info-image">
• [[List of cities in Maharashtra]]<br>
            <p><strong>Country:</strong> Example Land</p>
• [[Districts of Maharashtra]]<br>
            <p><strong>Population:</strong> 1.2 Million</p>
• [[Special:Random|Random City]]
            <p><strong>Links:</strong> <a href="#">Official Site</a></p>
|}
        </div>
 
    </aside>
<br>
</div>


{| class="wikitable" style="width:100%; border-radius:8px;"
<script>
! style="background:#fb923c;color:white;" | 📊 Citypedia Stats
    function toggleSidebar() {
|-
        var x = document.getElementById("sidebar-content");
| '''120+''' Cities<br>
        x.style.display = (x.style.display === "block") ? "none" : "block";
'''36''' Districts<br>
    }
'''2,500+''' Articles<br>
</script>
'''2''' Languages
|}


</div>
</body>
|}
</html>
|}

Revision as of 16:24, 9 January 2026

Welcome to Citypedia Online
A collaborative encyclopedia documenting the cities, towns, and urban heritage of Maharashtra

🏙️ Explore Maharashtra’s Cities, Citypedia Online: The Encyclopedia of Cities in Maharashtra 🌆

सिटिपीडिया ऑनलाईन. महाराष्ट्रातील प्रमुख शहरांचे विकी-पोर्टल.. .
या.. सदस्य होऊया, आपापल्या शहराची माहिती जोडत जाऊया, एक ज्ञानकोश निर्माण करूया.


महाराष्ट्रातील शहरांसाठी एक अभिनव संकल्पना.. शहरातील व्यक्ति, संस्था आणि घडामोडी यांचा नागरिकांनी घेतलेला वेध म्हणजे सिटिपीडिया

Citypedia is a collaborative encyclopedia dedicated to documenting the Wiki-Portal for the cities of Maharashtra.
Explore detailed information on: * Personalities & Institutions | * History, Geography & heritage | * Infrastructure & Civic Issues | * Also the important News & Events, Documented by you & me, online

सिटीपीडिया वर आपला सक्रिय सहभाग अपेक्षित आहे. सिटीपीडिया हे शहरात राहणाऱ्या प्रत्येकासाठी उपयोगी पडेल असा ज्ञानकोश बनावा असा आमचा प्रयत्न आहे. आपण कशा प्रकारे यात सामील होऊ शकता ? प्रथम सिटीपीडिया या संकेत-स्थळावर सदस्य व्हा त्यानंतर सहभागी व्हा आणि आपल्या आवडीच्या विषयावर लिखाण करा (प्रकाशित झालेल्या लेखांमध्ये बदल करा किंवा नवीन लेख लिहा).

Become a Member
Help Articles
Citypedia Foundation


Citypedia Wiki-Portals are available for following cities


मुंबई

पुणे
File:Bio Icon.png
नाशिक

<!DOCTYPE html> <html lang="en"> <head> 

   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <style>
       body { font-family: sans-serif; line-height: 1.6; margin: 0; padding: 20px; background: #f6f6f6; }
       
       .main-container {
           display: flex;
           gap: 20px;
           max-width: 1200px;
           margin: auto;
       }

       /* Left Column - 70% */
       .content-area { flex: 70%; background: white; padding: 20px; border: 1px solid #a2a9b1; }

       /* Right Column (Info Box) - 30% */
       .info-sidebar { 
           flex: 30%; 
           background: #f8f9fa; 
           border: 1px solid #a2a9b1; 
           padding: 10px;
           font-size: 0.9em;
           align-self: flex-start;
       }

       .info-header { background: #cedff2; padding: 5px; text-align: center; font-weight: bold; border-bottom: 1px solid #a2a9b1; }
       .info-image { width: 100%; height: auto; margin: 10px 0; }

       /* Mobile Adjustments */
       @media (max-width: 768px) {
           .main-container { flex-direction: column; }
           
           .info-sidebar {
               order: -1; /* Moves info box to top on mobile */
               width: 100%;
               box-sizing: border-box;
           }

           .collapsible-content { display: none; margin-top: 10px; }
           .toggle-btn { 
               display: block; 
               width: 100%; 
               padding: 10px; 
               background: #3366cc; 
               color: white; 
               border: none; 
               cursor: pointer; 
           }
       }

       @media (min-width: 769px) {
           .toggle-btn { display: none; }
           .collapsible-content { display: block !important; }
       }
   </style>

</head> <body> 

   <article class="content-area">

Welcome to Citypedia

This is where your main header and city descriptions go. You can talk about the history, geography, and culture of the location here.

History

The city was founded in...

   </article>

   <aside class="info-sidebar">
City Quick Facts
       <button class="toggle-btn" onclick="toggleSidebar()">Show/Hide Info</button>
       

           <img src="https://via.placeholder.com/250x150" alt="City Image" class="info-image">

Country: Example Land

Population: 1.2 Million

Links: <a href="#">Official Site</a>

   </aside>

<script> 

   function toggleSidebar() {
       var x = document.getElementById("sidebar-content");
       x.style.display = (x.style.display === "block") ? "none" : "block";
   }

</script>

</body> </html>

Retrieved from "https://citypedia.online/index.php?title=Main_Page&oldid=144"