Skip to content

Commit

Permalink
done
Browse files Browse the repository at this point in the history
  • Loading branch information
Bhattu-Anitha-07 committed Jul 24, 2024
1 parent 5d8f9a3 commit 560b185
Show file tree
Hide file tree
Showing 12 changed files with 45 additions and 30 deletions.
4 changes: 2 additions & 2 deletions Mystical-fantaies.html
Original file line number Diff line number Diff line change
Expand Up @@ -68,11 +68,11 @@

<nav class="navbar nav_activated" data-navbar>
<a href="#home" onclick="lenis.scrollTo('#home');" class="logo" style="display:flex;">
<img src="./assets/images/new_logo_banner_dark.png" alt="" class="logopic" style=" width:0.1px;opacity: 0;" />
<img src="./assets/images/final.png" alt="" class="logopic" style=" width:0.1px;opacity: 0;" />
</a>

<ul class="navbar-list">
<img src="./assets/images/new_logo_banner_dark.png" class="logopic" style=" width: 200px;">
<img src="./assets/images/final.png" class="logopic" style=" width: 150px;">

<li class="navbar-item">
<a href="index.html#home" onclick="lenis.scrollTo('#home')" class="navbar-link" data-nav-link><i
Expand Down
25 changes: 18 additions & 7 deletions assets/css/Available.css
Original file line number Diff line number Diff line change
Expand Up @@ -47,17 +47,26 @@ body {
transition: transform 0.3s ease-in-out;
padding: 5px;
padding-bottom: 30px;

margin: auto;
}

