-
Notifications
You must be signed in to change notification settings - Fork 734
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #4949 from KapuluruBhuvaneswariVspdbct/main
- Loading branch information
Showing
5 changed files
with
315 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,98 @@ | ||
| <!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 Horror Literature</title> | ||
| <style> | ||
| body { | ||
| font-family: Arial, sans-serif; | ||
| background-color: #f0bfbf; | ||
| color: #000000; | ||
| display: flex; | ||
| justify-content: center; | ||
| align-items: center; | ||
| height: 100vh; | ||
| margin: 0; | ||
| } | ||
|
|
||
| .content-container { | ||
| background: #ffffff; | ||
| padding: 20px; | ||
| border-radius: 10px; | ||
| box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); | ||
| width: 70%; | ||
| max-width: 800px; | ||
| text-align: center; | ||
| margin-top: 150px; | ||
| } | ||
|
|
||
| h2 { | ||
| color: #e60000; | ||
| margin-bottom: 15px; | ||
| } | ||
|
|
||
| h3 { | ||
| text-align: left; | ||
| color: #e60000; | ||
| 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: #800000; | ||
| color: white; | ||
| border: none; | ||
| border-radius: 5px; | ||
| font-size: 16px; | ||
| } | ||
|
|
||
| button:hover { | ||
| background-color: #4d0000; | ||
| } | ||
| </style> | ||
| </head> | ||
| <body> | ||
|
|
||
| <div class="content-container"> | ||
| <h2>How to Approach Reading Horror Literature</h2> | ||
| <p>Horror literature invites you into dark realms filled with suspense, fear, and the unknown. Here are some tips to make your journey through the genre even more thrilling:</p> | ||
| <ul> | ||
| <li><strong>Start with a Classic:</strong> Familiarize yourself with the genre by reading foundational works. <em>Dracula</em> or <em>Frankenstein</em> are great introductions.</li> | ||
| <li><strong>Embrace the Atmosphere:</strong> Horror is often about mood and atmosphere. Let yourself be absorbed by the eerie settings, haunting details, and suspenseful moments.</li> | ||
| <li><strong>Focus on Psychological Depth:</strong> Many horror novels delve into the psyche. Pay attention to characters' fears, doubts, and motivations as they face the unknown.</li> | ||
| <li><strong>Identify Recurring Themes:</strong> Themes like fear of the unknown, mortality, and madness frequently appear in horror. Noticing these can deepen your appreciation.</li> | ||
| <li><strong>Use a Glossary:</strong> Horror literature often includes occult terms or lore—refer to glossaries or online resources to better understand specific terminology.</li> | ||
| <li><strong>Join a Horror Book Community:</strong> Discussing horror literature with others can amplify the thrill and give you insights into new authors and sub-genres.</li> | ||
| </ul> | ||
|
|
||
| <h3>Popular Horror Books</h3> | ||
| <ul> | ||
| <li><strong>Dracula</strong> by Bram Stoker – The quintessential vampire tale that explores fear, seduction, and immortality.</li> | ||
| <li><strong>Frankenstein</strong> by Mary Shelley – A haunting exploration of science, ambition, and the boundaries of human control.</li> | ||
| <li><strong>It</strong> by Stephen King – A chilling story of childhood fears and a creature that takes on the form of what its victims fear most.</li> | ||
| <li><strong>The Haunting of Hill House</strong> by Shirley Jackson – A terrifying tale of a haunted mansion and the psychological breakdown of its inhabitants.</li> | ||
| <li><strong>The Exorcist</strong> by William Peter Blatty – A harrowing story of possession and faith, often considered one of the scariest novels ever written.</li> | ||
| <li><strong>Bird Box</strong> by Josh Malerman – A suspenseful tale of survival where looking at an unseen force can lead to madness and death.</li> | ||
| </ul> | ||
|
|
||
| <button onclick="window.location.href='horror.html';">Return to Home</button> | ||
| </div> | ||
|
|
||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,187 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Horror Books Quiz</title> | ||
| <style> | ||
| body { | ||
| font-family: Arial, sans-serif; | ||
| background-color: #ffc8c8; | ||
| color: #f1f1f1; | ||
| display: flex; | ||
| justify-content: center; | ||
| align-items: center; | ||
| height: 100vh; | ||
| margin: 0; | ||
| } | ||
|
|
||
| .quiz-container { | ||
| background: #e2898c; | ||
| padding: 20px; | ||
| border-radius: 10px; | ||
| box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); | ||
| width: 300px; | ||
| text-align: center; | ||
| } | ||
|
|
||
| button { | ||
| padding: 10px 20px; | ||
| margin-top: 20px; | ||
| cursor: pointer; | ||
| background-color: #800000; | ||
| color: white; | ||
| border: none; | ||
| border-radius: 5px; | ||
| display: block; | ||
| width: 100%; | ||
| } | ||
|
|
||
| button:hover { | ||
| background-color: #4d0000; | ||
| } | ||
|
|
||
| h4 { | ||
| margin: 10px 0; | ||
| } | ||
|
|
||
| .option { | ||
| margin: 5px 0; | ||
| } | ||
|
|
||
| .solution { | ||
| margin-top: 10px; | ||
| text-align: left; | ||
| } | ||
| </style> | ||
| </head> | ||
| <body> | ||
|
|
||
| <div class="quiz-container"> | ||
| <h1>Horror Books 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='index.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 'Dracula'?", | ||
| options: ["Mary Shelley", "Edgar Allan Poe", "Bram Stoker", "Stephen King"], | ||
| answer: "Bram Stoker" | ||
| }, | ||
| { | ||
| question: "In Stephen King's 'It', what form does the creature primarily take?", | ||
| options: ["A bat", "A clown", "A spider", "A wolf"], | ||
| answer: "A clown" | ||
| }, | ||
| { | ||
| question: "Which novel features the haunted Overlook Hotel?", | ||
| options: ["The Shining", "Pet Sematary", "Misery", "Carrie"], | ||
| answer: "The Shining" | ||
| }, | ||
| { | ||
| question: "In 'Frankenstein', who is the creature's creator?", | ||
| options: ["Victor Frankenstein", "Henry Jekyll", "Abraham Van Helsing", "Jonathan Harker"], | ||
| answer: "Victor Frankenstein" | ||
| }, | ||
| { | ||
| question: "In 'The Haunting of Hill House' by Shirley Jackson, what is the main setting?", | ||
| options: ["A mansion", "An asylum", "A cabin", "A lighthouse"], | ||
| answer: "A mansion" | ||
| } | ||
| ]; | ||
|
|
||
| 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 = 'classic.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 = 'quizzes.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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters