Skip to content

Commit

Permalink
Merge branch 'main' into help-scroll
Browse files Browse the repository at this point in the history
  • Loading branch information
@shriyadindi
shriyadindi authored Nov 10, 2024
2 parents 0dade05 + fa119ea commit 52154a2
Show file tree
Hide file tree
Showing 28 changed files with 2,508 additions and 447 deletions.
686 changes: 686 additions & 0 deletions Cookiepolicy.html
View file

Large diffs are not rendered by default.

128 changes: 126 additions & 2 deletions Games/Retirment planning game.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,28 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Retirement Planning Game</title>
<link rel="icon" href="https://raw.githubusercontent.com/ayush-that/FinVeda/refs/heads/main/assets/images/Favicon1.ico" type="image/x-icon">
<link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
<link rel="shortcut icon" href="/assets/images/favicon2.webp" type="image/png" />
<link rel="shortcut icon" href="./assets/images/favicon2.png" type="image/png" />
<link rel="stylesheet" href="./assets/css/animate.css" />
<link rel="stylesheet" href="./assets/css/magnific-popup.css" />
<link rel="stylesheet" href="./assets/css/slick.css" />
<link rel="stylesheet" href="./assets/css/LineIcons.css" />
<link rel="stylesheet" href="./assets/css/font-awesome.min.css" />
<link rel="stylesheet" href="./assets/css/bootstrap.min.css" />
<link rel="stylesheet" href="./assets/css/default.css" />
<link rel="stylesheet" href="./assets/css/index.css" />
<link rel="stylesheet" href="./assets/css/style.css" />
<link rel="stylesheet" href="./assets/css/quiz.css" />
<link rel="stylesheet" href="./assets/css/popup.css" />
<link rel="stylesheet" href="./assets/css/cookiepopup.css">
<link rel="stylesheet" href="./assets/css/about.css" />
<link rel="stylesheet" href="./assets/css/preloader.css" />
<link rel="stylesheet" type="text/css" href="sipcalculatorCss.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" />
<link rel="stylesheet" href="./assets/css/about(inlines).css" />
<link rel="stylesheet" href="navbar.css">

<style>
.circle {
position: absolute;
Expand Down Expand Up @@ -138,6 +160,107 @@
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
</head>
<body>
<!-- Added the navbar.css file here so that the navbar looks nice and uniform in all pages -->
<link rel="stylesheet" href="navbar.css">
<header class="header-area">
<div class="navbar-area">
<div class="container">
<div class="row">
<div class="col-lg-12">
<nav class="navbar navbar-expand-lg" style="display: flex; background-color: #2c3e50;">
<div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
<div class="icon1">
<!-- <a href="./index.html"> -->
<h1 style="color: white; margin-top: 15px;">FINVEDA</h1>
<!-- <img src="./assets/images/FinvedaLogo.png" alt="Finveda Logo" style="width: 13rem;"> -->

</div>
<ul id="nav" class="navbar-nav ml-auto" style="margin: auto;">
<li class="nav-item">
<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">
<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">
<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">
<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">
<i class="fas fa-question-circle icon-hover" style="margin: 5px;"></i> Help
</a>
</li>
<!-- Dropdown for Explore -->
<li class="nav-item dropdown" onmouseover="toggleDropdown(true)" onmouseout="toggleDropdown(false)">
<a class="page-scroll dropdown-toggle" href="#">
<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>
Trends</a></li>
<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>
<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>
</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="margin: 5px;padding: 4px 20px;" data-scroll-nav="0"
href="../loginPage.html">
<i class="fas fa-user-circle icon-hover" style="margin: 5px;"></i> Login/Register
</a>
</li>
<li class="nav-item no-underline align-self-center">
<button id="theme-toggle" class="theme-toggle" onclick="toggleTheme()">
<span>🌞</span>
</button>
</li>
</ul>
</div>
</nav>
</div>
</div>
</nav>
<link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet">

<nav class="mobile-menu ">
<a class="page-scroll" href="../index.html">Home 🏡</a>
<a class="page-scroll" href="../about.html">About Us 📖</a>
<a class="page-scroll" href="../trends.html">Trends 📈</a>
<a class="page-scroll" href="../tools/sip.html">Tools 🔧</a>
<a class="page-scroll active-link" href="../blog.html">Blogs 📰</a>
<a class="page-scroll" href="../quiz.html">Quiz 🤔</a>
<a class="page-scroll main-btn" href="#" onclick="openModal()"
onmouseout="this.style.color='white'">Login/Register 💻</a>
<div class="mobile-menu__trigger" onclick="toggleMobileMenu()">
<span></span>
</div>
</nav>


<link href="../navbar.css" rel="stylesheet">
<script type="text/javascript" src="../navbar.js"></script>
</div>
</div>
</div>
</div>

</header>
<div class="circle-container">
<div class="circle"></div>
<div class="circle"></div>
Expand Down Expand Up @@ -209,9 +332,10 @@
});

