Skip to content

Commit 052c468

Browse files
claudeclaude
committed
Fix dropdown nav (blank pages) + 2 new diagrams + fish background art
Nav fix: - Dropdown parent links (Bihar Life, Environment, Tools) no longer trigger switchTab('') which was causing blank pages - Only direct nav links and dropdown menu items trigger tab switch - Selector: .nav-links > li:not(.nav-dropdown) > a New diagrams: - People: "Bihar Gave the World" pill timeline (10 contributions from 600BCE-1980) - Economy: Workforce vs GSDP bar comparison (76% work in agri = 19% GSDP) Background art: - Small Madhubani fish SVG at mid-right (10% opacity) SW cache bumped to v6. https://claude.ai/code/session_01QbKFkHEVdoSwuQD3B9gZwV
1 parent 2dde7b2 commit 052c468

2 files changed

Lines changed: 78 additions & 3 deletions

File tree

‎index.html‎

Lines changed: 77 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1009,6 +1009,53 @@ <h2 class="section-title">Economy &amp; Development</h2>
10091009
<p><strong>बुनियादी ढाँचा और औद्योगीकरण।</strong> 2005 के बाद बिहार के सड़क नेटवर्क में नाटकीय सुधार हुआ है, लेकिन रेलवे कनेक्टिविटी, बिजली आपूर्ति की विश्वसनीयता, और अंतिम-छोर ग्रामीण बुनियादी ढाँचा प्रमुख बाधाएँ बनी हुई हैं। राज्य के पास कोई बड़ा बंदरगाह नहीं, पटना से परे कोई कार्यशील हवाई अड्डा नहीं (Gaya की सीमित सेवा), और ग्रामीण क्षेत्रों में रुक-रुककर बिजली। ये बुनियादी ढाँचे की कमियाँ, ख़राब क़ानून-व्यवस्था की साख (अब कुछ सुधरी) और कमज़ोर संस्थागत क्षमता के साथ मिलकर, निजी औद्योगिक निवेश को रोकती रही हैं। प्रस्तावित औद्योगिक गलियारे (पटना-गया, हाजीपुर) और बिहार से गुज़रने वाला अमृतसर-कोलकाता औद्योगिक गलियारा अभी शुरुआती चरणों में हैं।</p>
10101010
</div>
10111011

1012+
1013+
<!-- Workforce vs GSDP Mismatch -->
1014+
<div class="diagram-container">
1015+
<h4>The Mismatch: Who Works Where vs What Earns What</h4>
1016+
<div style="display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:12px 0;">
1017+
<div>
1018+
<div style="font-size:0.78rem;font-weight:600;color:var(--text-primary);margin-bottom:10px;">Share of Workforce</div>
1019+
<div style="display:flex;align-items:flex-end;gap:6px;height:120px;">
1020+
<div style="flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;">
1021+
<div style="width:100%;height:91px;background:#27ae60;border-radius:4px 4px 0 0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:0.7rem;font-weight:700;">76%</div>
1022+
<div style="font-size:0.62rem;color:var(--text-tertiary);margin-top:4px;">Agri</div>
1023+
</div>
1024+
<div style="flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;">
1025+
<div style="width:100%;height:10px;background:#e67e22;border-radius:4px 4px 0 0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:0.6rem;">8%</div>
1026+
<div style="font-size:0.62rem;color:var(--text-tertiary);margin-top:4px;">Constr</div>
1027+
</div>
1028+
<div style="flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;">
1029+
<div style="width:100%;height:6px;background:#2980b9;border-radius:4px 4px 0 0;"></div>
1030+
<div style="font-size:0.62rem;color:var(--text-tertiary);margin-top:4px;">Mfg 5%</div>
1031+
</div>
1032+
<div style="flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;">
1033+
<div style="width:100%;height:13px;background:#8e44ad;border-radius:4px 4px 0 0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:0.55rem;">11%</div>
1034+
<div style="font-size:0.62rem;color:var(--text-tertiary);margin-top:4px;">Other</div>
1035+
</div>
1036+
</div>
1037+
</div>
1038+
<div>
1039+
<div style="font-size:0.78rem;font-weight:600;color:var(--text-primary);margin-bottom:10px;">Share of GSDP</div>
1040+
<div style="display:flex;align-items:flex-end;gap:6px;height:120px;">
1041+
<div style="flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;">
1042+
<div style="width:100%;height:23px;background:#27ae60;border-radius:4px 4px 0 0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:0.65rem;font-weight:700;">19%</div>
1043+
<div style="font-size:0.62rem;color:var(--text-tertiary);margin-top:4px;">Agri</div>
1044+
</div>
1045+
<div style="flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;">
1046+
<div style="width:100%;height:23px;background:#e67e22;border-radius:4px 4px 0 0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:0.65rem;font-weight:700;">19%</div>
1047+
<div style="font-size:0.62rem;color:var(--text-tertiary);margin-top:4px;">Industry</div>
1048+
</div>
1049+
<div style="flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;">
1050+
<div style="width:100%;height:74px;background:#2980b9;border-radius:4px 4px 0 0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:0.7rem;font-weight:700;">62%</div>
1051+
<div style="font-size:0.62rem;color:var(--text-tertiary);margin-top:4px;">Services</div>
1052+
</div>
1053+
</div>
1054+
</div>
1055+
</div>
1056+
<p class="diagram-caption">76% of Bihar's workers are in agriculture, which produces only 19% of GSDP. Services produce 62% of GSDP but employ far fewer people. This structural mismatch is the root of Bihar's poverty: most people work in the sector that earns the least.</p>
1057+
</div>
1058+
10121059
<div class="diagram-container">
10131060
<h4>Where Bihar's Money Comes From -- and Where It Goes</h4>
10141061
<div class="css-flow-vertical">
@@ -1216,6 +1263,25 @@ <h2 class="section-title">Notable People &amp; Leadership</h2>
12161263
<div class="section-prose lang-hi" style="font-family:'Noto Serif Devanagari',serif;">
12171264
<p>भारतीय सभ्यता में बिहार का योगदान असाधारण है। इस क्षेत्र ने दुनिया का पहला बड़ा साम्राज्य (मौर्य), सबसे पुराना विश्वविद्यालय (Nalanda), गणित में बुनियादी विभूतियाँ (आर्यभट), दो विश्व धर्मों की मूल घटनाएँ (बुद्ध का ज्ञानोदय, महावीर का जन्म), भारत के पहले राष्ट्रपति, और आपातकाल समाप्त करने वाला आंदोलन दिया। आधुनिक राजनीति में बिहार सामाजिक न्याय के भारत के सबसे महत्वपूर्ण प्रयोगों की प्रयोगशाला रहा है -- Mandal Commission की सिफ़ारिशें बिहार की जाति वास्तविकताओं में निहित थीं, और भारत में हर बड़ी OBC/दलित राजनीतिक गोलबंदी बिहार के आंदोलनों से बौद्धिक वंशावली खींचती है। नीचे दिए गए व्यक्ति इसी विस्तार को दर्शाते हैं।</p>
12181265
</div>
1266+
1267+
<!-- Bihar's Contribution Timeline -->
1268+
<div class="diagram-container">
1269+
<h4>Bihar Gave the World</h4>
1270+
<div style="display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:12px 0;">
1271+
<div style="background:#7b341e;color:#fff;border-radius:20px;padding:8px 16px;font-size:0.75rem;font-weight:600;">600 BCE: World's first republic</div>
1272+
<div style="background:#c0392b;color:#fff;border-radius:20px;padding:8px 16px;font-size:0.75rem;font-weight:600;">528 BCE: Buddhism</div>
1273+
<div style="background:#d35400;color:#fff;border-radius:20px;padding:8px 16px;font-size:0.75rem;font-weight:600;">322 BCE: Maurya Empire</div>
1274+
<div style="background:#e67e22;color:#fff;border-radius:20px;padding:8px 16px;font-size:0.75rem;font-weight:600;">268 BCE: Ashoka's non-violence</div>
1275+
<div style="background:#27ae60;color:#fff;border-radius:20px;padding:8px 16px;font-size:0.75rem;font-weight:600;">476 CE: Zero (Aryabhata)</div>
1276+
<div style="background:#2980b9;color:#fff;border-radius:20px;padding:8px 16px;font-size:0.75rem;font-weight:600;">5th c: Nalanda University</div>
1277+
<div style="background:#8e44ad;color:#fff;border-radius:20px;padding:8px 16px;font-size:0.75rem;font-weight:600;">1917: Champaran Satyagraha</div>
1278+
<div style="background:#2c3e50;color:#fff;border-radius:20px;padding:8px 16px;font-size:0.75rem;font-weight:600;">1950: India's first President</div>
1279+
<div style="background:#c0392b;color:#fff;border-radius:20px;padding:8px 16px;font-size:0.75rem;font-weight:600;">1974: JP's Total Revolution</div>
1280+
<div style="background:#d35400;color:#fff;border-radius:20px;padding:8px 16px;font-size:0.75rem;font-weight:600;">1980: Mandal Commission</div>
1281+
</div>
1282+
<p class="diagram-caption">Bihar's contributions to world civilisation are disproportionate to its contemporary economic standing. The state that gave the world democracy, zero, and non-violence now has India's highest poverty rate.</p>
1283+
</div>
1284+
12191285
<div class="people-grid">
12201286
<div class="person-card">
12211287
<h4 class="lang-en">Chandragupta Maurya (c. 340-298 BCE)</h4>
@@ -3057,6 +3123,15 @@ <h3>Bihar Parichay</h3>
30573123
<circle cx="12" cy="230" r="3" fill="#f1c40f" opacity="0.5"/>
30583124
</svg>
30593125

