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.

Sign up for GitHub

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

resolved issues #4612

Merged
merged 1 commit into from
Nov 5, 2024
Merged

resolved issues #4612

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
246 changes: 107 additions & 139 deletions assets/html/about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -959,174 +959,142 @@

<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="../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>
<lord-icon
src="https://cdn.lordicon.com/qeltvbrs.json"
trigger="hover"
colors="primary:#e88c30,secondary:#a30f17"
style="width:25px;height:25px">
</lord-icon> Home</a>
<a href="../../index.html" onclick="lenis.scrollTo('#home')" class="navbar-link" data-nav-link="">
<lord-icon src="https://cdn.lordicon.com/qeltvbrs.json" trigger="hover" colors="primary:#e88c30,secondary:#a30f17" style="width:25px;height:25px"></lord-icon>
<span class="nav-text">Home</span>
</a>
</li>

<li class="navbar-item">
<a href="../../index.html#benefits" onclick="lenis.scrollTo('#benefits')" class="navbar-link"
data-nav-link><lord-icon
src="https://cdn.lordicon.com/jibxifeu.json"
trigger="hover"
state="hover-up"
colors="primary:#a30f17,secondary:#e88c30"
style="width:25px;height:25px">
</lord-icon>Benefits</a>
<a href="../../index.html#benefits" onclick="lenis.scrollTo('#benefits')" class="navbar-link" data-nav-link="">
<lord-icon src="https://cdn.lordicon.com/jibxifeu.json" trigger="hover" state="hover-up" colors="primary:#a30f17,secondary:#e88c30" style="width:25px;height:25px"></lord-icon>
<span class="nav-text">Benefits</span>
</a>
</li>

<li class="navbar-item">
<a href="../../index.html#genre" onclick="lenis.scrollTo('#genre')" class="navbar-link" data-nav-link>
<lord-icon
src="https://cdn.lordicon.com/bhmovrlt.json"
trigger="hover"
state="morph-open"
colors="primary:#a30f17,secondary:#e88c30"
style="width:25px;height:25px">
</lord-icon> Genre</a>
<a href="../../index.html#genre" onclick="lenis.scrollTo('#genre')" class="navbar-link" data-nav-link="">
<lord-icon src="https://cdn.lordicon.com/bhmovrlt.json" trigger="hover" state="morph-open" colors="primary:#a30f17,secondary:#e88c30" style="width:25px;height:25px"></lord-icon>
<span class="nav-text">Genre</span>
</a>
</li>
</li>
<li class="navbar-item">
<a href="../../index.html#rateus" onclick="openRateUsModal(); return false;" class="navbar-link"> <lord-icon
src="https://cdn.lordicon.com/jxjfjyri.json"
trigger="morph"
stroke="bold"
state="morph-select"
colors="primary:#eeaa66,secondary:#e88c30"
style="width:25px;height:25px">
</lord-icon> Rate Us</a>
</li>


<li class="navbar-item">
<a href="../../index.html#contact" onclick="lenis.scrollTo('#contact')" class="navbar-link" data-nav-link><i
class="ri-customer-service-2-fill"></i><img src="../images/telephone.png" height="25px" width="25px"/> Contact</a>
<a href="../../index.html#rateus" onclick="openRateUsModal(); return false;" class="navbar-link" data-nav-link="">
<lord-icon src="https://cdn.lordicon.com/jxjfjyri.json" trigger="morph" stroke="bold" state="morph-select" colors="primary:#eeaa66,secondary:#e88c30" style="width:25px;height:25px"></lord-icon>
<span class="nav-text">Rate Us</span>
</a>
</li>

<li class="navbar-item">
<a href="../../index.html#faq" onclick="lenis.scrollTo('#faqq')" class="navbar-link" data-nav-link>
<lord-icon
src="https://cdn.lordicon.com/motnbmtz.json"
trigger="hover"
stroke="bold"
colors="primary:#a30f17,secondary:#e88c30"
style="width:25px;height:25px">
</lord-icon> FAQ
<a href="../../index.html#contact" onclick="lenis.scrollTo('#contact')" class="navbar-link" data-nav-link="">
<img src="../images/telephone.png" height="25px" width="25px"> <span class="nav-text">Contact</span>
</a>
</li>




</li>

<li class="navbar-item">
<a href="../../index.html#faq" onclick="lenis.scrollTo('#faqq')" class="navbar-link" data-nav-link="">
<lord-icon src="https://cdn.lordicon.com/motnbmtz.json" trigger="hover" stroke="bold" colors="primary:#a30f17,secondary:#e88c30" style="width:25px;height:25px"></lord-icon>
<span class="nav-text">FAQ</span>
</a>
</li>

<li class="navbar-item dropdown" id="more-dropdown">
<a href="#" class="navbar-link" id="more-link">More
<svg class="dropdown-arrow" xmlns="http://www.w3.org/2000/svg" width="1.3em" height="1.3em"
viewBox="0 0 24 24">
<path fill="currentcolor" d="m12 13.171l4.95-4.95l1.414 1.415L12 16L5.636 9.636L7.05 8.222z" />
</svg></a>
<svg class="dropdown-arrow" xmlns="http://www.w3.org/2000/svg" width="1.3em" height="1.3em" viewBox="0 0 24 24">
<path fill="currentcolor" d="m12 13.171l4.95-4.95l1.414 1.415L12 16L5.636 9.636L7.05 8.222z"></path>
</svg>
</a>
<div class="dropdown-menu" id="dropdown-menu">

<ul class="dropdown-menu-list">
<li class="dropdown-menu-item">
<a href="../../chatt.html" class="navbar-link"
style="font-family: sans-serif; margin-bottom: 5px;">
Community chat
</a>
</li>
<li class="dropdown-menu-item">
<a href="tips.html" class="navbar-link"
style="font-family: sans-serif; margin-bottom: 5px;">
Tips
</a>
</li>
<li class="dropdown-menu-item">
<a href="bookpref.html" class="navbar-link"
style="font-family: sans-serif; margin-bottom: 5px;">
Book Prefer Quiz
</a>
</li>
<li class="dropdown-menu-item">
<a href="../html/pricing.html" onclick="lenis.scrollTo('#pricing')" class="navbar-link"
data-nav-link><i class="ri-price-tag-3-fill"></i> Pricing</a>
</li>
<li class="dropdown-menu-item">
<a href="../html/booklistswap.html" class="navbar-link">Booklist for Swapping</a>
</li>
<li class="dropdown-menu-item">
<a href="../html/book_recommend.html" class="navbar-link" data-nav-link>
<i class="ri-customer-service-2-fill"></i> Book Recommendation
</a>
</li>
<li class="dropdown-menu-item">
<a href="../html/freeBooks.html" onclick="lenis.scrollTo('#E-books')" class="navbar-link"
data-nav-link><i class="ri-price-tag-3-fill"></i>Free E-books</a>
</li>
<li class="dropdown-menu-item">
<a href="../html/read_later.html" class="navbar-link" data-nav-link><i
class="ri-price-tag-3-fill"></i>Read Later</a>
</li>
<li class="dropdown-menu-item">
<a href="./ConnReader.html" class="navbar-link" data-nav-link><i
class="ri-price-tag-3-fill"></i>Reader Connection</a>
</li>
<li class="dropdown-menu-item">
<a href="../html/about.html" class="navbar-link">About</a>
</li>
<li class="dropdown-menu-item"><a href="../../chat.html" class="navbar-link">Community chat</a></li>
<li class="dropdown-menu-item"><a href="tips.html" class="navbar-link">Tips</a></li>
<li class="dropdown-menu-item"><a href="bookpref.html" class="navbar-link">Book Prefer Quiz</a></li>
<li class="dropdown-menu-item"><a href="../html/pricing.html" class="navbar-link">Pricing</a></li>
<li class="dropdown-menu-item"><a href="../html/booklistswap.html" class="navbar-link">Booklist for Swapping</a></li>
<li class="dropdown-menu-item"><a href="../html/book_recommend.html" class="navbar-link">Book Recommendation</a></li>
<li class="dropdown-menu-item"><a href="../html/freeBooks.html" class="navbar-link">Free E-books</a></li>
<li class="dropdown-menu-item"><a href="../html/read_later.html" class="navbar-link">Read Later</a></li>
<li class="dropdown-menu-item"><a href="./ConnReader.html" class="navbar-link">Reader Connection</a></li>
<li class="dropdown-menu-item"><a href="../html/about.html" class="navbar-link">About</a></li>
</ul>
</div>
</li>

