Skip to content

Commit

Permalink
Merge pull request #4925 from SrijaVuppala295/class
Browse files Browse the repository at this point in the history 
Enhancing the Classic Literature page !!
  • Loading branch information
@abhi03ruchi
abhi03ruchi authored Nov 10, 2024
2 parents 2620e6e + f2edc5b commit ed6839d
Show file tree
Hide file tree
Showing 2 changed files with 210 additions and 1 deletion.
210 changes: 210 additions & 0 deletions assets/html/classic.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1275,6 +1275,216 @@ <h3>XYZ<br /><span>Book Lover</span></h3>
a:hover {
text-decoration: none; /* Remove underline on hover */
}
/* Added: Image for J.K. Rowling */
.pride {
background-image: url("../images/pride.jpg");
background-size: cover;
/* Ensures the image covers the div */
background-position: center;
/* Centers the image */
background-repeat: no-repeat;
/* Prevents repeating */
}

.moby {
background-image: url("../images/moby.jpg");
background-size: cover;
/* Ensures the image covers the div */
background-position: center;
/* Centers the image */
background-repeat: no-repeat;
}

.war {
background-image: url("../images/war.jpeg");
background-size: cover;
/* Ensures the image covers the div */
background-position: center;
/* Centers the image */
background-repeat: no-repeat;
}

.orwell {
background-image: url("../images/1984.jpg");
background-size: cover;
/* Ensures the image covers the div */
background-position: center;
/* Centers the image */
background-repeat: no-repeat;
}

.dickens {
background-image: url("../images/great-expectations.jpeg");
background-size: cover;
/* Ensures the image covers the div */
background-position: center;
/* Centers the image */
background-repeat: no-repeat;
}

.mockingbird {
background-image: url("../images/to_kill_a_mockingbird.png");
background-size: cover;
/* Ensures the image covers the div */
background-position: center;
/* Centers the image */
background-repeat: no-repeat;
}

/* Added: Image for Mark Twain */
.Twain {
background-image: url("../images/great_gatsby.jpg");
background-size: cover;
/* Ensures the image covers the div */
background-position: center;
/* Centers the image */
background-repeat: no-repeat;
/* Prevents repeating */
}

/* Added: Image for George Orwell */
.Orwell {
background-image: url("../images/crime_and_punishment.jpg");
background-size: cover;
/* Ensures the image covers the div */
background-position: center;
/* Centers the image */
background-repeat: no-repeat;
/* Prevents repeating */
}

/* Added: Image for Agatha Christie */
.Christie {
background-image: url("../images/catcher_in_the_rye.jpg");
background-size: cover;
/* Ensures the image covers the div */
background-position: center;
/* Centers the image */
background-repeat: no-repeat;
/* Prevents repeating */
}

/* Added: Image for Dr. Seuss */
.Seuss {
background-image: url("../images/jane_eyre.jpg");
background-size: cover;
/* Ensures the image covers the div */
background-position: center;
/* Centers the image */
background-repeat: no-repeat;
/* Prevents repeating */
}

/* Added: Image for Jane Austen */
.Austen {
background-image: url("../images/odyssey.jpg");
background-size: cover;
/* Ensures the image covers the div */
background-position: center;
/* Centers the image */
background-repeat: no-repeat;
/* Prevents repeating */
}

/* Added: Image for Charles Dickens */
.Dickens {
background-image: url("../images/brothers_karamazov.jpg");
background-size: cover;
/* Ensures the image covers the div */
background-position: center;
/* Centers the image */
background-repeat: no-repeat;
/* Prevents repeating */
}

/* Added: Image for William Shakespeare */
.Shakespeare {
background-image: url("../images/anna_karenina.jpg");
background-size: cover;
/* Ensures the image covers the div */
background-position: center;
/* Centers the image */
background-repeat: no-repeat;
/* Prevents repeating */
}

/* Added: Image for H.G. Wells */
.Wells {
background-image: url("../images/frankenstein.jpg");
background-size: cover;
/* Ensures the image covers the div */
background-position: center;
/* Centers the image */
background-repeat: no-repeat;
/* Prevents repeating */
}

/* Added: Image for Leo Tolstoy */
.Tolstoy {
background-image: url("../images/wuthering_heights.jpg");
background-size: cover;
/* Ensures the image covers the div */
background-position: center;
/* Centers the image */
background-repeat: no-repeat;
/* Prevents repeating */
}

/* Added: Image for Fyodor Dostoevsky */
.Dostoevsky {
background-image: url("../images/scarlet.jpg");
background-size: cover;
/* Ensures the image covers the div */
background-position: center;
/* Centers the image */
background-repeat: no-repeat;
/* Prevents repeating */
}

/* Added: Image for Virginia Woolf */
.Woolf {
background-image: url("../images/dracula.webp");
background-size: cover;
/* Ensures the image covers the div */
background-position: center;
/* Centers the image */
background-repeat: no-repeat;
/* Prevents repeating */
}

/* Added: Image for James Joyce */
.Joyce {
background-image: url("../images/les.jpg");
background-size: cover;
/* Ensures the image covers the div */
background-position: center;
/* Centers the image */
background-repeat: no-repeat;
/* Prevents repeating */
}

/* Added: Image for Oscar Wilde */
.Wilde {
background-image: url("../images/Madame Bovary.webp");
background-size: cover;
/* Ensures the image covers the div */
background-position: center;
/* Centers the image */
background-repeat: no-repeat;
/* Prevents repeating */
}

/* Added: Image for Ernest Hemingway */
.Hemingway {
background-image: url("../images/The Picture of Dorian Gray.jpg");
background-size: cover;
/* Ensures the image covers the div */
background-position: center;
/* Centers the image */
background-repeat: no-repeat;
/* Prevents repeating */
}


</style>
<a href="classicq.html" onclick="lenis.scrollTo('#classicq')" data-nav-link>
Expand Down
1 change: 0 additions & 1 deletion diverseLiteracy.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1891,4 +1891,3 @@ <h1>Privacy Notice</h1>
</body>
</html>


0 comments on commit ed6839d

Please sign in to comment.