3126+
3127+
<!-- Small Madhubani fish, mid-right -->
3128+
<svg style="position:fixed;top:45%;right:15px;width:60px;height:35px;opacity:0.1;pointer-events:none;z-index:0;" viewBox="0 0 100 50" xmlns="http://www.w3.org/2000/svg">
3129+
<ellipse cx="40" cy="25" rx="30" ry="15" fill="#e74c3c"/>
3130+
<ellipse cx="40" cy="25" rx="22" ry="10" fill="#f1c40f"/>
3131+
<polygon points="70,25 90,12 90,38" fill="#27ae60"/>
3132+
<circle cx="22" cy="22" r="4" fill="#fff"/><circle cx="22" cy="22" r="2" fill="#2c3e50"/>
3133+
</svg>
3134+
30603135
<!-- WhatsApp floating share -->
30613136
<a class="wa-share-float" id="waShareFloat" href="#" onclick="shareOnWhatsApp()" title="Share on WhatsApp" style="display:none;"><svg width="22" height="22" viewBox="0 0 24 24" fill="#fff"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg></a>
30623137

@@ -3611,7 +3686,7 @@ <h3>Bihar Parichay</h3>
36113686
const target = document.getElementById(sectionId);
36123687
if (target) target.classList.add('active');
36133688
// Update nav active state
3614-
document.querySelectorAll('.nav-links a').forEach(a => {
3689+
document.querySelectorAll('.nav-links > li > a:not(.nav-dropdown > a)').forEach(a => {
36153690
a.classList.toggle('active', a.getAttribute('href') === '#' + sectionId);
36163691
});
36173692
// Scroll to top of content
@@ -3647,7 +3722,7 @@ <h3>Bihar Parichay</h3>
36473722
});
36483723
});
36493724

3650-
document.querySelectorAll('.nav-links a').forEach(link => {
3725+
document.querySelectorAll('.nav-links > li:not(.nav-dropdown) > a').forEach(link => {
36513726
link.addEventListener('click', function(e) {
36523727
e.preventDefault();
36533728
const id = this.getAttribute('href').replace('#', '');

‎sw.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
const CACHE_NAME = 'bihar-parichay-v5';
1+
const CACHE_NAME = 'bihar-parichay-v6';
22
const ASSETS = [
33
'/',
44
'/index.html',

0 commit comments

Comments
 (0)