Cheryl’s Water Timer #2<\/title><\/p>\n<style>\n body { \n text-align: center; \/* Ensuring overall center alignment *\/ \n } \n .cheryls-timer-container { \n display: block; \/* Changed for better centering *\/ \n text-align: center; \n margin: auto; \n padding: 0.00in 0.5in 0.5in 0.5in; \n border: 4px solid purple; \/* Adding the purple frame *\/ \n background-color: white; \n } \n .cheryls-timer-container h2, \n .cheryls-timer-container #timer, \n .cheryls-timer-container label, \n .cheryls-timer-container button, \n .cheryls-timer-container input { \n color: purple; \n } \n .cheryls-timer-container #minutesInput, \n .cheryls-timer-container #glassesInput { \n width: 60%; \n padding: 10px; \n margin: 10px auto; \n display: block; \n font-size: 16px; \n text-align: center; \n font-weight: bold; \n border: 1px solid purple; \n } \n .cheryls-timer-container button { \n display: inline-block; \/* Buttons side by side *\/ \n padding: 10px 20px; \n margin: 5px; \n cursor: pointer; \n background-color: white; \n border: 1px solid purple; \n } \n .cheryls-timer-container input[type=range] { \n cursor: pointer; \n width: 60%; \n margin: 10px auto; \n } \n .digital-display { \n font-family: 'Digital-7', monospace; \n font-size: 24px; \n color: #00ff00; \n background-color: #000000; \n border: none; \n text-align: center; \n } \n <\/style>\n<\/head> \n<body><\/p>\n<div class=\"cheryls-timer-container\">\n<h2>Cheryl’s Water Timer #2<\/h2>\n<div id=\"timer\">10:00<\/div>\n<input type=\"number\" id=\"minutesInput\" placeholder=\"Minutes\" value=\"10\" onchange=\"updateInitialTimerDisplay()\"> \n<button onclick=\"startTimer()\">Start Timer<\/button> \n<button onclick=\"resetTimer()\">Reset Timer<\/button><\/p>\n<input type=\"text\" id=\"glassesInput\" class=\"digital-display\" value=\"0 Gallons\" readonly> \n<button onclick=\"addQuart()\">Add a Quart<\/button> \n<button onclick=\"addCup()\">Add a Cup<\/button> \n<button onclick=\"resetGlasses()\">Reset Jars<\/button><\/p>\n<label for=\"volumeControl\">Volume:<\/label> \n<input type=\"range\" id=\"volumeControl\" min=\"0\" max=\"100\" value=\"50\"><\/div>\n<script> \n var countdown, tickInterval; \n var audioContext = new (window.AudioContext || window.webkitAudioContext)(); \n var currentVolume = 0.5;<\/p>\n document.getElementById('volumeControl').addEventListener('input', function() { \n currentVolume = this.value \/ 100; \n });<\/p>\n function beep(duration, frequency, volume) { \n var oscillator = audioContext.createOscillator(); \n var gainNode = audioContext.createGain();<\/p>\n oscillator.connect(gainNode); \n gainNode.connect(audioContext.destination);<\/p>\n gainNode.gain.value = volume * 0.01; \n oscillator.frequency.value = frequency; \n oscillator.type = \"square\";<\/p>\n oscillator.start(audioContext.currentTime); \n oscillator.stop(audioContext.currentTime + (duration * 0.001)); \n }<\/p>\n function startTick() { \n tickInterval = setInterval(function() { \n beep(100, 1000, currentVolume * 50); \n }, 4000); \n }<\/p>\n function beepAndTick() { \n beep(500, 520, currentVolume * 100); \n setTimeout(function() { \n beep(500, 520, currentVolume * 100); \n startTick(); \n }, 500); \n }<\/p>\n function startTimer() { \n var minutes = parseInt(document.getElementById('minutesInput').value); \n var seconds = minutes * 60; \n clearInterval(countdown); \n clearInterval(tickInterval);<\/p>\n countdown = setInterval(function() { \n var minutes = Math.floor(seconds \/ 60); \n var secondsRemaining = seconds % 60;<\/p>\n document.getElementById('timer').textContent = minutes.toString().padStart(2, '0') + \":\" + secondsRemaining.toString().padStart(2, '0');<\/p>\n if (--seconds < 0) {\n clearInterval(countdown);\n beepAndTick();\n }\n }, 1000);\n }\n\n function resetTimer() {\n clearInterval(countdown);\n clearInterval(tickInterval);\n var minutes = parseInt(document.getElementById('minutesInput').value);\n document.getElementById('timer').textContent = minutes.toString().padStart(2, '0') + \":00\";\n }\n\n function addQuart() {\n totalGallons += 0.25;\n updateGlassesDisplay();\n }\n\n function addCup() {\n totalGallons += 0.0625;\n updateGlassesDisplay();\n }\n\n function updateGlassesDisplay() {\n document.getElementById('glassesInput').value = totalGallons.toFixed(2) + \" Gallons\";\n }\n\n function resetGlasses() {\n totalGallons = 0;\n updateGlassesDisplay();\n }\n\n function updateInitialTimerDisplay() {\n var minutes = document.getElementById('minutesInput').value.padStart(2, '0');\n document.getElementById('timer').textContent = minutes + \":00\";\n }\n\n updateInitialTimerDisplay();\n <\/script> \n<\/body> \n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"Cheryl’s Water Timer #2 Cheryl’s Water Timer #2 10:00 Start Timer Reset Timer Add a Quart Add a Cup Reset Jars Volume:<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-container-style":"default","site-container-layout":"default","site-sidebar-layout":"default","site-transparent-header":"default","disable-article-header":"default","disable-site-header":"default","disable-site-footer":"default","disable-content-area-spacing":"default","footnotes":""},"class_list":["post-793","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ourcarnivorejourney.com\/index.php\/wp-json\/wp\/v2\/pages\/793","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ourcarnivorejourney.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ourcarnivorejourney.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ourcarnivorejourney.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ourcarnivorejourney.com\/index.php\/wp-json\/wp\/v2\/comments?post=793"}],"version-history":[{"count":8,"href":"https:\/\/ourcarnivorejourney.com\/index.php\/wp-json\/wp\/v2\/pages\/793\/revisions"}],"predecessor-version":[{"id":802,"href":"https:\/\/ourcarnivorejourney.com\/index.php\/wp-json\/wp\/v2\/pages\/793\/revisions\/802"}],"wp:attachment":[{"href":"https:\/\/ourcarnivorejourney.com\/index.php\/wp-json\/wp\/v2\/media?parent=793"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":793,"date":"2024-01-11T21:51:45","date_gmt":"2024-01-12T04:51:45","guid":{"rendered":"https:\/\/ourcarnivorejourney.com\/?page_id=793"},"modified":"2024-01-11T23:12:28","modified_gmt":"2024-01-12T06:12:28","slug":"cheryls-water-timer-3","status":"publish","type":"page","link":"https:\/\/ourcarnivorejourney.com\/index.php\/cheryls-water-timer-3\/","title":{"rendered":"Cheryl’s Water Timer #3"},"content":{"rendered":"