<li class="navbar-item" id="login-signup-link">
<a href="../html/login.html" class="navbar-link"> <lord-icon
src="https://cdn.lordicon.com/xfzuyvam.json"
trigger="morph"
state="morph-group"
colors="primary:#a30f17,secondary:#e88c30"
style="width:25px;height:25px">
</lord-icon>Login/Signup</a>
<a href="../html/login.html" class="navbar-link">
<lord-icon src="https://cdn.lordicon.com/xfzuyvam.json" trigger="morph" state="morph-group" colors="primary:#a30f17,secondary:#e88c30" style="width:25px;height:25px"></lord-icon>
<span class="nav-text">Login/Signup</span>
</a>
</li>

<div class="switch-container">
<input type="checkbox" id="switch" class="switch-checkbox">
<label for="switch" class="switch-label" style="margin-left: 120px; left: 200px;
margin-top: -30px;">
<label for="switch" class="switch-label" style="margin-left: 120px; left: 200px; margin-top: -30px;">
<div class="switch-button">
<span class="material-icons sun-icon">wb_sunny</span>
<span class="material-icons moon-icon">brightness_2</span>
</div>
</label>
</div>
<li>
<div class="action">

<!-- <div class="menu">
<h3>XYZ<br /><span>Book Lover</span></h3>
<ul>
<li>
<img src="../images/user.jpg" /><a href="../../profile.html">My profile</a>
</li>
<li>
<img src="../images/edit profile.jpg" /><a href="../html/profileedit.html">Edit profile</a>
</li>
<li>
<img src="../images/inbox.png" /><a href="#">Inbox</a>
</li>
<li>
<img src="../images/settings.png" /><a href="#">Settings</a>
</li>
<li><img src="../images/help.png" /><a href="#">Help</a></li>
<li>
<img src="../images/logout.png" /><a href="#">Logout</a>
</li>
</ul>
</div> -->
</li>
</div>
</ul>
</ul>

<style>
/* Navbar item spacing */
.navbar-item {
margin: 0 15px; /* Adds horizontal spacing between navbar items */
}

/* Navbar link font size */
.navbar-link {
font-size: 14px; /* Adjust this value as needed */
}

/* Dropdown Menu Styles */
.dropdown-menu {
display: none; /* Hide dropdown initially */
position: absolute; /* Position it relative to the parent */
background-color: white; /* Background color for dropdown */
border: 1px solid #ccc; /* Border for dropdown */
z-index: 1000; /* Make sure it sits above other elements */
padding: 10px; /* Padding around the dropdown items */
box-shadow: 0 2px 8px rgba(0,0,0,0.1); /* Shadow effect for dropdown */
left: 0; /* Align dropdown menu to the left */
}

.dropdown-menu-list {
list-style-type: none; /* Remove default list styling */
padding: 0; /* Remove default padding */
margin: 0; /* Remove default margin */
}

.dropdown-menu-item {
margin-bottom: 5px; /* Space between items */
}

.dropdown-menu-item a {
display: flex; /* Flexbox for vertical alignment */
align-items: center; /* Center items vertically */
padding: 8px 12px; /* Same padding as main nav items */
text-decoration: none; /* Remove underline */
color: inherit; /* Inherit color from parent */
transition: background-color 0.3s; /* Smooth background change */
text-align: left; /* Ensure text is left-aligned */
}

.dropdown-menu-item a:hover {
background-color: #f1f1f1; /* Highlight background on hover */
}

/* Show dropdown on hover */
.navbar-item.dropdown:hover .dropdown-menu {
display: block; /* Show the dropdown menu */
}
</style>
</div>
<script>
document.addEventListener("DOMContentLoaded", () => {
Expand Down
Loading
Loading