Skip to content

Commit

Permalink
Merge branch 'ayush-that:main' into main
Browse files Browse the repository at this point in the history
  • Loading branch information
isimarjitsingh authored Nov 10, 2024
2 parents 8be5789 + 7a37510 commit 67a9acc
Show file tree
Hide file tree
Showing 8 changed files with 951 additions and 396 deletions.
80 changes: 61 additions & 19 deletions Cookiepolicy.html
Original file line number Diff line number Diff line change
Expand Up @@ -22,11 +22,6 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
<style>
* {
cursor: url('/assets/images/ads_click_24dp_000000_FILL0_wght400_GRAD0_opsz24.svg'), auto;
}


.circle {
position: absolute;
width: 25px;
Expand All @@ -47,6 +42,46 @@
z-index: 9999;
}

@media (max-width: 720px) {
.circle-container{
display: none;
}
}

#progressBar {
position: fixed;
top: 0;
left: 0;
width: 0%;
height: 8px;
background-color: #f76b45;
z-index: 9999;
}

body {
background-color: white;
color: black;
transition: background-color 0.3s ease, color 0.3s ease;
}

.dark-mode {
background-color: #121212;
color: #e0e0e0;
}

.dark-mode h2 {
background-color: #121212 !important;
color: #e0e0e0 !important;
}
</style>
<style>
* {
cursor: url('/assets/images/ads_click_24dp_000000_FILL0_wght400_GRAD0_opsz24.svg'), auto;
}