\n
\n
\nCheryl’s Water Timer #2<\/title><\/p>\n<style>\n body { \n text-align: center; \/* Ensuring overall center alignment *\/ \n } \n .cheryls-timer-container { \n display: block; \/* Changed for better centering *\/ \n text-align: center; \n margin: auto; \n padding: 0.00in 0.5in 0.5in 0.5in; \n border: 4px solid purple; \/* Adding the purple frame *\/ \n background-color: white; \n } \n .cheryls-timer-container h2, \n .cheryls-timer-container #timer, \n .cheryls-timer-container label, \n .cheryls-timer-container button, \n .cheryls-timer-container input { \n color: purple; \n } \n .cheryls-timer-container #minutesInput, \n .cheryls-timer-container #glassesInput { \n width: 60%; \n padding: 10px; \n margin: 10px auto; \n display: block; \n font-size: 16px; \n text-align: center; \n font-weight: bold; \n border: 1px solid purple; \n } \n .cheryls-timer-container button { \n display: inline-block; \/* Buttons side by side *\/ \n padding: 10px 20px; \n margin: 5px; \n cursor: pointer; \n background-color: white; \n border: 1px solid purple; \n } \n .cheryls-timer-container input[type=range] { \n cursor: pointer; \n width: 60%; \n margin: 10px auto; \n } \n .digital-display { \n font-family: 'Digital-7', monospace; \n font-size: 24px; \n color: #00ff00; \n background-color: #000000; \n border: none; \n text-align: center; \n } \n <\/style>\n<\/head> \n<body><\/p>\n<div class=\"cheryls-timer-container\">\n<h2>Cheryl’s Water Timer #2<\/h2>\n<div id=\"timer\">10:00<\/div>\n<input type=\"number\" id=\"minutesInput\" placeholder=\"Minutes\" value=\"10\" onchange=\"updateInitialTimerDisplay()\"> \n<button onclick=\"startTimer()\">Start Timer<\/button> \n<button onclick=\"resetTimer()\">Reset Timer<\/button><\/p>\n<input type=\"text\" id=\"glassesInput\" class=\"digital-display\" value=\"0 Gallons\" readonly> \n<button onclick=\"addQuart()\">Add a Quart<\/button> \n<button onclick=\"addCup()\">Add a Cup<\/button> \n<button onclick=\"resetGlasses()\">Reset Jars<\/button><\/p>\n<label for=\"volumeControl\">Volume:<\/label> \n<input type=\"range\" id=\"volumeControl\" min=\"0\" max=\"100\" value=\"50\"><\/div>\n<script> \n var countdown, tickInterval; \n var audioContext = new (window.AudioContext || window.webkitAudioContext)(); \n var currentVolume = 0.5;<\/p>\n document.getElementById('volumeControl').addEventListener('input', function() { \n currentVolume = this.value \/ 100; \n });<\/p>\n function beep(duration, frequency, volume) { \n var oscillator = audioContext.createOscillator(); \n var gainNode = audioContext.createGain();<\/p>\n oscillator.connect(gainNode); \n gainNode.connect(audioContext.destination);<\/p>\n gainNode.gain.value = volume * 0.01; \n oscillator.frequency.value = frequency; \n oscillator.type = \"square\";<\/p>\n oscillator.start(audioContext.currentTime); \n oscillator.stop(audioContext.currentTime + (duration * 0.001)); \n }<\/p>\n function startTick() { \n tickInterval = setInterval(function() { \n beep(100, 1000, currentVolume * 50); \n }, 4000); \n }<\/p>\n function beepAndTick() { \n beep(500, 520, currentVolume * 100); \n setTimeout(function() { \n beep(500, 520, currentVolume * 100); \n startTick(); \n }, 500); \n }<\/p>\n function startTimer() { \n var minutes = parseInt(document.getElementById('minutesInput').value); \n var seconds = minutes * 60; \n clearInterval(countdown); \n clearInterval(tickInterval);<\/p>\n countdown = setInterval(function() { \n var minutes = Math.floor(seconds \/ 60); \n var secondsRemaining = seconds % 60;<\/p>\n document.getElementById('timer').textContent = minutes.toString().padStart(2, '0') + \":\" + secondsRemaining.toString().padStart(2, '0');<\/p>\n if (--seconds < 0) {\n clearInterval(countdown);\n beepAndTick();\n }\n }, 1000);\n }\n\n function resetTimer() {\n clearInterval(countdown);\n clearInterval(tickInterval);\n var minutes = parseInt(document.getElementById('minutesInput').value);\n document.getElementById('timer').textContent = minutes.toString().padStart(2, '0') + \":00\";\n }\n\n function addQuart() {\n totalGallons += 0.25;\n updateGlassesDisplay();\n }\n\n function addCup() {\n totalGallons += 0.0625;\n updateGlassesDisplay();\n }\n\n function updateGlassesDisplay() {\n document.getElementById('glassesInput').value = totalGallons.toFixed(2) + \" Gallons\";\n }\n\n function resetGlasses() {\n totalGallons = 0;\n updateGlassesDisplay();\n }\n\n function updateInitialTimerDisplay() {\n var minutes = document.getElementById('minutesInput').value.padStart(2, '0');\n document.getElementById('timer').textContent = minutes + \":00\";\n }\n\n updateInitialTimerDisplay();\n <\/script> \n<\/body> \n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"Cheryl’s Water Timer #2 Cheryl’s Water Timer #2 10:00 Start Timer Reset Timer Add a Quart Add a Cup Reset Jars Volume:<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-container-style":"default","site-container-layout":"default","site-sidebar-layout":"default","site-transparent-header":"default","disable-article-header":"default","disable-site-header":"default","disable-site-footer":"default","disable-content-area-spacing":"default","footnotes":""},"class_list":["post-793","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ourcarnivorejourney.com\/index.php\/wp-json\/wp\/v2\/pages\/793","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ourcarnivorejourney.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ourcarnivorejourney.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ourcarnivorejourney.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ourcarnivorejourney.com\/index.php\/wp-json\/wp\/v2\/comments?post=793"}],"version-history":[{"count":8,"href":"https:\/\/ourcarnivorejourney.com\/index.php\/wp-json\/wp\/v2\/pages\/793\/revisions"}],"predecessor-version":[{"id":802,"href":"https:\/\/ourcarnivorejourney.com\/index.php\/wp-json\/wp\/v2\/pages\/793\/revisions\/802"}],"wp:attachment":[{"href":"https:\/\/ourcarnivorejourney.com\/index.php\/wp-json\/wp\/v2\/media?parent=793"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}