.book-cover {
width: 4.5cm;
height: 6.5cm;
border: 2px solid transparent;
padding: 6px;
margin-left: 10px;
transition: transform 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

.book-list h3 {
min-height: 3em; /* Minimum height for 3 lines of text */
overflow: hidden;
font-size: 15px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.book-title {
margin: 10px 0;
font-size: 18px;
Expand Down Expand Up @@ -89,15 +98,16 @@ margin-top: 100px;
background-color: var(--btn-bg-color);
color: var(--btn-text-color);
padding: 10px 20px;
border-radius: 4px;
border-radius: 10px;
cursor: pointer;
text-decoration: none;
display: inline-block;
margin-top: 10px;
position: relative;
transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
width: fit-content;
margin-left: 30px;
margin-left: 35px;
/* margin-right: 30px; */
}

.btn-secondary::after,
Expand Down Expand Up @@ -130,18 +140,19 @@ margin-top: 100px;
}

.read_later_button {
font-size: 15.5px;
background-color: var(--btn-bg-color);
color: var(--btn-text-color);
padding: 10px 10px;
border-radius: 4px;
padding: 10px 20px;
border-radius: 10px;
cursor: pointer;
text-decoration: none;
display: inline-block;
margin-top: 10px;
position: relative;
transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
width: 180px;
margin-left: 1px;
margin-left: 15px;
}

.read_later_button::after,
Expand Down
12 changes: 7 additions & 5 deletions assets/css/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -537,12 +537,14 @@ body {
color: white;
background-color: var(--old-rose);
border-radius: var(--radius-5);
border-radius: 10px;
}

.btn-secondary:is(:hover, :focus) {
background-color: white;
color: #000;
border: #d26d6d 2px solid;
color: #ffffff;
border-radius: 10px;
/* border: #d26d6d 2px solid; */
}

.img-holder {
Expand Down Expand Up @@ -609,7 +611,7 @@ body {
.logopic {
max-height: 100px; /* Adjust this value as needed */
height: auto;
width: auto;
width: 150px;
transition: all 0.3s ease;
}
.logopic:hover {
Expand Down Expand Up @@ -1054,7 +1056,7 @@ body.dark-mode .dropdown-menu-item:hover {
#CHAPTERS
\*-----------------------------------*/
.chapter-card {
height: 100%;
height: 150px;
background-color: var(--white);
padding: 25px;
border-radius: var(--radius-5);
Expand All @@ -1075,7 +1077,7 @@ body.dark-mode .dropdown-menu-item:hover {
left: 50%;
transform: translateX(-50%);
width: 0%;
height: 3px;
height: 10px;
background-color: pink;
/* Pink line color */
transition: width 0.3s ease;
Expand Down
4 changes: 3 additions & 1 deletion assets/css/test-style.css
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,7 @@
border-radius: 25px;
width: 330px;
background-color: var(--seashell);
height: 300px;
height: 350px;
}

.image-content {
Expand Down Expand Up @@ -129,6 +129,7 @@

.backs {
background-color: var(--white);
height: 500px;
}

/* Enhancement of the cards containers in dark-mode of literary realms section */
Expand Down Expand Up @@ -191,6 +192,7 @@
font-family: Georgia, Times, serif;
max-height: 30px;
margin-right: auto;
top: 0;
transform: translateY(-30px);
}

Expand Down
2 changes: 1 addition & 1 deletion biographies.html
Original file line number Diff line number Diff line change
Expand Up @@ -240,7 +240,7 @@

<ul class="navbar-list nav">
<a href="../../index.html" onclick="lenis.scrollTo('index.html');" class="logo" style="display:flex;">
<img src="../images/final.png" class="logopic" style=" width: 150px;">
<img src="./assets/images/final.png" class="logopic" style=" width: 150px;">
</a>
<li class="navbar-item">
<a href="../../index.html" onclick="lenis.scrollTo('#home')" class="navbar-link" data-nav-link><i
Expand Down
4 changes: 2 additions & 2 deletions historical-chronicals.html
Original file line number Diff line number Diff line change
Expand Up @@ -68,11 +68,11 @@

<nav class="navbar nav_activated" data-navbar>
<a href="#home" onclick="lenis.scrollTo('#home');" class="logo" style="display:flex;">
<img src="./assets/images/new_logo_banner_dark.png" alt="" class="logopic" style=" width:0.1px;opacity: 0;" />
<img src="./assets/images/final.png" alt="" class="logopic" style=" width:0.1px;opacity: 0;" />
</a>

<ul class="navbar-list">
<img src="./assets/images/new_logo_banner_dark.png" class="logopic" style=" width: 200px;">
<img src="./assets/images/final.png" class="logopic" style=" width: 150px;">

<li class="navbar-item">
<a href="index.html#home" onclick="lenis.scrollTo('#home')" class="navbar-link" data-nav-link><i
Expand Down
4 changes: 2 additions & 2 deletions intriguing-mysteries.html
Original file line number Diff line number Diff line change
Expand Up @@ -68,11 +68,11 @@

<nav class="navbar nav_activated" data-navbar>
<a href="#home" onclick="lenis.scrollTo('#home');" class="logo" style="display:flex;">
<img src="./assets/images/new_logo_banner_dark.png" alt="" class="logopic" style=" width:0.1px;opacity: 0;" />
<img src="./assets/images/final.png" alt="" class="logopic" style=" width:0.1px;opacity: 0;" />
</a>

<ul class="navbar-list">
<img src="./assets/images/new_logo_banner_dark.png" class="logopic" style=" width: 200px;">
<img src="./assets/images/final.png" class="logopic" style=" width: 150px;">

<li class="navbar-item">
<a href="index.html#home" onclick="lenis.scrollTo('#home')" class="navbar-link" data-nav-link><i
Expand Down
4 changes: 2 additions & 2 deletions lol.html
Original file line number Diff line number Diff line change
Expand Up @@ -68,11 +68,11 @@

<nav class="navbar nav_activated" data-navbar>
<a href="#home" onclick="lenis.scrollTo('#home');" class="logo" style="display:flex;">
<img src="./assets/images/new_logo_banner_dark.png" alt="" class="logopic" style=" width:0.1px;opacity: 0;" />
<img src="./assets/images/final.png" alt="" class="logopic" style=" width:0.1px;opacity: 0;" />
</a>

<ul class="navbar-list">
<img src="./assets/images/new_logo_banner_dark.png" class="logopic" style=" width: 200px;">
<img src="./assets/images/final.png" class="logopic" style=" width: 150px;">

<li class="navbar-item">
<a href="index.html#home" onclick="lenis.scrollTo('#home')" class="navbar-link" data-nav-link><i
Expand Down
4 changes: 2 additions & 2 deletions mindful-living.html
Original file line number Diff line number Diff line change
Expand Up @@ -68,11 +68,11 @@

<nav class="navbar nav_activated" data-navbar>
<a href="#home" onclick="lenis.scrollTo('#home');" class="logo" style="display:flex;">
<img src="./assets/images/new_logo_banner_dark.png" alt="" class="logopic" style=" width:0.1px;opacity: 0;" />
<img src="./assets/images/final.png" alt="" class="logopic" style=" width:0.1px;opacity: 0;" />
</a>

<ul class="navbar-list">
<img src="./assets/images/new_logo_banner_dark.png" class="logopic" style=" width: 200px;">
<img src="./assets/images/final.png" class="logopic" style=" width: 150px;">

<li class="navbar-item">
<a href="index.html#home" onclick="lenis.scrollTo('#home')" class="navbar-link" data-nav-link><i
Expand Down
4 changes: 2 additions & 2 deletions romantic-esc.html
Original file line number Diff line number Diff line change
Expand Up @@ -70,11 +70,11 @@

<nav class="navbar nav_activated" data-navbar>
<a href="#home" onclick="lenis.scrollTo('#home');" class="logo" style="display:flex;">
<img src="./assets/images/new_logo_banner_dark.png" alt="" class="logopic" style=" width:0.1px;opacity: 0;" />
<img src="./assets/images/final.png" alt="" class="logopic" style=" width:0.1px;opacity: 0;" />
</a>

<ul class="navbar-list">
<img src="./assets/images/new_logo_banner_dark.png" class="logopic" style=" width: 200px;">
<img src="./assets/images/final.png" class="logopic" style=" width: 150px;">

<li class="navbar-item">
<a href="index.html#home" onclick="lenis.scrollTo('#home')" class="navbar-link" data-nav-link><i
Expand Down
4 changes: 2 additions & 2 deletions scifi.html
Original file line number Diff line number Diff line change
Expand Up @@ -68,11 +68,11 @@

<nav class="navbar nav_activated" data-navbar>
<a href="#home" onclick="lenis.scrollTo('#home');" class="logo" style="display:flex;">
<img src="./assets/images/new_logo_banner_dark.png" alt="" class="logopic" style=" width:0.1px;opacity: 0;" />
<img src="./assets/images/final.png" alt="" class="logopic" style=" width:0.1px;opacity: 0;" />
</a>

<ul class="navbar-list">
<img src="./assets/images/new_logo_banner_dark.png" class="logopic" style=" width: 200px;">
<img src="./assets/images/final.png" class="logopic" style=" width: 150px;">

<li class="navbar-item">
<a href="index.html#home" onclick="lenis.scrollTo('#home')" class="navbar-link" data-nav-link><i
Expand Down
4 changes: 2 additions & 2 deletions thrilling-adventures.html
Original file line number Diff line number Diff line change
Expand Up @@ -68,11 +68,11 @@

<nav class="navbar nav_activated" data-navbar>
<a href="#home" onclick="lenis.scrollTo('#home');" class="logo" style="display:flex;">
<img src="./assets/images/new_logo_banner_dark.png" alt="" class="logopic" style=" width:0.1px;opacity: 0;" />
<img src="./assets/images/final.png" alt="" class="logopic" style=" width:0.1px;opacity: 0;" />
</a>

<ul class="navbar-list">
<img src="./assets/images/new_logo_banner_dark.png" class="logopic" style=" width: 200px;">
<img src="./assets/images/final.png" class="logopic" style=" width: 150px;">

<li class="navbar-item">
<a href="index.html#home" onclick="lenis.scrollTo('#home')" class="navbar-link" data-nav-link><i
Expand Down

0 comments on commit 560b185

Please sign in to comment.