Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

solved #4885 #4884 #4891 #4897

Merged
merged 4 commits into from
Nov 10, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -178,6 +178,7 @@
│ │ ├── boy.html
│ │ ├── checkout.html
│ │ ├── classic.html
│ │ ├── classica.html
│ │ ├── classicq.html
│ │ ├── comedy.html
│ │ ├── custom.html
Expand Down Expand Up @@ -224,6 +225,8 @@
│ │ ├── read.html
│ │ ├── read_later.html
│ │ ├── romance.html
│ │ ├── romancea.html
│ │ ├── romanceq.html
│ │ ├── satire.html
│ │ ├── school.html
│ │ ├── science-fiction.html
Expand Down
3 changes: 3 additions & 0 deletions assets/html/classic.html
Original file line number Diff line number Diff line change
Expand Up @@ -1280,6 +1280,9 @@ <h3>XYZ<br /><span>Book Lover</span></h3>
<a href="classicq.html" onclick="lenis.scrollTo('#classicq')" data-nav-link>
<button class="butt">Quiz</button>
</a>
<a href="classica.html" onclick="lenis.scrollTo('#classica')" data-nav-link>
<button class="buttt">Approach</button>
</a>
<!-- Changes here -->

<!-- Card Container -->
Expand Down
96 changes: 96 additions & 0 deletions assets/html/classica.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,96 @@
<!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 Classic Literature</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 Classic Literature</h2>
<p>Reading classic literature can be a rewarding experience, but it often requires a thoughtful approach. Here are some tips to help you get started:</p>
<ul>
<li><strong>Start with the Right Book:</strong> Choose a classic that matches your interests. For adventure, try <em>Treasure Island</em>; for romance, consider <em>Pride and Prejudice</em>.</li>
<li><strong>Understand the Context:</strong> Learning about the historical and cultural background can enrich your understanding. Try reading an introduction or summary beforehand.</li>
<li><strong>Take Your Time:</strong> Classics are often dense and richly layered. Read slowly, take breaks, and savor the details.</li>
<li><strong>Annotate and Take Notes:</strong> Jotting down thoughts, questions, or new words can deepen your engagement with the text.</li>
<li><strong>Discuss with Others:</strong> Joining a book club or discussing with friends can offer new perspectives and make the experience more enjoyable.</li>
<li><strong>Use Supplemental Resources:</strong> Online resources like SparkNotes or study guides can provide summaries and analyses to aid comprehension.</li>
</ul>

<h3>Examples of Classic Literature</h3>
<ul>
<li><strong>Pride and Prejudice</strong> by Jane Austen – A tale of love, society, and class in Regency-era England.</li>
<li><strong>Moby-Dick</strong> by Herman Melville – An adventurous quest on the high seas, exploring obsession and revenge.</li>
<li><strong>1984</strong> by George Orwell – A dystopian novel about totalitarianism and the dangers of a controlled society.</li>
<li><strong>Great Expectations</strong> by Charles Dickens – A story of ambition, social class, and personal growth in Victorian England.</li>
<li><strong>To Kill a Mockingbird</strong> by Harper Lee – A powerful narrative on racial injustice and moral integrity in the American South.</li>
<li><strong>War and Peace</strong> by Leo Tolstoy – A sprawling tale of Russian society, war, and personal fate during the Napoleonic era.</li>
<li><strong>The Great Gatsby</strong> by F. Scott Fitzgerald – A critique of the American Dream set in the Jazz Age.</li>
</ul>

<button onclick="window.location.href='classic.html';">Return to Home</button>
</div>

</body>
</html>
31 changes: 28 additions & 3 deletions assets/html/romance.html
Original file line number Diff line number Diff line change
Expand Up @@ -1277,12 +1277,37 @@ <h3>XYZ<br /><span>Book Lover</span></h3>
</div>
</header>



<h1 class="heading">Romance Books</h1>
<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="romanceq.html" onclick="lenis.scrollTo('#romanceq')" data-nav-link>
<button class="butt">Quiz</button>
</a>
<a href="romancea.html" onclick="lenis.scrollTo('#romancea')" data-nav-link>
<button class="buttt">Approach</button>
</a>

<!-- Changes here -->

<h1 class="heading">Romance Books</h1>

<!-- Card Container -->
<div class="card-container" style="margin-top: -20px;">
<div class="card" onclick="this.classList.toggle('flip')">
Expand Down
95 changes: 95 additions & 0 deletions assets/html/romancea.html
Original file line number Diff line number Diff line change
@@ -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 Romance Literature</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 Romance Literature</h2>
<p>Diving into romance novels can be an enjoyable and heartwarming experience. Here are some tips to enhance your reading journey:</p>
<ul>
<li><strong>Pick a Genre You Love:</strong> Romance is broad, covering contemporary, historical, fantasy, and more. Choose a theme that resonates with you to start.</li>
<li><strong>Get to Know the Tropes:</strong> Romance novels often follow familiar tropes like enemies-to-lovers, second-chance romance, or friends-to-lovers. Recognizing these can add to your enjoyment.</li>
<li><strong>Immerse Yourself in the Characters:</strong> Romance is character-driven. Take your time getting to know the main characters and their journeys.</li>
<li><strong>Keep an Open Heart:</strong> Romance literature often explores vulnerability and personal growth, so be open to the emotional ups and downs.</li>
<li><strong>Join a Book Community:</strong> Book clubs, online forums, or social media groups dedicated to romance can add to your experience and help you discover new favorites.</li>
</ul>

<h3>Popular Romance Novels</h3>
<ul>
<li><strong>Pride and Prejudice</strong> by Jane Austen – A classic romance with sharp wit and timeless social commentary.</li>
<li><strong>Outlander</strong> by Diana Gabaldon – A time-traveling adventure romance with historical depth and epic love.</li>
<li><strong>Me Before You</strong> by Jojo Moyes – A contemporary romance that’s as heartwarming as it is heartbreaking.</li>
<li><strong>The Hating Game</strong> by Sally Thorne – An enemies-to-lovers story that’s both fun and emotionally engaging.</li>
<li><strong>The Kiss Quotient</strong> by Helen Hoang – A unique and refreshing love story featuring diverse characters and perspectives.</li>
<li><strong>It Ends with Us</strong> by Colleen Hoover – A raw, emotional romance that tackles real-life issues and love’s complexities.</li>
<li><strong>Beach Read</strong> by Emily Henry – A romance between two writers with a beautiful setting and heartfelt storytelling.</li>
</ul>

<button onclick="window.location.href='romance.html';">Return to Home</button>
</div>

</body>
</html>
Loading
Loading