finish
This commit is contained in:
parent
b429b8bc5d
commit
265bd22618
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -86,7 +86,7 @@
|
||||
]
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
@ -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>
|
||||
|
@ -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)`;
|
||||
});
|
||||
|
Loading…
Reference in New Issue
Block a user