Merge pull request #4956 from KapuluruBhuvaneswariVspdbct/main

solved #4953 #4954 #4955
anuragverma108 · Nov 10, 2024 · 95f7174 · 95f7174
2 parents 1bdb1bc + 4abf164
commit 95f7174
Show file tree

Hide file tree

Showing 5 changed files with 316 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -169,6 +169,8 @@
 │   │   ├── author.html
 │   │   ├── autobiography.html
 │   │   ├── biography.html
+│   │   ├── biographya.html
+│   │   ├── biographyq.html
 │   │   ├── blog-content.html
 │   │   ├── blog.html
 │   │   ├── book_recommend.html

diff --git a/assets/html/biography.html b/assets/html/biography.html
@@ -1219,6 +1219,32 @@ <h1 class="heading">Biography Books</h1>
   <!-- Card Container -->
 
   <h3>Explore each book further by clicking on the covers!</h3></div>
+  <style>
+    .butt{
+      margin-top:10px;
+      width:400px;
+      justify-content: center;
+    }
+    .buttt{
+      margin-top:10px;
+      width:400px;
+      justify-content: center;
+    }
+    a {
+      text-decoration: none; /* Default state */
+  }
+
+  a:hover {
+      text-decoration: none; /* Remove underline on hover */
+  }
+
+  </style>
+  <a href="biographyq.html" onclick="lenis.scrollTo('#classicq')" data-nav-link>
+    <button class="butt">Quiz</button>
+  </a>
+  <a href="biographya.html" onclick="lenis.scrollTo('#classica')" data-nav-link>
+    <button class="buttt">Approach</button>
+  </a>
   <div class="card-container" style="margin-top: -20px;">
 
     <div class="card" onclick="this.classList.toggle('flip')">

