{"id":21,"date":"2026-05-28T14:55:07","date_gmt":"2026-05-28T14:55:07","guid":{"rendered":"https:\/\/skupiam.pl\/?page_id=21"},"modified":"2026-05-28T15:25:50","modified_gmt":"2026-05-28T15:25:50","slug":"pomodoro","status":"publish","type":"page","link":"https:\/\/skupiam.pl\/index.php\/pomodoro\/","title":{"rendered":"Pomodoro"},"content":{"rendered":"\n<style>\n.pom-wrap{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;max-width:520px;margin:0 auto;padding:20px}\n.pom-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:28px}\n.pom-tab{padding:8px 16px;border-radius:50px;border:2px solid #7c4dff;background:transparent;color:#7c4dff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}\n.pom-tab.active{background:#7c4dff;color:#fff}\n.pom-display{font-size:5rem;font-weight:800;text-align:center;letter-spacing:-2px;color:#1a1a2e;margin-bottom:28px;font-variant-numeric:tabular-nums}\n.pom-controls{display:flex;gap:12px;justify-content:center;margin-bottom:20px}\n.pom-btn{padding:12px 32px;border-radius:50px;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}\n.pom-start{background:#7c4dff;color:#fff;flex:1;max-width:180px}\n.pom-start:hover{background:#5c35cc}\n.pom-reset{background:#ede7ff;color:#7c4dff}\n.pom-reset:hover{background:#d8d2ef}\n.pom-count{text-align:center;color:#888;font-size:.9rem}\n.pom-count span{color:#7c4dff;font-weight:700}\n.pom-custom{display:flex;gap:8px;justify-content:center;margin-top:16px;align-items:center;flex-wrap:wrap}\n.pom-custom input{width:70px;padding:8px;border:2px solid #ede7ff;border-radius:8px;text-align:center;font-size:1rem;font-weight:600;color:#1a1a2e}\n.pom-custom button{padding:8px 16px;border-radius:8px;border:none;background:#7c4dff;color:#fff;font-weight:600;cursor:pointer}\n<\/style>\n<div class=\"pom-wrap\">\n  <div class=\"pom-tabs\">\n    <button class=\"pom-tab active\" data-time=\"1500\">Pomodoro 25 min<\/button>\n    <button class=\"pom-tab\" data-time=\"300\">Krotka przerwa 5 min<\/button>\n    <button class=\"pom-tab\" data-time=\"900\">Dluga przerwa 15 min<\/button>\n    <button class=\"pom-tab\" data-time=\"3000\">Deep Work 50 min<\/button>\n    <button class=\"pom-tab\" data-time=\"600\">Nauka 10 min<\/button>\n    <button class=\"pom-tab\" data-time=\"120\">Sprint 2 min<\/button>\n  <\/div>\n  <div class=\"pom-display\" id=\"pomDisplay\">25:00<\/div>\n  <div class=\"pom-controls\">\n    <button class=\"pom-btn pom-start\" id=\"pomStart\">Start<\/button>\n    <button class=\"pom-btn pom-reset\" id=\"pomReset\">Reset<\/button>\n  <\/div>\n  <div class=\"pom-count\">Ukonczne sesje dzisiaj: <span id=\"pomCount\">0<\/span><\/div>\n  <div class=\"pom-custom\">\n    <label style=\"color:#888;font-size:.85rem\">Wlasny czas (min):<\/label>\n    <input type=\"number\" id=\"pomCustom\" min=\"1\" max=\"999\" placeholder=\"np. 45\">\n    <button onclick=\"setCustomTime()\">Ustaw<\/button>\n  <\/div>\n<\/div>\n<script>\n(function(){\n  var display=document.getElementById('pomDisplay');\n  var startBtn=document.getElementById('pomStart');\n  var resetBtn=document.getElementById('pomReset');\n  var countEl=document.getElementById('pomCount');\n  var tabs=document.querySelectorAll('.pom-tab');\n  var total=1500,left=1500,interval=null,running=false,count=0;\n  function fmt(s){return String(Math.floor(s\/60)).padStart(2,'0')+':'+String(s%60).padStart(2,'0')}\n  function upd(){display.textContent=fmt(left);document.title=fmt(left)+' skupiam.pl'}\n  function tick(){if(left<=0){clearInterval(interval);running=false;startBtn.textContent='Start';count++;countEl.textContent=count;display.textContent='00:00';return}left--;upd()}\n  startBtn.addEventListener('click',function(){if(running){clearInterval(interval);running=false;startBtn.textContent='Start'}else{interval=setInterval(tick,1000);running=true;startBtn.textContent='Pauza'}});\n  resetBtn.addEventListener('click',function(){clearInterval(interval);running=false;left=total;startBtn.textContent='Start';upd()});\n  tabs.forEach(function(tab){tab.addEventListener('click',function(){tabs.forEach(function(t){t.classList.remove('active')});tab.classList.add('active');clearInterval(interval);running=false;total=parseInt(tab.dataset.time);left=total;startBtn.textContent='Start';upd()})});\n  window.setCustomTime=function(){var v=parseInt(document.getElementById('pomCustom').value);if(v>0){tabs.forEach(function(t){t.classList.remove('active')});clearInterval(interval);running=false;total=v*60;left=total;startBtn.textContent='Start';upd()}};\n  upd();\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Pomodoro 25 min Krotka przerwa 5 min Dluga przerwa 15 min Deep Work 50 min Nauka 10 min Sprint 2 min 25:00 Start Reset Ukonczne sesje dzisiaj: 0 Wlasny czas (min): Ustaw<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/skupiam.pl\/index.php\/wp-json\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skupiam.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skupiam.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skupiam.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/skupiam.pl\/index.php\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":3,"href":"https:\/\/skupiam.pl\/index.php\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":35,"href":"https:\/\/skupiam.pl\/index.php\/wp-json\/wp\/v2\/pages\/21\/revisions\/35"}],"wp:attachment":[{"href":"https:\/\/skupiam.pl\/index.php\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}