Indian History Quest

{ "@context": "https://schema.org", "@graph": [ { "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Home", "item": "https://gyanpragya.com/" },{ "@type": "ListItem", "position": 2, "name": "Quiz", "item": "https://gyanpragya.com/quiz/" },{ "@type": "ListItem", "position": 3, "name": "History Quiz" }] } ] }

/* === SCOPED CSS FOR WORDPRESS COMPATIBILITY === */ /* All styles are wrapped in #history-quest-wrapper to prevent theme conflicts */

#history-quest-wrapper { /* Light Theme Local Variables */ --hq-bg-color: #f4f7f6; /* Light Background */ --hq-path-color: #cbd5e0; /* Softer path color */ --hq-card-bg: #ffffff; /* White Cards */ --hq-text-light: #2c3e50; /* Dark Text for Light Background */ --hq-text-muted: #7f8c8d; /* Muted Grey Text */ /* Theme Colors (Maintained) */ --hq-ancient-primary: #d4ac0d; --hq-ancient-secondary: #7d6608; --hq-medieval-primary: #c0392b; --hq-medieval-secondary: #922b21; --hq-modern-primary: #3498db; --hq-modern-secondary: #21618c; --hq-completed-color: #27ae60;

--hq-font-ui: 'Poppins', sans-serif; --hq-font-hindi: 'Tiro Devanagari Hindi', serif;

/* Container Reset */ font-family: var(--hq-font-ui) !important; background-color: var(--hq-bg-color); color: var(--hq-text-light); margin: 0; padding: 0; width: 100%; display: block; box-sizing: border-box; /* Subtle light gradient pattern */ background-image: radial-gradient(circle at 10% 20%, rgba(0,0,0,0.05) 0%, transparent 20%), radial-gradient(circle at 90% 80%, rgba(0,0,0,0.05) 0%, transparent 20%); line-height: 1.6; text-align: left; }

/* RESET ALL CHILD ELEMENTS inside wrapper */ #history-quest-wrapper * { box-sizing: border-box; }

#history-quest-wrapper ul, #history-quest-wrapper li { list-style: none !important; margin: 0 !important; padding: 0 !important; background: none; border: none; }

#history-quest-wrapper a { text-decoration: none !important; box-shadow: none !important; border-bottom: none !important; color: inherit !important; }

#history-quest-wrapper h1, #history-quest-wrapper h2, #history-quest-wrapper h3 { margin-top: 0; line-height: 1.2; font-weight: 700; }

#history-quest-wrapper .hindi { font-family: var(--hq-font-hindi) !important; }

/* --- Game Header & Progress --- */ #history-quest-wrapper .game-header { text-align: center; padding: 60px 20px 40px; /* Light fade background for header */ background: linear-gradient(180deg, rgba(244, 247, 246, 0.95) 0%, rgba(244, 247, 246, 0) 100%); position: relative; z-index: 2; }

#history-quest-wrapper .game-header h1 { font-size: 2.5rem; text-transform: uppercase; letter-spacing: 2px; margin: 0; /* Darker gradient for text in light mode visibility */ background: linear-gradient(to right, #d35400, #c0392b, #2980b9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0 2px 5px rgba(0,0,0,0.1); display: inline-block; }

#history-quest-wrapper .game-header p { font-size: 1.1rem; color: var(--hq-text-muted); max-width: 600px; margin: 15px auto 20px; }

/* --- Progress Bar --- */ #history-quest-wrapper .progress-container { max-width: 400px; margin: 20px auto; background: rgba(0,0,0,0.08); /* Darker track for light bg */ border-radius: 20px; padding: 5px; position: relative; box-shadow: none !important; }

#history-quest-wrapper .progress-bar-fill { height: 10px; background: linear-gradient(90deg, #f1c40f, #2ecc71); border-radius: 10px; width: 0%; transition: width 1s ease-in-out; }

#history-quest-wrapper .progress-text { margin-top: 10px; font-size: 0.9rem; color: #27ae60; font-weight: 600; text-align: center; }

/* --- Map Structure --- */ #history-quest-wrapper .map-container { max-width: 1000px; margin: 0 auto; position: relative; padding-bottom: 100px; width: 100%; }