diff --git a/assets/html/biographya.html b/assets/html/biographya.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Approach to Reading Biography Books</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            background-color: #fda4a4;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+            margin: 0;
+        }
+
+        .content-container {
+            background: white;
+            padding: 15px;
+            border-radius: 10px;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+            width: 70%;
+            max-width: 800px;
+            text-align: center;
+            margin-top: 150px;
+        }
+
+        h2 {
+            margin-bottom: 15px;
+        }
+
+        h3 {
+            text-align: left;
+            margin-top: 20px;
+        }
+
+        p, ul {
+            text-align: left;
+        }
+
+        ul {
+            margin: 10px 0;
+            padding-left: 20px;
+        }
+
+        ul li {
+            margin: 8px 0;
+        }
+
+        button {
+            padding: 10px 20px;
+            margin-top: 20px;
+            cursor: pointer;
+            background-color: #3a5a99;
+            color: white;
+            border: none;
+            border-radius: 5px;
+            font-size: 16px;
+        }
+
+        button:hover {
+            background-color: #2c4373;
+        }
+    </style>
+</head>
+<body>
+
+<div class="content-container">
+    <h2>How to Approach Reading Biography Books</h2>
+    <p>Biographies offer an intimate glimpse into the lives of inspiring individuals. Here are some tips to make the most of your journey through these personal stories:</p>
+    <ul>
+        <li><strong>Start with Interest:</strong> Choose biographies that resonate with your interests or personal goals. This helps you stay engaged and motivated.</li>
+        <li><strong>Reflect on the Journey:</strong> Focus on the subject’s life experiences, challenges, and accomplishments. Consider how their life lessons might apply to your own.</li>
+        <li><strong>Look for Themes:</strong> Many biographies highlight universal themes like resilience, self-discovery, and personal growth. Identifying these can enrich your reading.</li>
+        <li><strong>Engage Emotionally:</strong> Biographies are often emotionally powerful. Allow yourself to connect with the subject’s emotions and insights.</li>
+        <li><strong>Learn from Their Challenges:</strong> Many biographies showcase perseverance in the face of adversity. Reflect on how the subject overcame difficulties.</li>
+        <li><strong>Take Notes:</strong> Jot down impactful quotes or lessons you want to remember. These can be great for future inspiration.</li>
+    </ul>
+
+    <h3>Popular Biography Books</h3>
+    <ul>
+        <li><strong>The Diary of a Young Girl</strong> by Anne Frank – A poignant diary that captures the experiences of a young girl hiding during the Holocaust.</li>
+        <li><strong>Long Walk to Freedom</strong> by Nelson Mandela – An inspiring story of Mandela's journey from oppression to freedom and leadership in South Africa.</li>
+        <li><strong>Becoming</strong> by Michelle Obama – A deeply personal memoir of the former First Lady’s experiences and personal growth.</li>
+        <li><strong>I Am Malala</strong> by Malala Yousafzai – The remarkable story of a young activist fighting for girls’ education in Pakistan.</li>
+        <li><strong>Educated</strong> by Tara Westover – A memoir of a young woman’s quest for knowledge, breaking free from an isolated upbringing.</li>
+        <li><strong>The Autobiography of Malcolm X</strong> – A powerful narrative of Malcolm X’s life, transformation, and activism.</li>
+    </ul>
+
+    <button onclick="window.location.href='biography.html';">Return to Home</button>
+</div>
+
+</body>
+</html>
diff --git a/assets/html/biographyq.html b/assets/html/biographyq.html
@@ -0,0 +1,191 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Biography Quiz</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            background-color: #ffd2d3;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+            margin: 0;
+        }
+
+        .quiz-container {
+            background: white;
+            padding: 20px;
+            border-radius: 10px;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+            width: 300px;
+            text-align: center;
+        }
+
+        button {
+            padding: 10px 20px;
+            margin-top: 20px;
+            cursor: pointer;
+            background-color: #b00000;
+            color: white;
+            border: none;
+            border-radius: 5px;
+            display: block;
+            width: 100%;
+        }
+
+        button:hover {
+            background-color: #870000;
+        }
+
+        h4 {
+            margin: 10px 0;
+        }
+
+        .option {
+            margin: 5px 0;
+        }
+
+        .solution {
+            margin-top: 10px;
+            text-align: left;
+        }
+    </style>
+</head>
+<body>
+
+<div class="quiz-container">
+    <h1>Biography Quiz</h1>
+    <div id="quiz-questions">
+        <!-- Questions will be inserted here -->
+    </div>
+    <button id="submit-button" onclick="submitQuiz()">Submit</button>
+    <div id="quiz-result" style="display: none;"></div>
+    <button id="home-button" style="display: none;" onclick="window.location.href='biography.html';">Return to Home</button>
+    <button id="solutions-button" style="display: none;" onclick="showSolutions()">See Solutions</button>
+</div>
+
+<script>
+    const quizData = [
+        {
+            question: "Who is the author of 'The Diary of a Young Girl'?",
+            options: ["Anne Frank", "Helen Keller", "Malala Yousafzai", "Maya Angelou"],
+            answer: "Anne Frank"
+        },
+        {
+            question: "Which autobiography describes Nelson Mandela’s life journey?",
+            options: ["Long Walk to Freedom", "Becoming", "I Am Malala", "Educated"],
+            answer: "Long Walk to Freedom"
+        },
+        {
+            question: "Whose autobiography is titled 'Becoming'?",
+            options: ["Michelle Obama", "Malala Yousafzai", "Oprah Winfrey", "Jane Goodall"],
+            answer: "Michelle Obama"
+        },
+        {
+            question: "In 'I Am Malala,' what does Malala Yousafzai advocate for?",
+            options: ["Environmental protection", "Women's rights", "Education for girls", "Healthcare reform"],
+            answer: "Education for girls"
+        },
+        {
+            question: "Who wrote 'The Autobiography of Malcolm X'?",
+            options: ["Malcolm X and Alex Haley", "Martin Luther King Jr.", "Frederick Douglass", "James Baldwin"],
+            answer: "Malcolm X and Alex Haley"
+        },
+        {
+            question: "Which memoir is by Tara Westover, focusing on her quest for education?",
+            options: ["Educated", "Becoming", "The Glass Castle", "Hillbilly Elegy"],
+            answer: "Educated"
+        }
+    ];
+
+    let currentQuestionIndex = 0;
+    let score = 0;
+
+    function loadQuestion() {
+        const questionElement = document.getElementById('quiz-questions');
+        questionElement.innerHTML = '';
+
+        const currentQuestion = quizData[currentQuestionIndex];
+        const questionText = document.createElement('h4');
+        questionText.innerText = currentQuestion.question;
+        questionElement.appendChild(questionText);
+
+        currentQuestion.options.forEach(option => {
+            const optionButton = document.createElement('button');
+            optionButton.classList.add('option');
+            optionButton.innerText = option;
+            optionButton.onclick = () => selectAnswer(option);
+            questionElement.appendChild(optionButton);
+        });
+    }
+
+    function selectAnswer(selectedOption) {
+        const currentQuestion = quizData[currentQuestionIndex];
+        if (selectedOption === currentQuestion.answer) {
+            score++;
+        }
+        currentQuestionIndex++;
+
+        if (currentQuestionIndex < quizData.length) {
+            loadQuestion();
+        } else {
+            showResult();
+        }
+    }
+
+    function showResult() {
+        const quizContainer = document.querySelector('.quiz-container');
+        quizContainer.innerHTML = `<h2>Your Score: ${score}/${quizData.length}</h2>`;
+
+        const homeButton = document.createElement('button');
+        homeButton.onclick = () => window.location.href = 'index.html';
+        homeButton.innerText = 'Return to Home';
+        quizContainer.appendChild(homeButton);
+
+        const solutionsButton = document.createElement('button');
+        solutionsButton.onclick = showSolutions;
+        solutionsButton.innerText = 'See Solutions';
+        quizContainer.appendChild(solutionsButton);
+    }
+
+    function showSolutions() {
+        const quizContainer = document.querySelector('.quiz-container');
+        quizContainer.innerHTML = '<h2>Quiz Solutions</h2>';
+
+        quizData.forEach((question, index) => {
+            const solutionElement = document.createElement('div');
+            solutionElement.classList.add('solution');
+
+            const questionText = document.createElement('h4');
+            questionText.innerText = `${index + 1}. ${question.question}`;
+            solutionElement.appendChild(questionText);
+
+            const correctAnswer = document.createElement('p');
+            correctAnswer.innerText = `Correct Answer: ${question.answer}`;
+            solutionElement.appendChild(correctAnswer);
+
+            quizContainer.appendChild(solutionElement);
+        });
+
+        const homeButton = document.createElement('button');
+        homeButton.onclick = () => window.location.href = 'biography.html';
+        homeButton.innerText = 'Return to Home';
+        quizContainer.appendChild(homeButton);
+    }
+
+    function submitQuiz() {
+        if (currentQuestionIndex < quizData.length) {
+            alert("Please answer all questions before submitting!");
+        } else {
+            showResult();
+        }
+    }
+
+    document.addEventListener('DOMContentLoaded', loadQuestion);
+</script>
+
+</body>
+</html>
diff --git a/repo_structure.txt b/repo_structure.txt
@@ -114,6 +114,8 @@
 │   │   ├── author.html
 │   │   ├── autobiography.html
 │   │   ├── biography.html
+│   │   ├── biographya.html
+│   │   ├── biographyq.html
 │   │   ├── blog-content.html
 │   │   ├── blog.html
 │   │   ├── book_recommend.html