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.

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

Pie chart generator added #3090

Closed
wants to merge 11 commits into from
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
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
90 changes: 45 additions & 45 deletions Testimonials.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="./assets/images/favicon2.webp" type="image/png" />
Expand All @@ -28,7 +28,7 @@
<link rel="stylesheet" href="navbar.css">
<link rel="stylesheet" href="./testimonials.css">
<title>Testimonials</title>

<style>
#progressBar {
position: fixed;
Expand All @@ -38,14 +38,14 @@
height: 8px;
background-color: #f76b45;
z-index: 9999;

}

* {
cursor: url('/assets/images/ads_click_24dp_000000_FILL0_wght400_GRAD0_opsz24.svg'), auto;
}


.circle {
position: absolute;
width: 25px;
Expand All @@ -55,7 +55,7 @@
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;
Expand All @@ -65,16 +65,16 @@
pointer-events: none;
z-index: 9999;
}

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

</head>

<body>
<div id="progressBar"></div>
<script>
Expand Down Expand Up @@ -117,7 +117,7 @@
<div class="circle"></div>
<div class="circle"></div>
</div>

<div id="progressBar"></div>
<div class="preloader">
<div class="loader">
Expand All @@ -133,7 +133,7 @@
</div>
</div>
</div>

</div>
</div>
<header class="header-area">
Expand Down Expand Up @@ -169,11 +169,11 @@
</li>
<li class="nav-item">
<a class="page-scroll" href="./about.html" style="color: rgb(237, 242, 244);">About Us πŸ“–</a>
</li>
</li>
<li class="nav-item">
<a class="page-scroll" href="./finance.html" style="color: rgb(237, 242, 244);">Courses πŸ“š</a>
</li>

<li class="nav-item">
<a class="page-scroll" href="./contact.html" style="color: rgb(237, 242, 244);">ContactπŸ“ž</a>
</li>
Expand Down Expand Up @@ -209,17 +209,17 @@
const toggleButton = document.getElementById('theme-toggle');
var body = document.body;
var currentTheme = localStorage.getItem('theme');

if (currentTheme === 'dark') {
body.classList.add('dark-mode');
toggleButton.classList.add('dark');
toggleButton.textContent = '🌞';
}

toggleButton.addEventListener('click', function () {
body.classList.toggle('dark-mode');
toggleButton.classList.toggle('dark');

// Update button icon based on mode
if (body.classList.contains('dark-mode')) {
toggleButton.textContent = '🌞'; // Light mode icon
Expand All @@ -232,7 +232,7 @@
});
</script>
<div class="">

<!-- Login Modal -->
<div id="myModal" class="modal">
<div class="modal-content">
Expand Down Expand Up @@ -273,22 +273,22 @@ <h3 class="join"><i class="fa-solid fa-right-to-bracket"></i> Login to join us..
</div>
</div>
</div>

<script>
// Add event listeners to the social media icons
document.getElementById('google-login').addEventListener('click', function () {
window.location.href = 'https://accounts.google.com/o/oauth2/auth?client_id=YOUR_CLIENT_ID&redirect_uri=YOUR_REDIRECT_URI&response_type=code&scope=profile email';
});

document.getElementById('facebook-login').addEventListener('click', function () {
window.location.href = 'https://www.facebook.com/v13.0/dialog/oauth?client_id=YOUR_APP_ID&redirect_uri=YOUR_REDIRECT_URI&response_type=code&scope=public_profile email';
});

document.getElementById('twitter-login').addEventListener('click', function () {
window.location.href = 'https://twitter.com/i/oauth2/authorize?client_id=YOUR_CLIENT_ID&redirect_uri=YOUR_REDIRECT_URI&response_type=code&scope=users.read';
});
</script>

<!-- Register Modal -->
<div id="registerModal" class="modal">
<div class="modal-content">
Expand Down Expand Up @@ -321,7 +321,7 @@ <h3 class="join"><i class="fa-solid fa-user"></i> Register to join us....</h3>
<div id="strength-text" style="margin-top: 5px; font-weight: bold;"></div>
</div>
</form>

<!-- Import zxcvbn library -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/zxcvbn/4.4.2/zxcvbn.js"></script>
<script>
Expand All @@ -330,12 +330,12 @@ <h3 class="join"><i class="fa-solid fa-user"></i> Register to join us....</h3>
const meter = document.getElementById('meter');
const meterContainer = document.getElementById('password-meter');
const strengthText = document.getElementById('strength-text');

if (password) {
meterContainer.style.display = 'block'; // Show the meter when typing
const result = zxcvbn(password);
const score = result.score; // Score ranges from 0 to 4

// Set meter width and color based on score
meter.style.width = (score + 1) * 20 + '%'; // Convert score to percentage
meter.style.backgroundColor = getMeterColor(score);
Expand All @@ -345,7 +345,7 @@ <h3 class="join"><i class="fa-solid fa-user"></i> Register to join us....</h3>
strengthText.innerText = ''; // Clear strength text
}
}

