http://gs-permakultura-v-ukran.mozello.com/r2/ Пермакультура - Р2 http://gs-permakultura-v-ukran.mozello.com/r2/params/post/5010349/persha-novina Tue, 03 Jun 2025 14:56:00 +0000 <p>Це демо-текст, щоб продемонструвати як буде виглядати повідомлення в блозі. Видаліть цей пост і додайте свої власні повідомлення.</p><hr class="moze-more-divider"><p></p><p>Lorem ipsum&nbsp;</p><p><br></p> <meta charset="UTF-8"> <title>Pomodoro Розпорядок</title> <style> body { font-family: sans-serif; padding: 20px; background: #f7f7f7; } textarea { width: 100%; height: 100px; margin-bottom: 10px; padding: 10px; font-size: 16px; } button { padding: 10px 20px; font-size: 16px; cursor: pointer; background-color: #4CAF50; color: white; border: none; border-radius: 5px; } button:hover { background-color: #45a049; } .schedule { margin-top: 20px; background: #fff; padding: 15px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .block { margin-bottom: 10px; font-weight: bold; } </style> <h1>Мій розпорядок дня (Pomodoro)</h1> <p>Введи список справ (по одному на рядок):</p> <textarea id="tasks"></textarea> <br> <button onclick="generateSchedule()">Створити розпорядок</button> <div class="schedule" id="schedule"></div> <script> function generateSchedule() { const input = document.getElementById('tasks').value; const tasks = input.split('\n').filter(t => t.trim() !== ''); const scheduleDiv = document.getElementById('schedule'); scheduleDiv.innerHTML = ''; const now = new Date(); let time = now.getHours() * 60 + now.getMinutes(); // Поточний час у хвилинах const startTimeLabel = `${now.getHours().toString().padStart(2, '0')}:${now.getMinutes().toString().padStart(2, '0')}`; const pomodoroCount = document.createElement('div'); pomodoroCount.className = 'block'; pomodoroCount.textContent = `Початок: ${startTimeLabel}`; scheduleDiv.appendChild(pomodoroCount); tasks.forEach((task, index) => { // Завдання const hours = Math.floor(time / 60).toString().padStart(2, '0'); const minutes = (time % 60).toString().padStart(2, '0'); const timeLabel = `${hours}:${minutes}`; const block = document.createElement('div'); block.className = 'block'; block.textContent = `${timeLabel} — ${task} (25 хв)`; scheduleDiv.appendChild(block); time += 25; // Перерва if (index < tasks.length - 1) { const breakLength = (index + 1) % 4 === 0 ? 15 : 5; const breakHours = Math.floor(time / 60).toString().padStart(2, '0'); const breakMinutes = (time % 60).toString().padStart(2, '0'); const breakLabel = `${breakHours}:${breakMinutes}`; const breakBlock = document.createElement('div'); breakBlock.className = 'block'; breakBlock.textContent = `${breakLabel} — перерва (${breakLength} хв)`; scheduleDiv.appendChild(breakBlock); time += breakLength; } }); // Завершення const endHour = Math.floor(time / 60).toString().padStart(2, '0'); const endMin = (time % 60).toString().padStart(2, '0'); const summary = document.createElement('div'); summary.className = 'block'; summary.innerHTML = `<hr>Завершення о: <strong>${endHour}:${endMin}</strong>`; scheduleDiv.appendChild(summary); } </script>