-
Notifications
You must be signed in to change notification settings - Fork 763
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 #4995 from KapuluruBhuvaneswariVspdbct/main
- Loading branch information
Showing
5 changed files
with
310 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,93 @@ | ||
| <!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 Philosophy Books</title> | ||
| <style> | ||
| body { | ||
| font-family: Arial, sans-serif; | ||
| background-color: #ffd2d3; | ||
| 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: #b00000; | ||
| color: white; | ||
| border: none; | ||
| border-radius: 5px; | ||
| font-size: 16px; | ||
| } | ||
|
|
||
| button:hover { | ||
| background-color: #870000; | ||
| } | ||
| </style> | ||
| </head> | ||
| <body> | ||
|
|
||
| <div class="content-container"> | ||
| <h2>How to Approach Reading Philosophy Books</h2> | ||
| <p>Philosophy books challenge the mind and expand our understanding of existence, knowledge, and ethics. Here's a guide to help you approach some of the most influential philosophy works:</p> | ||
| <ul> | ||
| <li><strong>Read with Patience:</strong> Philosophy often requires deep reflection and contemplation. Take your time to understand the ideas presented.</li> | ||
| <li><strong>Understand the Historical Context:</strong> Philosophy books are shaped by the time in which they were written. Learning about the historical context can offer insights into the author's views.</li> | ||
| <li><strong>Question Everything:</strong> Philosophy is about inquiry. Challenge the ideas in the book and think critically about their implications.</li> | ||
| <li><strong>Read Multiple Times:</strong> Philosophical texts often require multiple readings to fully grasp the concepts. Don't hesitate to revisit sections that are difficult.</li> | ||
| <li><strong>Take Notes:</strong> Jotting down key points or questions can help solidify your understanding and keep track of complex arguments.</li> | ||
| </ul> | ||
|
|
||
| <h3>Popular Philosophy Books</h3> | ||
| <ul> | ||
| <li><strong>Being and Time</strong> by Martin Heidegger – A fundamental work that explores the concept of Being and our existence in the world, focusing on time, death, and authenticity.</li> | ||
| <li><strong>The Republic</strong> by Plato – A seminal work in Western philosophy, discussing justice, the ideal state, and the nature of knowledge and reality.</li> | ||
| <li><strong>Critique of Pure Reason</strong> by Immanuel Kant – A challenging work that examines the limitations of human knowledge and the conditions under which we can have experience.</li> | ||
| <li><strong>The Phenomenology of Spirit</strong> by G.W.F. Hegel – An exploration of the development of human consciousness and its evolution toward absolute knowledge.</li> | ||
| <li><strong>Thus Spoke Zarathustra</strong> by Friedrich Nietzsche – A philosophical novel that delves into ideas about the Übermensch, the will to power, and the eternal recurrence.</li> | ||
| </ul> | ||
|
|
||
| <button onclick="window.location.href='philosophy.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
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,186 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Philosophy Books 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>Philosophy 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 wrote 'Being and Time'?", | ||
| options: ["Jean-Paul Sartre", "Martin Heidegger", "Immanuel Kant", "Friedrich Nietzsche"], | ||
| answer: "Martin Heidegger" | ||
| }, | ||
| { | ||
| question: "Which philosopher authored 'The Republic'?", | ||
| options: ["Aristotle", "Socrates", "Plato", "Nietzsche"], | ||
| answer: "Plato" | ||
| }, | ||
| { | ||
| question: "Who wrote 'Critique of Pure Reason'?", | ||
| options: ["Friedrich Nietzsche", "René Descartes", "Immanuel Kant", "John Locke"], | ||
| answer: "Immanuel Kant" | ||
| }, | ||
| { | ||
| question: "Which work is considered one of the foundational texts of existentialism?", | ||
| options: ["The Myth of Sisyphus", "Being and Nothingness", "The Republic", "The Tao Te Ching"], | ||
| answer: "Being and Nothingness" | ||
| }, | ||
| { | ||
| question: "Who is the author of 'Thus Spoke Zarathustra'?", | ||
| options: ["Karl Marx", "Friedrich Nietzsche", "Jean-Paul Sartre", "Heidegger"], | ||
| answer: "Friedrich Nietzsche" | ||
| } | ||
| ]; | ||
|
|
||
| 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 = 'index.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