utepovaldiyar1/hantalanding
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

finish

Browse Source
This commit is contained in:
akairatu 2025-08-04 12:16:50 +05:00
parent b429b8bc5d
commit 265bd22618
3 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/css/style.css
View File

@ -4420,9 +4420,9 @@ body {
.glow-spot {
position: absolute;
border-radius: 50%;
background: radial-gradient(circle, rgba(147, 51, 234, 0.1) 0%, rgba(147, 51, 234, 0.05) 50%, transparent 100%);
background: radial-gradient(circle, rgba(147, 51, 234, 0.08) 0%, rgba(147, 51, 234, 0.03) 50%, transparent 100%);
animation: glowSpotFloat 15s ease-in-out infinite;
opacity: 0.6;
opacity: 0.4;
}
.glow-spot:nth-child(1) {
@ -4473,19 +4473,19 @@ body {
@keyframes glowSpotFloat {
0%, 100% {
transform: translate(0, 0) scale(1);
opacity: 0.6;
opacity: 0.4;
}
25% {
transform: translate(30px, -20px) scale(1.1);
opacity: 0.8;
opacity: 0.6;
}
50% {
transform: translate(-15px, 25px) scale(0.9);
opacity: 0.4;
opacity: 0.2;
}
75% {
transform: translate(20px, 15px) scale(1.05);
opacity: 0.7;
opacity: 0.5;
}
}

12
src/index.html
View File

@ -128,9 +128,9 @@
}
}
]
},
},
"offers": {
"@type": "Offer",
"@type": "Offer",
"price": "0",
"priceCurrency": "USD",
"availability": "https://schema.org/InStock",
@ -226,7 +226,7 @@
"acceptedAnswer": {
"@type": "Answer",
"text": "Yes, we provide 100% guaranteed admission to top universities including Harvard, Oxford, Cambridge, and Stanford through our revolutionary exam preparation methods."
}
}
},
{
"@type": "Question",
@ -618,7 +618,7 @@
</div>
</section>
<section id="methodology" class="methodology-section white-section">
<section id="methodology" class="methodology-section">
<div class="purple-glow-spots">
<div class="glow-spot"></div>
<div class="glow-spot"></div>
@ -731,7 +731,7 @@
</div>
</section>
<section id="about" class="about-section white-section">
<section id="about" class="about-section">
<div class="purple-glow-spots">
<div class="glow-spot"></div>
<div class="glow-spot"></div>
@ -777,7 +777,7 @@
<div class="background-grid"></div>
</section>
<section id="success" class="success-section white-section">
<section id="success" class="success-section">
<div class="purple-glow-spots">
<div class="glow-spot"></div>
<div class="glow-spot"></div>

10
src/js/main.js
View File

@ -1281,9 +1281,9 @@ document.addEventListener('DOMContentLoaded', () => {
// ===== PURPLE GLOW SPOTS ANIMATION =====
function initPurpleGlowSpots() {
const whiteSections = document.querySelectorAll('.white-section');
const sectionsWithSpots = document.querySelectorAll('.stats-section, .methodology-section, .success-section, .about-section');
whiteSections.forEach(section => {
sectionsWithSpots.forEach(section => {
// Create additional random spots
for (let i = 0; i < 3; i++) {
const spot = document.createElement('div');
@ -1319,9 +1319,9 @@ function initPurpleGlowSpots() {
const mouseY = e.clientY / window.innerHeight;
spots.forEach((spot, index) => {
const speed = (index + 1) * 0.5;
const x = (mouseX - 0.5) * speed * 20;
const y = (mouseY - 0.5) * speed * 20;
const speed = (index + 1) * 0.3;
const x = (mouseX - 0.5) * speed * 15;
const y = (mouseY - 0.5) * speed * 15;
spot.style.transform = `translate(${x}px, ${y}px)`;
});