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 { .glow-spot {
position: absolute; position: absolute;
border-radius: 50%; 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; animation: glowSpotFloat 15s ease-in-out infinite;
opacity: 0.6; opacity: 0.4;
} }
.glow-spot:nth-child(1) { .glow-spot:nth-child(1) {
@ -4473,19 +4473,19 @@ body {
@keyframes glowSpotFloat { @keyframes glowSpotFloat {
0%, 100% { 0%, 100% {
transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1);
opacity: 0.6; opacity: 0.4;
} }
25% { 25% {
transform: translate(30px, -20px) scale(1.1); transform: translate(30px, -20px) scale(1.1);
opacity: 0.8; opacity: 0.6;
} }
50% { 50% {
transform: translate(-15px, 25px) scale(0.9); transform: translate(-15px, 25px) scale(0.9);
opacity: 0.4; opacity: 0.2;
} }
75% { 75% {
transform: translate(20px, 15px) scale(1.05); transform: translate(20px, 15px) scale(1.05);
opacity: 0.7; opacity: 0.5;
} }
} }

14
src/index.html
View File

@ -86,7 +86,7 @@
] ]
} }
</script> </script>
<script type="application/ld+json"> <script type="application/ld+json">
{ {
"@context": "https://schema.org", "@context": "https://schema.org",
@ -128,9 +128,9 @@
} }
} }
] ]
}, },
"offers": { "offers": {
"@type": "Offer", "@type": "Offer",
"price": "0", "price": "0",
"priceCurrency": "USD", "priceCurrency": "USD",
"availability": "https://schema.org/InStock", "availability": "https://schema.org/InStock",
@ -226,7 +226,7 @@
"acceptedAnswer": { "acceptedAnswer": {
"@type": "Answer", "@type": "Answer",
"text": "Yes, we provide 100% guaranteed admission to top universities including Harvard, Oxford, Cambridge, and Stanford through our revolutionary exam preparation methods." "text": "Yes, we provide 100% guaranteed admission to top universities including Harvard, Oxford, Cambridge, and Stanford through our revolutionary exam preparation methods."
} }
}, },
{ {
"@type": "Question", "@type": "Question",
@ -618,7 +618,7 @@
</div> </div>
</section> </section>
<section id="methodology" class="methodology-section white-section"> <section id="methodology" class="methodology-section">
<div class="purple-glow-spots"> <div class="purple-glow-spots">
<div class="glow-spot"></div> <div class="glow-spot"></div>
<div class="glow-spot"></div> <div class="glow-spot"></div>
@ -731,7 +731,7 @@
</div> </div>
</section> </section>
<section id="about" class="about-section white-section"> <section id="about" class="about-section">
<div class="purple-glow-spots"> <div class="purple-glow-spots">
<div class="glow-spot"></div> <div class="glow-spot"></div>
<div class="glow-spot"></div> <div class="glow-spot"></div>
@ -777,7 +777,7 @@
<div class="background-grid"></div> <div class="background-grid"></div>
</section> </section>
<section id="success" class="success-section white-section"> <section id="success" class="success-section">
<div class="purple-glow-spots"> <div class="purple-glow-spots">
<div class="glow-spot"></div> <div class="glow-spot"></div>
<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 ===== // ===== PURPLE GLOW SPOTS ANIMATION =====
function initPurpleGlowSpots() { 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 // Create additional random spots
for (let i = 0; i < 3; i++) { for (let i = 0; i < 3; i++) {
const spot = document.createElement('div'); const spot = document.createElement('div');
@ -1319,9 +1319,9 @@ function initPurpleGlowSpots() {
const mouseY = e.clientY / window.innerHeight; const mouseY = e.clientY / window.innerHeight;
spots.forEach((spot, index) => { spots.forEach((spot, index) => {
const speed = (index + 1) * 0.5; const speed = (index + 1) * 0.3;
const x = (mouseX - 0.5) * speed * 20; const x = (mouseX - 0.5) * speed * 15;
const y = (mouseY - 0.5) * speed * 20; const y = (mouseY - 0.5) * speed * 15;
spot.style.transform = `translate(${x}px, ${y}px)`; spot.style.transform = `translate(${x}px, ${y}px)`;
}); });