http://gs-permakultura-v-ukran.mozello.com/rozporjadok/ Пермакультура - Розпорядок http://gs-permakultura-v-ukran.mozello.com/rozporjadok/params/post/5010373/r2 Tue, 03 Jun 2025 15:13:00 +0000 кккккккккккккк1<hr class="moze-more-divider"><p>2</p><p><img src="https://site-1014688.mozfiles.com/files/1014688/tp.jpg" alt="tp.jpg"><br></p><p><br></p> <meta charset="UTF-8"> <title>Pomodoro Розпорядок і Таймер</title> <style> body { font-family: sans-serif; padding: 20px; background: #f0f0f0; max-width: 800px; margin: auto; } 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; margin: 5px 5px 5px 0; } button:hover { background-color: #45a049; } .schedule, .status { margin-top: 20px; background: #fff; padding: 15px; border-radius: 8px; } .block { margin-bottom: 10px; font-weight: bold; } .timer { font-size: 48px; margin: 10px 0; } </style> <h1>📋 Мій розпорядок дня (Pomodoro)</h1> <p>Введи список справ (по одному на рядок):</p> <textarea id="tasks"></textarea> <br> <button onclick="generateSchedule()" fdprocessedid="0nu5ov">Створити розпорядок</button> <div class="schedule" id="schedule"></div> <hr> <h2>⏱ Ручний Pomodoro Таймер</h2> <div> <button onclick="setManualTimer(25 * 60, 'Робота')" fdprocessedid="pof5nr">Робота (25 хв)</button> <button onclick="setManualTimer(5 * 60, 'Коротка перерва')" fdprocessedid="0apue">Коротка перерва (5 хв)</button> <button onclick="setManualTimer(15 * 60, 'Довга перерва')" fdprocessedid="o9mnk">Довга перерва (15 хв)</button> </div> <div class="status" id="manualStatus">Режим: -</div> <div class="timer" id="manualTimer">00:00</div> <button onclick="toggleManualTimer()" fdprocessedid="gnunac">▶️ Старт / ⏸ Пауза</button> <button onclick="toggleSound()" id="soundButton" fdprocessedid="su4kb8">🔊 Звук увімкнено</button> <!-- Звуковий сигнал --> <audio id="beepSound"> <source src="https://actions.google.com/sounds/v1/alarms/beep_short.ogg" type="audio/ogg"> Ваш браузер не підтримує аудіо. </audio> <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 = ''; let time = new Date(); time.setSeconds(0); time.setMilliseconds(0); tasks.forEach((task, index) => { const timeLabel = time.toTimeString().slice(0, 5); const block = document.createElement('div'); block.className = 'block'; block.textContent = `${timeLabel} — ${task} (25 хв)`; scheduleDiv.appendChild(block); time.setMinutes(time.getMinutes() + 25); if (index < tasks.length - 1) { const breakLabel = time.toTimeString().slice(0, 5); const breakBlock = document.createElement('div'); breakBlock.className = 'block'; breakBlock.textContent = `${breakLabel} — перерва (5 хв)`; scheduleDiv.appendChild(breakBlock); time.setMinutes(time.getMinutes() + 5); } }); } // 🔔 Ручний таймер із сигналом let manualTimeLeft = 0; let manualInterval; let manualRunning = false; let manualLabel = ''; let soundEnabled = true; const beep = document.getElementById('beepSound'); function setManualTimer(seconds, label) { clearInterval(manualInterval); manualTimeLeft = seconds; manualLabel = label; manualRunning = false; updateManualDisplay(); document.getElementById('manualStatus').textContent = `Режим: ${label}`; } function toggleManualTimer() { if (manualRunning) { clearInterval(manualInterval); manualRunning = false; } else { manualRunning = true; manualInterval = setInterval(() => { manualTimeLeft--; updateManualDisplay(); if (manualTimeLeft <= 0) { clearInterval(manualInterval); manualRunning = false; document.getElementById('manualStatus').textContent = `⏰ ${manualLabel} завершено!`; if (soundEnabled) beep.play(); } }, 1000); } } function updateManualDisplay() { const minutes = Math.floor(manualTimeLeft / 60).toString().padStart(2, '0'); const seconds = (manualTimeLeft % 60).toString().padStart(2, '0'); document.getElementById('manualTimer').textContent = `${minutes}:${seconds}`; } function toggleSound() { soundEnabled = !soundEnabled; document.getElementById('soundButton').textContent = soundEnabled ? '🔊 Звук увімкнено' : '🔇 Звук вимкнено'; } </script> http://gs-permakultura-v-ukran.mozello.com/rozporjadok/params/post/5010358/rozporjadok-dnja-pomodoro Tue, 03 Jun 2025 15:03:00 +0000 ееееееееееееееее<hr class="moze-more-divider"><p>1</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> http://gs-permakultura-v-ukran.mozello.com/rozporjadok/params/post/4966566/persha-novina Tue, 06 May 2025 07:49:00 +0000 <p>Це демо-текст, щоб продемонструвати як буде виглядати повідомлення в блозі. Видаліть цей пост і додайте свої власні повідомлення.</p><hr class="moze-more-divider"><p>ллллллллллллллллллл</p><p></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; } button { padding: 10px 20px; font-size: 16px; cursor: pointer; } .schedule { margin-top: 20px; background: #fff; padding: 15px; border-radius: 8px; } .block { margin-bottom: 10px; font-weight: bold; } </style> <h1>Мій розпорядок дня (Pomodoro)</h1> <p>Введи список справ (по одному на рядок):</p> <textarea id="tasks"></textarea> <br> <button onclick="generateSchedule()" fdprocessedid="j5tif4">Створити розпорядок</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 = ''; let time = 9 * 60; // Початок з 9:00 ранку 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 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} — перерва (5 хв)`; scheduleDiv.appendChild(breakBlock); time += 5; } }); } </script>