Skip to content

Commit

Permalink
Merge branch 'anuragverma108:main' into main
Browse files Browse the repository at this point in the history
  • Loading branch information
@Mr-Mysterious001
Mr-Mysterious001 authored Oct 26, 2024
2 parents 64ca9fd + f72ba20 commit 9286e30
Show file tree
Hide file tree
Showing 4 changed files with 287 additions and 65 deletions.
13 changes: 13 additions & 0 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -38,6 +38,19 @@

<hr>

### This project is now OFFICIALLY accepted for

<div align="center">
<img src="https://raw.githubusercontent.com/alo7lika/Research-Nexas/refs/heads/main/Image/329829127-e79eb6de-81b1-4ffb-b6ed-f018bb977e88.png" alt="GSSoC 2024 Extd" width="80%">
</div>

<div align="center">
<img src="https://raw.githubusercontent.com/alo7lika/Research-Nexas/refs/heads/main/Image/hacktober.png" alt="Hacktober fest 2024" width="80%">
</div>

<br>


## Project Structure

<!-- START_STRUCTURE -->
Expand Down
155 changes: 153 additions & 2 deletions assets/css/playNow.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -41,12 +41,165 @@ body {
::-webkit-scrollbar-thumb:hover {
background: hsl(357, 60%, 45%);
}
body.dark-mode {
background-image: url("/assets/images/darkmode_bg.png");
}

.dark-mode {
color: #fff;
}

.dark-mode .form {
background-color: #333;
color: #fff;
}

.dark-mode .description {
color: #fff;
}

.dark-mode .logo {
color: #fff;
}
.dark-mode .header {
/* background-color: #333; */
color: #fff;
}
.dark-mode .container button {
margin-left: none;
}

.dark-mode .invert-col {
filter: invert(1);
}

.dark-mode .footer {
background-color: #333;
color: #fff;
}

.dark-mode .navbar-link {
color: #fff;
}
.dark-mode .header {
background-color: #151111;
}
body.dark-mode .genre-section {
background: linear-gradient(#090e11, #4b2e2e);
}
/* Dark mode styles */

body.dark-mode .genre-content {
width: 55%;
padding: 20px;
background-color: rgba(
255,
255,
255,
0.1
); /* Semi-transparent background for contrast */
border-radius: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); /* Darker shadow for depth */
}

body.dark-mode .genre-title {
font-family: "Merriweather", serif;
font-size: 2rem;
color: lightpink; /* Bright color for title in dark mode */
margin: 10px 0;
}

body.dark-mode .book-author,
body.dark-mode .book-genre {
font-family: "Open Sans", sans-serif;
font-weight: bold;
color: lightcoral; /* Bright color for author and genre */
}

body.dark-mode .book-description {
font-family: "Open Sans", sans-serif; /* Keep description easy to read */
font-size: 1rem;
color: #e0e0e0; /* Light gray for better readability */
}

/*
.answers.active {
max-height: fit-content;
} */

.icons {
width: 400px;
flex-wrap: wrap;
align-items: center;
padding-top: 10px;
}

.dark-mode {
--sonic-silver: #fff;
--ghost-white: #1e1c1c;
--seashell: hsl(20deg 4.72% 15.44%);
--seashell: hsl(20deg 2.94% 14.18%);
/* --seashell: #1E1C1C; */
--charcoal: #fff;
--white: #1e1c1c;
--black: #fff;
--grey-white: #1e1c1c;

/* shadow */

--shadow-1: 4px 6px 10px hsla(240, 2%, 53%, 0.484);
/* --shadow-2: 2px 5px 8px hsla(240, 5%, 62%, 0.545); */
--shadow-2: 0px 0px 7px hsla(240, 5%, 62%, 0.545);
--shadow-3: 3px 3px var(--seashell);
--shadow-4: 5px 5px var(--old-rose);
}

body.dark-mode .navbar-link:hover,
body.dark-mode .navbar-link.active {
color: #ca7373;
text-decoration: none;
}

body.dark-mode .navbar-link::after {
content: "";
background: #ca7373;
box-shadow: 0 0 10px #fcb0b480;
}

body.dark-mode .flip-card-back {
background-color: black !important;
color: white !important;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}

body.dark-mode .navbar-link:hover::after {
box-shadow: 0 0 20px hsl(357, 93%, 84%, 0.7);
}

/* Dark mode styles for section title */
body.dark-mode .section-title {
color: rgb(88, 22, 33); /* Dark red color for the text */
background-color: rgba(
255,
255,
255,
0.909
); /* Slightly transparent background for contrast */
padding: 10px; /* Optional padding for better spacing */
border-radius: 5px; /* Slightly rounded corners */
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); /* Shadow for depth */
text-align: center; /* Center-align the text */
}