#history-quest-wrapper .map-path-line { position: absolute; left: 50%; top: 0; bottom: 0; width: 6px; background: var(--hq-path-color); transform: translateX(-50%); z-index: 0; border-radius: 4px; }

#history-quest-wrapper .period-section { position: relative; margin: 60px 0; z-index: 1; width: 100%; }

#history-quest-wrapper .period-header { text-align: center; margin-bottom: 50px; position: relative; }

#history-quest-wrapper .period-badge { display: inline-block; padding: 12px 30px; border-radius: 12px; font-size: 1.5rem; font-weight: 700; color: white; box-shadow: 0 4px 15px rgba(0,0,0,0.15); /* Softer shadow */ border: 3px solid rgba(255,255,255,0.5); text-transform: uppercase; line-height: normal; }

/* --- Period Themes --- */ #history-quest-wrapper .period-ancient .period-badge { background: linear-gradient(135deg, var(--hq-ancient-primary), var(--hq-ancient-secondary)); } #history-quest-wrapper .period-medieval .period-badge { background: linear-gradient(135deg, var(--hq-medieval-primary), var(--hq-medieval-secondary)); } #history-quest-wrapper .period-modern .period-badge { background: linear-gradient(135deg, var(--hq-modern-primary), var(--hq-modern-secondary)); }

#history-quest-wrapper .period-ancient .play-btn { background-color: var(--hq-ancient-primary); } #history-quest-wrapper .period-medieval .play-btn { background-color: var(--hq-medieval-primary); } #history-quest-wrapper .period-modern .play-btn { background-color: var(--hq-modern-primary); }

/* --- Zones & Cards --- */ #history-quest-wrapper .topics-wrapper { display: flex; flex-direction: column; gap: 60px; width: 100%; }

#history-quest-wrapper .topic-zone { display: flex; justify-content: center; align-items: center; position: relative; width: 100%; }

#history-quest-wrapper .level-card { background: var(--hq-card-bg); border-radius: 16px; padding: 25px; width: 100%; max-width: 400px; /* Light theme shadow and border */ box-shadow: 0 4px 6px rgba(0,0,0,0.05), 0 1px 3px rgba(0,0,0,0.1); position: relative; border: 1px solid rgba(0,0,0,0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; text-align: left; }

#history-quest-wrapper .level-card h3 { margin: 0 0 20px 0; font-size: 1.4rem; color: var(--hq-text-light); border-bottom: 2px solid rgba(0,0,0,0.08); padding-bottom: 10px; }