function getMeterColor(score) {
switch (score) {
case 0: return 'red'; // Weak
Expand All @@ -356,7 +356,7 @@ <h3 class="join"><i class="fa-solid fa-user"></i> Register to join us....</h3>
default: return 'gray';
}
}

function getStrengthText(score) {
switch (score) {
case 0: return 'Very Weak';
Expand All @@ -367,7 +367,7 @@ <h3 class="join"><i class="fa-solid fa-user"></i> Register to join us....</h3>
default: return '';
}
}

function togglePasswordVisibility(id) {
const passwordInput = document.getElementById(id);
const eyeIcon = passwordInput.nextElementSibling;
Expand All @@ -382,7 +382,7 @@ <h3 class="join"><i class="fa-solid fa-user"></i> Register to join us....</h3>
}
}
</script>

<button class="main-btn mt-2 w-100 mb-3" onclick="submitForm('registerForm')">Register</button>
<p class="text-center">Already have an account? <a href="#" id="loginLink">Login</a></p>
<div class="or-sign-in-with text-center">
Expand All @@ -400,42 +400,42 @@ <h3 class="join"><i class="fa-solid fa-user"></i> Register to join us....</h3>
</div>
</div>
</div>

<script>
// Add event listeners to the social media icons
document.getElementById('google-signup').addEventListener('click', function () {
window.location.href = 'https://accounts.google.com/o/oauth2/auth?client_id=YOUR_CLIENT_ID&redirect_uri=YOUR_REDIRECT_URI&response_type=code&scope=profile email';
});

document.getElementById('facebook-signup').addEventListener('click', function () {
window.location.href = 'https://www.facebook.com/v13.0/dialog/oauth?client_id=YOUR_APP_ID&redirect_uri=YOUR_REDIRECT_URI&response_type=code&scope=public_profile email';
});

document.getElementById('twitter-signup').addEventListener('click', function () {
window.location.href = 'https://twitter.com/i/oauth2/authorize?client_id=YOUR_CLIENT_ID&redirect_uri=YOUR_REDIRECT_URI&response_type=code&scope=users.read';
});
</script>
<script>

// Function to open the modal window
function openModal() {
var modal = document.getElementById("myModal");
modal.style.display = "block";
}

// Function to close the modal window
var loginCloseButton = document.querySelector("#myModal .close");
loginCloseButton.addEventListener("click", function () {
var modal = document.getElementById("myModal");
modal.style.display = "none";
});

var registerCloseButton = document.querySelector("#registerModal .close");
registerCloseButton.addEventListener("click", function () {
var modal = document.getElementById("registerModal");
modal.style.display = "none";
});

// Function to open the register modal window
var registerLink = document.getElementById("registerLink");
registerLink.addEventListener("click", function () {
Expand All @@ -444,7 +444,7 @@ <h3 class="join"><i class="fa-solid fa-user"></i> Register to join us....</h3>
var loginModal = document.getElementById("myModal");
loginModal.style.display = "none";
});

// Function to open the login modal window
var loginLink = document.getElementById("loginLink");
loginLink.addEventListener("click", function () {
Expand All @@ -456,7 +456,7 @@ <h3 class="join"><i class="fa-solid fa-user"></i> Register to join us....</h3>
</script>
</div>
</nav>

<nav class="mobile-menu ">
<a class="page-scroll" href="./index.html">Home 🏑</a>
<a class="page-scroll" href="./about.html">About Us πŸ“–</a>
Expand All @@ -478,17 +478,17 @@ <h3 class="join"><i class="fa-solid fa-user"></i> Register to join us....</h3>
const toggleBtn = document.getElementById('theme-toggle2');
var body = document.body;
var currentTheme = localStorage.getItem('theme');

if (currentTheme === 'dark') {
body.classList.add('dark-mode');
toggleBtn.classList.add('dark');
toggleBtn.textContent = '🌞';
}

toggleBtn.addEventListener('click', function () {
body.classList.toggle('dark-mode');
toggleBtn.classList.toggle('dark');

// Update button icon based on mode
if (body.classList.contains('dark-mode')) {
toggleBtn.textContent = '🌞'; // Light mode icon
Expand All @@ -501,13 +501,13 @@ <h3 class="join"><i class="fa-solid fa-user"></i> Register to join us....</h3>
</script>
<link href="./navbar.css" rel="stylesheet">
<script type="text/javascript" src="./navbar.js"></script>


</div>
</div>
</div>
</div>

<!-- removing intro section -->
<!-- <div id="home" class="header-hero bg_cover" style="background-image: url(./assets/images/banner-bg.svg)">
<div class="container"> -->
Expand Down Expand Up @@ -543,7 +543,7 @@ <h2 class="header-title wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0
<div id="particles-1" class="particles"></div>
</div> -->
</header>




Expand Down
5 changes: 4 additions & 1 deletion addBlog.html
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
<<<<<<< HEAD
<!DOCTYPE html>
<html lang="en">

Expand Down Expand Up @@ -913,4 +914,6 @@ <h4 class="title custom-margin">Contact Us</h4>
</script>
</body>

</html>
</html>
=======
>>>>>>> origin/branch3
Loading