mirror of
https://github.com/Dvorinka/PPve.git
synced 2026-06-03 20:12:59 +00:00
test
This commit is contained in:
Dvorinka
@@ -115,36 +115,6 @@ function initializeAchievements() {
|
|||||||
// Check if achievements were enabled before
|
// Check if achievements were enabled before
|
||||||
achievementsEnabled = JSON.parse(localStorage.getItem('achievementsEnabled') || 'false');
|
achievementsEnabled = JSON.parse(localStorage.getItem('achievementsEnabled') || 'false');
|
||||||
|
|
||||||
// Initialize particle effects
|
|
||||||
const particleContainer = document.getElementById('particleContainer');
|
|
||||||
let particles = [];
|
|
||||||
|
|
||||||
function createParticle() {
|
|
||||||
const particle = document.createElement('div');
|
|
||||||
particle.className = 'particle';
|
|
||||||
|
|
||||||
// Random position
|
|
||||||
particle.style.left = Math.random() * 100 + 'vw';
|
|
||||||
particle.style.top = Math.random() * 100 + 'vh';
|
|
||||||
|
|
||||||
// Random size
|
|
||||||
const size = Math.random() * 2 + 2;
|
|
||||||
particle.style.width = size + 'px';
|
|
||||||
particle.style.height = size + 'px';
|
|
||||||
|
|
||||||
// Random color
|
|
||||||
const colors = ['#4a6cf7', '#6355f7', '#3a56d4', '#2839b0'];
|
|
||||||
particle.style.background = colors[Math.floor(Math.random() * colors.length)];
|
|
||||||
|
|
||||||
particleContainer.appendChild(particle);
|
|
||||||
particles.push(particle);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Create initial particles
|
|
||||||
for (let i = 0; i < 50; i++) {
|
|
||||||
createParticle();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Add cheat code input listener
|
// Add cheat code input listener
|
||||||
document.addEventListener('keydown', (e) => {
|
document.addEventListener('keydown', (e) => {
|
||||||
// Reset timer if no key was pressed in 2 seconds
|
// Reset timer if no key was pressed in 2 seconds
|
||||||
@@ -178,11 +148,6 @@ function initializeAchievements() {
|
|||||||
const audio = new Audio('https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3');
|
const audio = new Audio('https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3');
|
||||||
audio.play();
|
audio.play();
|
||||||
|
|
||||||
// Create burst of particles
|
|
||||||
for (let i = 0; i < 20; i++) {
|
|
||||||
createParticle();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Enable achievements
|
// Enable achievements
|
||||||
toggleAchievements();
|
toggleAchievements();
|
||||||
|
|
||||||
@@ -200,32 +165,6 @@ function initializeAchievements() {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
// Update progress bars
|
|
||||||
async function updateProgressBars() {
|
|
||||||
try {
|
|
||||||
const response = await fetch('/api/visitor-stats');
|
|
||||||
const stats = await response.json();
|
|
||||||
|
|
||||||
// Calculate progress for each achievement
|
|
||||||
const achievements = Object.values(ACHIEVEMENTS);
|
|
||||||
|
|
||||||
achievements.forEach((achievement, index) => {
|
|
||||||
if (achievement.period === "monthly") {
|
|
||||||
const progress = Math.min((stats.monthly_visits / achievement.threshold) * 100, 100);
|
|
||||||
const progressBar = document.getElementById(`achievement${index + 1}Progress`);
|
|
||||||
if (progressBar) {
|
|
||||||
progressBar.style.width = `${progress}%`;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
} catch (error) {
|
|
||||||
console.error('Error updating progress bars:', error);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Update progress bars every 5 seconds
|
|
||||||
setInterval(updateProgressBars, 5000);
|
|
||||||
|
|
||||||
// Check achievements when enabled
|
// Check achievements when enabled
|
||||||
if (achievementsEnabled) {
|
if (achievementsEnabled) {
|
||||||
checkAchievements();
|
checkAchievements();
|
||||||
|
|||||||
+23
-124
@@ -17,31 +17,22 @@
|
|||||||
|
|
||||||
/* Achievements styles */
|
/* Achievements styles */
|
||||||
#achievementsDisplay {
|
#achievementsDisplay {
|
||||||
width: 100%;
|
position: fixed;
|
||||||
max-width: 1200px;
|
top: 10px;
|
||||||
margin: 0 auto;
|
right: 10px;
|
||||||
background: rgba(255, 255, 255, 0.95);
|
background: white;
|
||||||
padding: 2rem;
|
padding: 1rem;
|
||||||
border-radius: 20px;
|
border-radius: 0.5rem;
|
||||||
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
|
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
||||||
backdrop-filter: blur(10px);
|
|
||||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
|
||||||
display: none;
|
display: none;
|
||||||
margin-bottom: 2rem;
|
z-index: 1000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.achievement-item {
|
.achievement-item {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 1.5rem;
|
padding: 0.5rem;
|
||||||
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
|
border-bottom: 1px solid #eee;
|
||||||
transition: all 0.3s ease;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.achievement-item:hover {
|
|
||||||
background: rgba(255, 255, 255, 0.1);
|
|
||||||
transform: translateX(10px);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.achievement-item:last-child {
|
.achievement-item:last-child {
|
||||||
@@ -49,85 +40,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.achievement-icon {
|
.achievement-icon {
|
||||||
font-size: 2rem;
|
|
||||||
margin-right: 1.5rem;
|
|
||||||
animation: float 3s ease-in-out infinite;
|
|
||||||
}
|
|
||||||
|
|
||||||
.achievement-content {
|
|
||||||
flex: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.achievement-title {
|
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
font-weight: bold;
|
margin-right: 0.75rem;
|
||||||
margin-bottom: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.achievement-description {
|
|
||||||
color: #666;
|
|
||||||
font-size: 0.9rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.achievement-progress {
|
|
||||||
width: 100%;
|
|
||||||
height: 4px;
|
|
||||||
background: #eee;
|
|
||||||
border-radius: 2px;
|
|
||||||
margin-top: 1rem;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.achievement-progress-bar {
|
|
||||||
height: 100%;
|
|
||||||
background: linear-gradient(90deg, #4a6cf7, #6355f7);
|
|
||||||
width: 0;
|
|
||||||
transition: width 0.5s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes float {
|
|
||||||
0% {
|
|
||||||
transform: translateY(0px);
|
|
||||||
}
|
|
||||||
50% {
|
|
||||||
transform: translateY(-10px);
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
transform: translateY(0px);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Particle effects */
|
|
||||||
.particle-container {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.particle {
|
|
||||||
position: absolute;
|
|
||||||
width: 4px;
|
|
||||||
height: 4px;
|
|
||||||
background: rgba(255, 255, 255, 0.8);
|
|
||||||
border-radius: 50%;
|
|
||||||
animation: particle 2s infinite;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes particle {
|
|
||||||
0% {
|
|
||||||
transform: translateY(0) translateX(0) scale(1);
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
50% {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
transform: translateY(100vh) translateX(100vw) scale(0);
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<script>
|
<script>
|
||||||
@@ -703,49 +617,34 @@
|
|||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
<!-- Particle effects container -->
|
|
||||||
<div class="particle-container" id="particleContainer"></div>
|
|
||||||
|
|
||||||
<!-- Achievements display -->
|
<!-- Achievements display -->
|
||||||
<div id="achievementsDisplay">
|
<div id="achievementsDisplay">
|
||||||
<div class="achievement-item">
|
<div class="achievement-item">
|
||||||
<i class="fas fa-star achievement-icon text-yellow-500"></i>
|
<i class="fas fa-star achievement-icon text-yellow-500"></i>
|
||||||
<div class="achievement-content">
|
<div>
|
||||||
<h4 class="achievement-title">Nováček</h4>
|
<h4 class="font-bold">Nováček</h4>
|
||||||
<p class="achievement-description">První návštěva na portálu</p>
|
<p class="text-sm text-gray-600">První návštěva na portálu</p>
|
||||||
<div class="achievement-progress">
|
|
||||||
<div class="achievement-progress-bar" id="achievement1Progress"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="achievement-item">
|
<div class="achievement-item">
|
||||||
<i class="fas fa-clock-rotate-left achievement-icon text-blue-500"></i>
|
<i class="fas fa-clock-rotate-left achievement-icon text-blue-500"></i>
|
||||||
<div class="achievement-content">
|
<div>
|
||||||
<h4 class="achievement-title">Pravidelný návštěvník</h4>
|
<h4 class="font-bold">Pravidelný návštěvník</h4>
|
||||||
<p class="achievement-description">10 návštěv za měsíc</p>
|
<p class="text-sm text-gray-600">10 návštěv za měsíc</p>
|
||||||
<div class="achievement-progress">
|
|
||||||
<div class="achievement-progress-bar" id="achievement2Progress"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="achievement-item">
|
<div class="achievement-item">
|
||||||
<i class="fas fa-rocket achievement-icon text-purple-500"></i>
|
<i class="fas fa-rocket achievement-icon text-purple-500"></i>
|
||||||
<div class="achievement-content">
|
<div>
|
||||||
<h4 class="achievement-title">Power User</h4>
|
<h4 class="font-bold">Power User</h4>
|
||||||
<p class="achievement-description">50 návštěv za měsíc</p>
|
<p class="text-sm text-gray-600">50 návštěv za měsíc</p>
|
||||||
<div class="achievement-progress">
|
|
||||||
<div class="achievement-progress-bar" id="achievement3Progress"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="achievement-item">
|
<div class="achievement-item">
|
||||||
<i class="fas fa-award achievement-icon text-gold"></i>
|
<i class="fas fa-award achievement-icon text-gold"></i>
|
||||||
<div class="achievement-content">
|
<div>
|
||||||
<h4 class="achievement-title">Super Fan</h4>
|
<h4 class="font-bold">Super Fan</h4>
|
||||||
<p class="achievement-description">100 návštěv za měsíc</p>
|
<p class="text-sm text-gray-600">100 návštěv za měsíc</p>
|
||||||
<div class="achievement-progress">
|
|
||||||
<div class="achievement-progress-bar" id="achievement4Progress"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user