/* Hover Effects - Only on Desktop */ @media (hover: hover) { #history-quest-wrapper .level-card:hover { transform: translateY(-5px) scale(1.02); box-shadow: 0 15px 30px rgba(0,0,0,0.1); border-color: rgba(0,0,0,0.15); } }

#history-quest-wrapper .quiz-list { list-style: none !important; padding: 0 !important; margin: 0 !important; } #history-quest-wrapper .quiz-item { margin-bottom: 12px; display: block; width: 100%; }

#history-quest-wrapper .quiz-link { display: flex; align-items: center; justify-content: space-between; /* Slightly darker grey for list items */ background: #f7fafc; border: 1px solid #edf2f7; padding: 12px 15px; border-radius: 8px; text-decoration: none !important; color: var(--hq-text-light) !important; transition: background 0.2s ease; width: 100%; box-sizing: border-box; }

#history-quest-wrapper .quiz-link:hover, #history-quest-wrapper .quiz-link:focus { background: #edf2f7; text-decoration: none !important; border-color: #e2e8f0; }

#history-quest-wrapper .quiz-link:active { background: #e2e8f0; }

#history-quest-wrapper .quiz-title { font-size: 0.95rem; font-weight: 500; flex: 1; padding-right: 10px; line-height: 1.4; }

#history-quest-wrapper .play-btn { font-size: 0.75rem; padding: 6px 14px; border-radius: 20px; color: white; font-weight: 700; text-transform: uppercase; white-space: nowrap; display: flex; align-items: center; gap: 5px; min-width: 60px; justify-content: center; border: none; box-shadow: none; }

/* Completed State */ #history-quest-wrapper .quiz-link.completed .play-btn { background-color: var(--hq-completed-color) !important; } #history-quest-wrapper .quiz-link.completed .quiz-title { color: #27ae60; text-decoration: line-through !important; text-decoration-thickness: 2px; text-decoration-color: rgba(39, 174, 96, 0.5); }

/* --- Desktop Layout Specifics --- */ @media (min-width: 768px) { #history-quest-wrapper .topic-zone:nth-child(odd) { justify-content: flex-start; padding-left: 50px; } #history-quest-wrapper .topic-zone:nth-child(even) { justify-content: flex-end; padding-right: 50px; } #history-quest-wrapper .topic-zone:nth-child(odd) .level-card { margin-right: 50px; text-align: right; } #history-quest-wrapper .topic-zone:nth-child(even) .level-card { margin-left: 50px; text-align: left; } #history-quest-wrapper .topic-zone:nth-child(odd) .quiz-link { flex-direction: row-reverse; } #history-quest-wrapper .topic-zone:nth-child(odd) .quiz-title { padding-right: 0; padding-left: 10px; } }

/* --- Mobile Layout Specifics --- */ @media (max-width: 768px) { #history-quest-wrapper .map-path-line { left: 20px; } #history-quest-wrapper .period-header { text-align: left; padding-left: 50px; } #history-quest-wrapper .period-badge { font-size: 1.2rem; padding: 10px 20px; } #history-quest-wrapper .topics-wrapper { gap: 40px; } #history-quest-wrapper .topic-zone { justify-content: flex-start; padding-left: 50px; padding-right: 15px; } #history-quest-wrapper .level-card { max-width: 100%; text-align: left !important; } #history-quest-wrapper .game-header h1 { font-size: 1.8rem; } /* Override odd-child logic for mobile */ #history-quest-wrapper .topic-zone:nth-child(odd) .level-card { margin-right: 0; text-align: left; } #history-quest-wrapper .topic-zone:nth-child(odd) .quiz-link { flex-direction: row; } #history-quest-wrapper .topic-zone:nth-child(odd) .quiz-title { padding-left: 0; padding-right: 10px; } }

Indian History Quest अपनी प्रगति को ट्रैक करें और इतिहास को जीतें

0 / 73 Levels Completed

Ancient Era

प्रागैतिहासिक काल पाषाण युग (Stone Age) Play ताम्रपाषाण युग Play

सिंधु घाटी सभ्यता उत्पत्ति और विस्तार Start नगर नियोजन और वास्तुकला Start सामाजिक, आर्थिक, धार्मिक जीवन Start कला और शिल्प Start सभ्यता का पतन Start

वैदिक काल प्रारंभिक और उत्तर वैदिक Play राजनीतिक, सामाजिक और आर्थिक Play धार्मिक विकास Play साहित्य और संस्कृति Play

महाजनपद और राज्यों का उदय सोलह महाजनपद Play मगध का उत्थान Play जैन और बौद्ध धर्म Play

मौर्य साम्राज्य मौर्य साम्राज्य का परिचय Play चंद्रगुप्त मौर्य और कौटिल्य Play अशोक और बौद्ध धर्म Play प्रशासन और समाज Play मौर्य साम्राज्य का पतन Play

उत्तर-मौर्य काल शुंग, कण्व, इंडो-ग्रीक, शक Play गांधार और मथुरा कला Play

गुप्त काल भारत का स्वर्ण युग Play गुप्त काल: प्रशासन Play समाज और अर्थव्यवस्था Play विज्ञान, साहित्य और कला Play गुप्त साम्राज्य का पतन Play

उत्तर-गुप्त काल हर्षवर्धन और साम्राज्य Play पल्लव, चालुक्य, राष्ट्रकूट Play

Medieval Era

प्रारंभिक मध्यकालीन राजपूत राज्य Fight पाल, प्रतिहार, और राष्ट्रकूट Fight अरब और तुर्क आक्रमण Fight

दिल्ली सल्तनत गुलाम वंश Enter खिलजी वंश Enter तुगलक वंश Enter सैय्यद और लोदी वंश Enter प्रशासन और समाज Enter

विजयनगर और बहमनी सांस्कृतिक विकास Explore पतन और विरासत Explore

मुगल साम्राज्य बाबर और स्थापना Conquer अकबर की नीतियां Conquer शाहजहाँ और औरंगजेब Conquer मुगल साम्राज्य का पतन View

संस्कृति और कला भक्ति और सूफी आंदोलन Explore क्षेत्रीय साहित्य और कला Explore भारत-इस्लामी वास्तुकला Explore

यूरोपीय शक्तियों का आगमन यूरोपीय शक्तियों का आगमन Explore ब्रिटिश नियंत्रण की स्थापना Explore

Modern Era

क्षेत्रीय शक्तियां Marathas Engage Sikhs Engage Nawabs of Bengal Engage Awadh Engage Hyderabad Engage

ब्रिटिश शासन की स्थापना प्लासी और बक्सर का युद्ध Engage बंगाल में द्वैध शासन Engage सहायक संधि और व्यपगत Engage

सामाजिक और आर्थिक प्रभाव स्थायी, रैयतवाड़ी, महालवाड़ी Study किसानों और कारीगरों पर प्रभाव Study

ब्रिटिश शासन के विरुद्ध विद्रोह 1857 का विद्रोह Revolt जनजातीय और किसान आंदोलन Revolt

सुधार आंदोलन राजा राममोहन राय Join आर्य समाज, प्रार्थना समाज Join विवेकानंद, दयानंद सरस्वती Join

राष्ट्रीयता का उदय कांग्रेस की स्थापना Join बंगाल विभाजन & स्वदेशी Join नरमपंथी और उग्रपंथी Join

गांधी युग चंपारण, खेड़ा, अहमदाबाद March असहयोग, भारत छोड़ो March गोलमेज सम्मेलन March

क्रांतिकारी आंदोलन भगत सिंह, चंद्रशेखर आजाद Salute सुभाष चंद्र बोस (INA) Salute

स्वतंत्रता की ओर क्रिप्स मिशन, कैबिनेट मिशन Read भारत का विभाजन Read स्वतंत्रता अधिनियम (Victory) Win!

// Progress Logic function initProgress() { const playedQuizzes = JSON.parse(localStorage.getItem('historyQuestProgress') || '[]'); const allLinks = document.querySelectorAll('#history-quest-wrapper .quiz-link'); let completedCount = 0;

allLinks.forEach(link => { // Check if this link's href is in storage if (playedQuizzes.includes(link.getAttribute('href'))) { link.classList.add('completed'); const btn = link.querySelector('.play-btn'); btn.innerHTML = '✔ Done'; completedCount++; } });

updateProgressBar(completedCount, allLinks.length); }

function recordProgress(element) { const href = element.getAttribute('href'); let playedQuizzes = JSON.parse(localStorage.getItem('historyQuestProgress') || '[]'); if (!playedQuizzes.includes(href)) { playedQuizzes.push(href); localStorage.setItem('historyQuestProgress', JSON.stringify(playedQuizzes)); // UI Update instantly before page unload element.classList.add('completed'); element.querySelector('.play-btn').innerHTML = '✔ Done'; // Recalculate progress const allLinks = document.querySelectorAll('#history-quest-wrapper .quiz-link'); const newCount = document.querySelectorAll('#history-quest-wrapper .quiz-link.completed').length; updateProgressBar(newCount, allLinks.length); } return true; // allow navigation }

// Run on Load document.addEventListener('DOMContentLoaded', initProgress);

Topic-wise History Quiz in Hindi

प्रागैतिहासिक काल

सिंधु घाटी सभ्यता

वैदिक काल

महाजनपद और राज्यों का उदय

मौर्य साम्राज्य

उत्तर-मौर्य काल

गुप्त काल

उत्तर-गुप्त काल

प्रारंभिक मध्यकालीन

दिल्ली सल्तनत

विजयनगर और बहमनी

मुगल साम्राज्य

संस्कृति और कला

यूरोपीय शक्तियों का आगमन

क्षेत्रीय शक्तियां

ब्रिटिश शासन की स्थापना

सामाजिक और आर्थिक प्रभाव

ब्रिटिश शासन के विरुद्ध विद्रोह

सुधार आंदोलन

राष्ट्रीयता का उदय

गांधी युग

क्रांतिकारी आंदोलन

स्वतंत्रता की ओर

Chalcolithic Age

उत्पत्ति और विस्तार (Origin and Extent)

Town Planning and Architecture

Leave a Reply Cancel reply