Skip to content

Commit

Permalink
other pages updaed
Browse files Browse the repository at this point in the history
  • Loading branch information
@thilakjo
thilakjo committed Oct 22, 2024
1 parent 188e782 commit 14e13a4
Show file tree
Hide file tree
Showing 3 changed files with 299 additions and 15 deletions.
99 changes: 97 additions & 2 deletions about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,11 +17,11 @@
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
crossorigin="anonymous"
/>

<title>My Favorite Books Music App</title>
</head>

<body
class="bg-gray-900 text-gray-300 dark-theme d-flex flex-column min-vh-100"
class="dark-theme bg-gray-900 text-gray-300 d-flex flex-column min-vh-100"
>
<div class="circle"></div>
<div class="circle"></div>
Expand Down Expand Up @@ -55,6 +55,8 @@
<span class="visually-hidden">Loading...</span>
</div>
</div>

<!-- Navbar -->
<!-- <div id="header-placeholder" class="sticky top-0 z-20"></div> -->
<header class="sticky top-0 z-20 bg-gray-800 p-4 shadow-sm">
<nav class="">
Expand Down Expand Up @@ -114,11 +116,97 @@
<a href="./faq.html" class="text-gray-300 hover:text-green-500"
>FAQs</a
>

<!-- Profile Icon and Theme Toggle -->
<button
id="theme-toggle"
class="text-gray-300 hover:text-green-500"
>
<!-- Sun Icon (for dark theme) -->
<svg
id="sun-icon"
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 hidden"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<circle
cx="12"
cy="12"
r="5"
stroke="currentColor"
stroke-width="2"
/>
<line
x1="12"
y1="1"
x2="12"
y2="4"
stroke="currentColor"
stroke-width="2"
/>
<line
x1="12"
y1="20"
x2="12"
y2="23"
stroke="currentColor"
stroke-width="2"
/>
<line
x1="4.22"
y1="4.22"
x2="6.34"
y2="6.34"
stroke="currentColor"
stroke-width="2"
/>
<line
x1="17.66"
y1="17.66"
x2="19.78"
y2="19.78"
stroke="currentColor"
stroke-width="2"
/>
<line
x1="1"
y1="12"
x2="4"
y2="12"
stroke="currentColor"
stroke-width="2"
/>
<line
x1="20"
y1="12"
x2="23"
y2="12"
stroke="currentColor"
stroke-width="2"
/>
<line
x1="4.22"
y1="19.78"
x2="6.34"
y2="17.66"
stroke="currentColor"
stroke-width="2"
/>
<line
x1="17.66"
y1="6.34"
x2="19.78"
y2="4.22"
stroke="currentColor"
stroke-width="2"
/>
</svg>

<!-- Moon Icon (for light theme) -->
<svg
id="moon-icon"
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6"
fill="none"
Expand All @@ -133,6 +221,13 @@
/>
</svg>
</button>

<a
href="./profile.html"
class="text-gray-300 hover:text-green-500 me-4"
>
<i class="bi bi-person-circle h-6 w-6"></i>
</a>
</div>

<!-- Mobile Menu Toggle Button -->
Expand Down
119 changes: 106 additions & 13 deletions contact.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,18 +6,6 @@
<link rel="stylesheet" href="style.css" />
<!-- Favicon -->
<link rel="icon" href="Images/favicon.jpg" type="image/png" />
<script
type="text/javascript"
src="https://cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js"
></script>
<script type="text/javascript">
(function () {
// https://dashboard.emailjs.com/admin/account
emailjs.init({
publicKey: "your_public_key",
});
})();
</script>
<script src="https://cdn.tailwindcss.com"></script>
<link
rel="stylesheet"
Expand All @@ -32,7 +20,9 @@
<title>My Favorite Books Music App</title>
</head>

<body class="dark-theme bg-gray-900 text-gray-300">
<body
class="dark-theme bg-gray-900 text-gray-300 d-flex flex-column min-vh-100"
>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
Expand All @@ -56,6 +46,16 @@
<div class="circle"></div>
<div class="circle"></div>

<div id="loader" class="spinner-container">
<div
class="spinner-border"
role="status"
style="width: 4rem; height: 4rem; color: #1db954"
>
<span class="visually-hidden">Loading...</span>
</div>
</div>

<!-- Navbar -->
<!-- <div id="header-placeholder" class="sticky top-0 z-20"></div> -->
<header class="sticky top-0 z-20 bg-gray-800 p-4 shadow-sm">
Expand Down Expand Up @@ -116,11 +116,97 @@
<a href="./faq.html" class="text-gray-300 hover:text-green-500"
>FAQs</a
>

<!-- Profile Icon and Theme Toggle -->
<button
id="theme-toggle"
class="text-gray-300 hover:text-green-500"
>
<!-- Sun Icon (for dark theme) -->
<svg
id="sun-icon"
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 hidden"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<circle
cx="12"
cy="12"
r="5"
stroke="currentColor"
stroke-width="2"
/>
<line
x1="12"
y1="1"
x2="12"
y2="4"
stroke="currentColor"
stroke-width="2"
/>
<line
x1="12"
y1="20"
x2="12"
y2="23"
stroke="currentColor"
stroke-width="2"
/>
<line
x1="4.22"
y1="4.22"
x2="6.34"
y2="6.34"
stroke="currentColor"
stroke-width="2"
/>
<line
x1="17.66"
y1="17.66"
x2="19.78"
y2="19.78"
stroke="currentColor"
stroke-width="2"
/>
<line
x1="1"
y1="12"
x2="4"
y2="12"
stroke="currentColor"
stroke-width="2"
/>
<line
x1="20"
y1="12"
x2="23"
y2="12"
stroke="currentColor"
stroke-width="2"
/>
<line
x1="4.22"
y1="19.78"
x2="6.34"
y2="17.66"
stroke="currentColor"
stroke-width="2"
/>
<line
x1="17.66"
y1="6.34"
x2="19.78"
y2="4.22"
stroke="currentColor"
stroke-width="2"
/>
</svg>

<!-- Moon Icon (for light theme) -->
<svg
id="moon-icon"
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6"
fill="none"
Expand All @@ -135,6 +221,13 @@
/>
</svg>
</button>

<a
href="./profile.html"
class="text-gray-300 hover:text-green-500 me-4"
>
<i class="bi bi-person-circle h-6 w-6"></i>
</a>
</div>

<!-- Mobile Menu Toggle Button -->
Expand Down
Loading

0 comments on commit 14e13a4

Please sign in to comment.