</script>
<h1>Retirement Planning Game</h1>

<h1>Retirement Planning Game</h1>
<div class="container">

<div class="info" id="info">Plan your moves wisely to reach your retirement goal!</div>
<button class="choice-btn" onclick="makeChoice('save')">
<i class="fas fa-piggy-bank"></i> Save Money
Expand Down
152 changes: 148 additions & 4 deletions Licensing.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -943,10 +943,6 @@ <h4 class="title custom-margin">Contact Us</h4>
document.getElementById("copyright-year").textContent =
new Date().getFullYear();
</script>

<a href="#" class="back-to-top"><i class="lni-chevron-up"></i></a>


<div class="gtranslate_wrapper"></div>
<script>
window.gtranslateSettings = {
Expand Down Expand Up @@ -1015,6 +1011,154 @@ <h4 class="title custom-margin">Contact Us</h4>
updateWeekly();
});
</script>
<button id="scrollToTopBtn" class="scroll-top" aria-label="Scroll to top">
<div class="scroll-top-icon">
<i class="fa-solid fa-arrow-up"></i>
</div>
<svg class="progress-ring" width="60" height="60">
<circle class="progress-ring__circle" stroke="#ffffff" stroke-width="4" fill="transparent" r="28" cx="30"
cy="30"></circle>
</svg>
</button>
<style>
.scroll-top {
position: fixed;
right: 1.6%;
background: #635adc;
color: white;
width: 60px;
height: 60px;
border-radius: 50%;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
box-shadow: 0 5px 15px rgba(255, 69, 159, 0.4);
overflow: visible;
z-index: 10;
bottom: 15px;
margin-right: 10px;
/* Ensure button is on top */
}

.scroll-top.show {
opacity: 1;
visibility: visible;
}

.scroll-top:hover {
transform: scale(1.1);
/* Subtle scaling instead of expanding */
box-shadow: 0 8px 20px rgba(255, 69, 159, 0.6);
/* Slightly larger shadow */
}

.scroll-top:active {
transform: scale(1.05);
/* Minor scale reduction on click */
}

.scroll-top-icon {
position: relative;
z-index: 2;
transition: transform 0.3s ease;
}

.scroll-top:hover .scroll-top-icon {
transform: translateY(-3px);
}

/* Progress Ring Styling */
.progress-ring {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: rotate(-90deg);
/* To start from the top */
}

.progress-ring__circle {
transition: stroke-dashoffset 0.35s;
transform-origin: 50% 50%;
}

/* Pulse Animation */
@keyframes pulse {
0% {
box-shadow: 0 5px 15px rgba(255, 69, 159, 0.4);
}

50% {
box-shadow: 0 5px 15px rgba(255, 69, 159, 0.7);
}

100% {
box-shadow: 0 5px 15px rgba(255, 69, 159, 0.4);
}
}

.scroll-top:hover {
animation: pulse 1.5s infinite;
}

.scroll-top.show {
animation: none;
/* No animation when showing the button */
}

