Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Bhikitia:Main Page: Difference between revisions

From Bhikitia, An open encyclopedia
No edit summary
No edit summary
 
(5 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<templatestyles src="Template:Main Page/styles.css" />
<div class="mainpage-wrapper">


{| class="mp-panel"
{| class="mainpage-header mainpage-panel" style="
    width:100%;
    padding:1em;
    text-align:center;
    border-radius:8px;
    box-shadow:0 2px 6px rgba(0,0,0,0.08);
    color: var(--color-base);
    background-color: var(--color-surface-0);
    transition: background-color 0.3s, color 0.3s;">
|-
|-
| class="mp-subpanel mp-left center" id="EnWpMpBook2" |
| {{Bhikitia:Main Page/Header}}
{{Bhikitia:Main Page/Header}}<div>
|}
|}
{| class="mp-panel"
 
{| class="mainpage-panel" style="
    width:100%;
    padding:1.5em;
    border-radius:8px;
    box-shadow:0 2px 6px rgba(0,0,0,0.08);
    margin:1em 0;
    color: var(--color-base);
    background-color: var(--color-surface-1);
    transition: background-color 0.3s, color 0.3s;">
|-
|-
| class="mp-subpanel mp-left" |
| <h2 style="margin-top:0; border-bottom:1px solid var(--color-subtle); color: var(--color-emphasized);">Welcome to Bhikitia</h2>
<h2>Bhikitia About</h2>
{{Bhikitia:Main Page/Introduction}}
<div id="mf-intro" title="Welcome!">{{Bhikitia:Main Page/Introduction}}</div>
|}
| class="mp-subpanel mp-right" |
 
<h2>Selected article</h2></div>
{| class="mainpage-panel" style="
{{Bhikitia:Selected article/preview}}<br class="nomobile">
    width:100%;
    padding:1.5em;
    border-radius:8px;
    box-shadow:0 2px 6px rgba(0,0,0,0.08);
    margin:1em 0;
    color: var(--color-base);
    background-color: var(--color-surface-1);
    transition: background-color 0.3s, color 0.3s;">
|-
|-
| <h2 style="margin-top:0; border-bottom:1px solid var(--color-subtle); color: var(--color-emphasized);">Featured article</h2>
{{Bhikitia:Selected article/preview}}
|}
|}
{| class="mp-panel"
 
{| class="mainpage-panel" style="
    width:100%;
    padding:1.5em;
    border-radius:8px;
    box-shadow:0 2px 6px rgba(0,0,0,0.08);
    margin:1em 0;
    color: var(--color-base);
    background-color: var(--color-surface-1);
    transition: background-color 0.3s, color 0.3s;">
|-
|-
| class="mp-subpanel" colspan="2"  |
| <h2 style="margin-top:0; border-bottom:1px solid var(--color-subtle); color: var(--color-emphasized);">Did you know…</h2>
<h2>Knowledg group</h2>
{{Bhikitia:Main Page/Did you know}}
<div id="mf-know">{{Bhikitia:Main Page/Knowledg group}}</div>
|}
|}
{| class="mp-panel"
 
{| class="mainpage-panel featured-image" style="
    width:100%;
    padding:1.5em;
    border-radius:8px;
    box-shadow:0 2px 6px rgba(0,0,0,0.08);
    margin:1em 0;
    text-align:center;
    color: var(--color-base);
    background-color: var(--color-surface-1);
    transition: background-color 0.3s, color 0.3s;">
|-
|-
| class="mp-subpanel mp-left" |
| <h2 style="margin-top:0; border-bottom:1px solid var(--color-subtle); color: var(--color-emphasized); text-align:left;">Featured image</h2>
<h2>Did you know...</h2>
{{Bhikitia:Selected photo/preview}}
<div id="mf-dyk" title="Did you know...">{{Bhikitia:Main Page/Did you know}}</div>
| class="mp-subpanel mp-right" |
<h2>Selected photo</h2>
<div id="mf-dyk" title="Photo">{{Bhikitia:Selected photo/{{DATE}}}}</div>
|}
|}
{| class="mp-panel"
 
{| class="mainpage-panel" style="
    width:100%;
    padding:1.5em;
    border-radius:8px;
    box-shadow:0 2px 6px rgba(0,0,0,0.08);
    margin:1em 0;
    color: var(--color-base);
    background-color: var(--color-surface-1);
    transition: background-color 0.3s, color 0.3s;">
|-
|-
| class="mp-subpanel" colspan="2" |
| <h2 style="margin-top:0; border-bottom:1px solid var(--color-subtle); color: var(--color-emphasized);">Good articles</h2>
<h2>Good article</h2>
{{Bhikitia:Good article/preview}}
<div id="mf-know">{{Bhikitia:Good article/preview}}</div>
|}
|}
{| class="mp-panel"
 
{| class="mainpage-panel" style="
    width:100%;
    padding:1.5em;
    border-radius:8px;
    box-shadow:0 2px 6px rgba(0,0,0,0.08);
    margin:1em 0;
    color: var(--color-base);
    background-color: var(--color-surface-1);
    transition: background-color 0.3s, color 0.3s;">
|-
|-
| class="mp-subpanel" colspan="2" |
| <h2 style="margin-top:0; border-bottom:1px solid var(--color-subtle); color: var(--color-emphasized);">Contribute to Bhikitia</h2>
<h2>Create a new page</h2>
{{Bhikitia:Main Page/Footer}}
<div id="mf-know">{{Bhikitia:Main Page/Footer}}</div>
|}
|}
__NOTOC____NOEDITSECTION__
 
</div>
 
__NOTOC__
__NOEDITSECTION__
 
<script>
(function() {
    function applyDarkModeClass() {
        const darkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
        const wrapper = document.querySelector('.mainpage-wrapper');
        if (!wrapper) return;
 
        if (darkMode) {
            wrapper.classList.add('dark-mode');
        } else {
            wrapper.classList.remove('dark-mode');
        }
    }
 
    applyDarkModeClass();
 
    if (window.matchMedia) {
        window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', applyDarkModeClass);
    }
})();
</script>
 
<style>
/* Panels default light mode (uses Citizen variables) */
.mainpage-panel {
    color: var(--color-base);
    background-color: var(--color-surface-1);
}
 
/* Dark mode panels */
.mainpage-wrapper.dark-mode .mainpage-panel {
    background-color: var(--color-surface-2) !important;
    color: var(--color-base) !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.5) !important;
}
 
/* Dark mode headings */
.mainpage-wrapper.dark-mode .mainpage-panel h2 {
    border-bottom-color: var(--color-subtle) !important;
    color: var(--color-emphasized) !important;
}
 
/* Featured image panel */
.mainpage-panel.featured-image {
    text-align: center;
}
</style>

Latest revision as of 18:58, 29 December 2025

width:100%; padding:1em; text-align:center; border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,0.08); color: var(--color-base); background-color: var(--color-surface-0); transition: background-color 0.3s, color 0.3s;">
width:100%; padding:1.5em; border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,0.08); margin:1em 0; color: var(--color-base); background-color: var(--color-surface-1); transition: background-color 0.3s, color 0.3s;">

Welcome to Bhikitia

Bhikitia icon

Bhikitia is a Bangladeshi open online encyclopedia dedicated to providing accurate and diverse information. It serves as a valuable resource for users, offering detailed articles on various topics, including history, culture, and global issues. Currently, the Bengali Bhikitia and English Bhikitia are active and a total of 10,739 articles available on English Bhikitia.

width:100%; padding:1.5em; border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,0.08); margin:1em 0; color: var(--color-base); background-color: var(--color-surface-1); transition: background-color 0.3s, color 0.3s;">

Featured article

Jimmy Wales

Jimmy Wales is an American internet entrepreneur and philanthropist, best known as the co-founder of Wikipedia, the world's largest and most widely used online encyclopedia. He was born on August 7, 1966, in Huntsville, Alabama. Wales's early life was marked by a strong academic inclination; he attended Auburn University, where he studied finance, and later earned a master's degree in finance from the University of Alabama.

width:100%; padding:1.5em; border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,0.08); margin:1em 0; color: var(--color-base); background-color: var(--color-surface-1); transition: background-color 0.3s, color 0.3s;">

Did you know…

Statue of Rabindranath Tagore in Dublin, Ireland
  • ... that Kazi Nazrul Islam is known as the 'Rebel Poet' of Bengal?
  • ... that Bhikitia aims to make knowledge accessible in Bengali and English?
  • ... that Kazi Nazrul Islam wrote the famous poem Bidrohi (The Rebel), which became a symbol of Bengali patriotism?
width:100%; padding:1.5em; border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,0.08); margin:1em 0; text-align:center; color: var(--color-base); background-color: var(--color-surface-1); transition: background-color 0.3s, color 0.3s;"> width:100%; padding:1.5em; border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,0.08); margin:1em 0; color: var(--color-base); background-color: var(--color-surface-1); transition: background-color 0.3s, color 0.3s;">

Good articles

Wikimedia Foundation logo

The Wikimedia Foundation is a non-profit organization headquartered in San Francisco, California, that operates and supports a family of free knowledge projects, including Wikipedia, Wikimedia Commons, Wiktionary, Wikibooks, Wikiversity, Wikiquote, Wikisource, Wikinews, and Wikidata. It was founded on June 20, 2003 by Jimmy Wales to ensure the long-term stability and growth of Wikipedia and its sister projects, all of which provide free access to knowledge.

width:100%; padding:1.5em; border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,0.08); margin:1em 0; color: var(--color-base); background-color: var(--color-surface-1); transition: background-color 0.3s, color 0.3s;">

Contribute to Bhikitia



<script> (function() {

   function applyDarkModeClass() {
       const darkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
       const wrapper = document.querySelector('.mainpage-wrapper');
       if (!wrapper) return;
       if (darkMode) {
           wrapper.classList.add('dark-mode');
       } else {
           wrapper.classList.remove('dark-mode');
       }
   }
   applyDarkModeClass();
   if (window.matchMedia) {
       window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', applyDarkModeClass);
   }

})(); </script>

<style> /* Panels default light mode (uses Citizen variables) */ .mainpage-panel {

   color: var(--color-base);
   background-color: var(--color-surface-1);

}

/* Dark mode panels */ .mainpage-wrapper.dark-mode .mainpage-panel {

   background-color: var(--color-surface-2) !important;
   color: var(--color-base) !important;
   box-shadow: 0 2px 6px rgba(0,0,0,0.5) !important;

}

/* Dark mode headings */ .mainpage-wrapper.dark-mode .mainpage-panel h2 {

   border-bottom-color: var(--color-subtle) !important;
   color: var(--color-emphasized) !important;

}

/* Featured image panel */ .mainpage-panel.featured-image {

   text-align: center;

} </style>