/*-----------------------------------*\
#FOOTER
\*-----------------------------------*/

footer {
font-size: 18px;
background-color: hsl(0deg 100% 80.49%);
width: 100%;
}
Expand Down Expand Up @@ -86,7 +239,6 @@ footer {
}

.foot-middle {
font-size: 1.6rem;
text-align: center;
}
.quicklinks {
Expand Down Expand Up @@ -403,4 +555,3 @@ footer {
/* flex-direction: column; */
overflow: hidden;
}

42 changes: 9 additions & 33 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1421,31 +1421,7 @@
<div class="progress-bar" id="progress-bar"></div>
</div>

<div class="socialmediaicons" style="z-index: 99;">


<a class="active instagram" href="https://www.instagram.com/" class="" style="font-size: 2.5rem;">
<i class="fa-brands fa-instagram"></i>
</a>
<a class="active" href="https://www.facebook.com/" class="facebook" style="font-size: 2.5rem;">
<i class="fa-brands fa-facebook"></i>
</a>
<a class="active" href="https://www.youtube.com/" class="youtube" style="font-size: 2.5rem;">
<i class="fa-brands fa-youtube"></i>
</a>
<a class="active linkedin" href="https://www.linkedin.com/" style="font-size: 2.5rem;">
<i class="fa-brands fa-linkedin"></i>
</a>
<a class="active github" href="https://github.com/" style="font-size: 2.5rem;">
<i class="fa-brands fa-github"></i>
</a>
<a class="active discord" href="https://discord.com/" style="font-size: 2.5rem; margin: 0 10px;">
<i class="fa-brands fa-discord"></i>
</a>
<a class="active twitter" href="https://twitter.com/" style="font-size: 2.5rem; margin: 0 10px;">
<i class="fa-brands fa-x-twitter"></i>
</a>
</div>


<script src="script.js"></script>

Expand Down Expand Up @@ -2993,25 +2969,25 @@
<div class="socialmediaicons" style="z-index: 99;">


<a class="active instagram" href="https://www.instagram.com/" class="" style="font-size: 2.5rem;" target="_blank">
<a class="active instagram" href="https://www.instagram.com/" class="" style="font-size: 2rem;" target="_blank">
<i class="fa-brands fa-instagram"></i>
</a>
<a class="active" href="https://www.facebook.com/" class="facebook" style="font-size: 2.5rem;" target="_blank">
<a class="active" href="https://www.facebook.com/" class="facebook" style="font-size: 2rem;" target="_blank">
<i class="fa-brands fa-facebook"></i>
</a>
<a class="active" href="https://www.youtube.com/" class="youtube" style="font-size: 2.5rem;" target="_blank">
<a class="active" href="https://www.youtube.com/" class="youtube" style="font-size: 2rem;" target="_blank">
<i class="fa-brands fa-youtube"></i>
</a>
<a class="active linkedin" href="https://www.linkedin.com/" style="font-size: 2.5rem;" target="_blank">
<a class="active linkedin" href="https://www.linkedin.com/" style="font-size: 2rem;" target="_blank">
<i class="fa-brands fa-linkedin"></i>
</a>
<a class="active github" href="https://github.com/" style="font-size: 2.5rem;" target="_blank">
<a class="active github" href="https://github.com/" style="font-size: 2rem;" target="_blank">
<i class="fa-brands fa-github"></i>
</a>
<a class="active discord" href="https://discord.com/" style="font-size: 2.5rem; margin: 0 10px;" target="_blank">
<a class="active discord" href="https://discord.com/" style="font-size: 2rem; margin: 0 10px;" target="_blank">
<i class="fa-brands fa-discord"></i>
</a>
<a class="active twitter" href="https://twitter.com/" style="font-size: 2.5rem; margin: 0 10px;" target="_blank">
<a class="active twitter" href="https://twitter.com/" style="font-size: 2rem; margin: 0 10px;" target="_blank">
<i class="fa-brands fa-x-twitter"></i>
</a>
</div>
Expand Down Expand Up @@ -7286,4 +7262,4 @@ <h1>Subscribe to Our Newsletter</h1>

</body>

</html>
</html>
Loading

0 comments on commit 9286e30

Please sign in to comment.