.scroll-top.show:hover {
animation: pulse 1.5s infinite;
/* Pulse on hover */
}
</style>
<script>
// Get the button
const scrollToTopBtn = document.getElementById("scrollToTopBtn");
const progressCircle = document.querySelector(".progress-ring__circle");
const radius = progressCircle.r.baseVal.value;
const circumference = 2 * Math.PI * radius;

// Set the circle progress properties
progressCircle.style.strokeDasharray = `${circumference} ${circumference}`;
progressCircle.style.strokeDashoffset = circumference;

// Function to show or hide the button based on scroll position
function toggleScrollButton() {
if (window.scrollY > 100) {
scrollToTopBtn.classList.add("show");
} else {
scrollToTopBtn.classList.remove("show");
}
}

// Function to set the scroll progress on the button ring
function setProgress(percent) {
const offset = circumference - (percent / 100) * circumference;
progressCircle.style.strokeDashoffset = offset;
}

// Listen for scroll events to update button visibility and progress
window.addEventListener("scroll", () => {
toggleScrollButton();
const scrollPercent = (window.scrollY / (document.documentElement.scrollHeight - window.innerHeight)) * 100;
setProgress(scrollPercent);
});

// Smooth scroll to top when the button is clicked
scrollToTopBtn.addEventListener("click", () => {
window.scrollTo({
top: 0,
behavior: "smooth"
});
});
</script>

</body>
</html>
15 changes: 8 additions & 7 deletions about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1356,13 +1356,14 @@ <h2 class="subscribe-title">
<h3 class="title custom-margin">Quick Links</h3>
</div>
<ul class="link custom-margin">
<li><a href="./blogs/privacy-policy.html"><i class="fas fa-user-secret"></i> Privacy Policy</a></li>
<li><a href="./blogs/refund-policy.html"><i class="fas fa-undo-alt"></i> Refund Policy</a></li>
<li><a href="Licensing.html"><i class="fas fa-file-contract"></i> Licensing</a></li>
<li><a href="./blogs/terms-of-service.html"><i class="fas fa-file-alt"></i> Terms of Service</a></li>
<li><a href="./contributors.html"><i class="fas fa-users"></i> Our Contributors</a></li>
<li><a href="./blogs/sitemap.html"><i class="fa-solid fa-sitemap"></i> Site Map</a></li>
</ul>
<li><a href="./blogs/privacy-policy.html"><i class="fas fa-user-secret"></i> Privacy Policy</a></li>
<li><a href="./blogs/refund-policy.html"><i class="fas fa-undo-alt"></i> Refund Policy</a></li>
<li><a href="Licensing.html"><i class="fas fa-file-contract"></i> Licensing</a></li>
<li><a href="./blogs/terms-of-service.html"><i class="fas fa-file-alt"></i> Terms of Service</a></li>
<li><a href="./contributors.html"><i class="fas fa-users"></i> Our Contributors</a></li>
<li><a href="./blogs/sitemap.html"><i class="fa-solid fa-sitemap"></i> Site Map</a></li>
<li><a href=".Cookieo+policty.html"><i class="fas fa-cookie-bite"></i> Our Cookie Policy</a></li>
</ul>
</div>
<div class="link-wrapper wow fadeIn" data-wow-duration="1s" data-wow-delay="0.6s">
<div class="footer-title">
Expand Down
3 changes: 2 additions & 1 deletion assets/css/contributors.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -461,7 +461,7 @@ max-width: 1200px;
margin: 0 auto;
padding: 2rem 2rem;
text-align: center;
background-color: rgba(23, 45, 70,0.7);
background-color: rgba(19, 45, 70,1);
border-radius: 25px;
margin-top: 60px;
}
Expand Down Expand Up @@ -492,6 +492,7 @@ margin-bottom: 1rem;
.contributor-stat-card h3 {
font-size: 2rem;
margin-bottom: 0.5rem;
color: white;
}

.contributor-stat-card p {
Expand Down
Loading

0 comments on commit 52154a2

Please sign in to comment.