@media (max-width: 720px) {
.circle-container {
display: none;
Expand Down Expand Up @@ -120,47 +155,54 @@
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function () {
const coords = { x: 0, y: 0 };
const circles = document.querySelectorAll(".circle");

circles.forEach(function (circle, index) {
circles.forEach(function (circle) {
circle.x = 0;
circle.y = 0;

circle.style.position = 'absolute';
});

window.addEventListener("mousemove", function (e) {
coords.x = e.pageX;
coords.y = e.pageY - window.scrollY;
coords.y = e.pageY - window.scrollY; // Adjust for vertical scroll position
});

window.addEventListener("DOMContentLoaded", (event) => {
const savedTheme = localStorage.getItem("theme");

// Apply the theme if stored
if (savedTheme === "dark") {
document.body.classList.add("dark-mode");
}
});

function animateCircles() {
let x = coords.x;
let y = coords.y;

circles.forEach(function (circle, index) {
circle.x += (x - circle.x) * 0.3;
circle.y += (y - circle.y) * 0.3;

circle.style.left = `${circle.x - 12}px`;
circle.style.top = `${circle.y - 12}px`;
circle.style.left = `${x - 12}px`;
circle.style.top = `${y - 12}px`;
circle.style.transform = `scale(${(circles.length - index) / circles.length})`;
x = circle.x;
y = circle.y;

const nextCircle = circles[index + 1] || circles[0];
circle.x = x;
circle.y = y;

x += (nextCircle.x - x) * 0.3;
y += (nextCircle.y - y) * 0.3;
});

requestAnimationFrame(animateCircles);
}

animateCircles();
});

</script>

<div id="progressBar"></div>
Expand Down
24 changes: 12 additions & 12 deletions Games/Games.html
Original file line number Diff line number Diff line change
Expand Up @@ -68,27 +68,27 @@ <h1 style="color: white; margin-top: 15px;">FINVEDA</h1>
</div>
<ul id="nav" class="navbar-nav ml-auto" style="margin: auto;">
<li class="nav-item">
<a class="page-scroll" href="./index.html">
<a class="page-scroll" href="../index.html">
<i class="fas fa-home icon-hover" style="margin: 5px;"></i> Home
</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="./about.html">
<a class="page-scroll" href="../about.html">
<i class="fas fa-info-circle icon-hover" style="margin: 5px;"></i> About Us
</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="./finance.html">
<a class="page-scroll" href="../finance.html">
<i class="fas fa-graduation-cap icon-hover" style="margin: 5px;"></i> Courses
</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="./contact.html">
<a class="page-scroll" href="../contact.html">
<i class="fas fa-envelope icon-hover" style="margin: 5px;"></i> Contact
</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="./faq.html">
<a class="page-scroll" href="../faq.html">
<i class="fas fa-question-circle icon-hover" style="margin: 5px;"></i> Help
</a>
</li>
Expand All @@ -98,21 +98,21 @@ <h1 style="color: white; margin-top: 15px;">FINVEDA</h1>
<i class="fas fa-chevron-down icon-hover" style="margin: 5px;"></i> Explore More
</a>
<ul class="dropdown-menu">
<li><a href="./trends.html"><i class="fas fa-chart-line icon-hover" style="margin: 5px;"></i>
<li><a href="../trends.html"><i class="fas fa-chart-line icon-hover" style="margin: 5px;"></i>
Trends</a></li>
<li><a href="./tools/sip.html"><i class="fas fa-tools icon-hover" style="margin: 5px;"></i>
<li><a href="../tools/sip.html"><i class="fas fa-tools icon-hover" style="margin: 5px;"></i>
Tools</a></li>
<li><a href="./blog.html"><i class="fas fa-blog icon-hover" style="margin: 5px;"></i> Blogs</a>
<li><a href="../blog.html"><i class="fas fa-blog icon-hover" style="margin: 5px;"></i> Blogs</a>
</li>
<li><a class="active-link" href="./quiz.html"><i class="fas fa-question icon-hover"
<li><a class="active-link" href="../quiz.html"><i class="fas fa-question icon-hover"
style="margin: 5px;"></i> Quiz</a></li>
<li><a href="./maps.html"><i class="fas fa-map icon-hover" style="margin: 5px;"></i> MAPS</a></li>
<li><a href="../maps.html"><i class="fas fa-map icon-hover" style="margin: 5px;"></i> MAPS</a></li>
</ul>
</li>
<!-- Navigation item placeholder for Login/Register or Logout button -->
<li class="nav-item no-underline" id="auth-btn-container">
<a class="main-btn navbar-btn" style="padding: 2px 20px;" data-scroll-nav="0"
href="./loginPage.html">
href="../loginPage.html">
<i class="fas fa-user-circle icon-hover" style="margin: 5px;"></i> Login/Register
</a>
</li>
Expand Down Expand Up @@ -348,4 +348,4 @@ <h1>Want<span> to play a </span>GAME?</h1><br>

</body>

</html>
</html>
91 changes: 91 additions & 0 deletions Games/Tax Filing Game.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,27 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tax Filing Game</title>
<link rel="icon" href="https://raw.githubusercontent.com/ayush-that/FinVeda/refs/heads/main/assets/images/Favicon1.ico" type="image/x-icon">
<style>
.circle {
position: absolute;
width: 25px;
height: 25px;
border-radius: 50%;
pointer-events: none;
background: radial-gradient(circle, rgba(73, 232, 247, 0.466), rgba(141, 38, 172, 0.5));
transition: transform 0.1s, left 0.1s, top 0.1s;
}

.circle-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}

/* Basic Reset */
* {
margin: 0;
Expand Down Expand Up @@ -140,6 +160,77 @@
</style>
</head>
<body>
<div class="circle-container">
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function () {
const coords = { x: 0, y: 0 };
const circles = document.querySelectorAll(".circle");

circles.forEach(function (circle) {
circle.x = 0;
circle.y = 0;
});

window.addEventListener("mousemove", function (e) {
coords.x = e.pageX;
coords.y = e.pageY - window.scrollY; // Adjust for vertical scroll position
});

function animateCircles() {
let x = coords.x;
let y = coords.y;

circles.forEach(function (circle, index) {
circle.style.left = `${x - 12}px`;
circle.style.top = `${y - 12}px`;
circle.style.transform = `scale(${(circles.length - index) / circles.length})`;

const nextCircle = circles[index + 1] || circles[0];
circle.x = x;
circle.y = y;

x += (nextCircle.x - x) * 0.3;
y += (nextCircle.y - y) * 0.3;
});

requestAnimationFrame(animateCircles);
}

animateCircles();
});

</script>
<div class="game-container">
<h1>Tax Filing Game</h1>
<p>Test your tax knowledge and earn points!</p>
Expand Down
Loading

0 comments on commit 67a9acc

Please sign in to comment.