<!-- ==================== СЧЁТЧИК ДНЕЙ ПРАКТИКИ ==================== -->
<style>
.day-counter {
background: linear-gradient(135deg, #2c3e50, #3498db);
color: white;
font-size: 24px;
font-weight: bold;
text-align: center;
padding: 16px 20px;
margin: 20px 0;
border-radius: 12px;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
letter-spacing: 1px;
}
.day-counter span {
font-size: 32px;
color: #f1c40f;
}
</style>
<div id="counter" class="day-counter">
Tag <span id="dayNumber">1</span> von 20
</div>
<script>
// Дата начала практики (измени, если нужно)
const startDate = new Date('2026-04-01'); // Год-Месяц-День
const today = new Date();
// Считаем разницу в днях
const diffTime = today - startDate;
const diffDays = Math.floor(diffTime / (1000 * 60 * 60 * 24)) + 1; // +1 чтобы первый день был Tag 1
// Общее количество дней практики (примерно 4 недели)
const totalDays = 20;
document.getElementById('dayNumber').textContent = diffDays;
// Можно добавить текст "von XX" если хочешь
// document.getElementById('counter').innerHTML = `Tag <span>${diffDays}</span> von ${totalDays}`;
</script>
<!-- ================================================================= -->