diff --git a/README.md b/README.md index f62b9e3..6b81a1d 100644 --- a/README.md +++ b/README.md @@ -42,8 +42,6 @@ To-Do List ------------- 1. Produce background music for exercises (or find soothing royalty free one) - 2. Record audio voiceovers for exercises - 3. Add voiceovers for exercises in functions Development ------------- diff --git a/js/script.js b/js/script.js index 6bcaacf..6731acb 100755 --- a/js/script.js +++ b/js/script.js @@ -26,13 +26,20 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Are You Ready? exHeader.textContent = "Are You Ready?"; + audioElement.setAttribute("src", "media/areyouready.mp3"); + audioElement.play(); // Get Set? setTimeout(function() { exHeader.textContent = "Get Set!"; + audioElement.setAttribute("src", "media/getset.mp3"); + audioElement.play(); }, 1000); }, blinkingExercise = function(nextFunc) { exHeader.textContent = "Blink quickly"; + audioElement.setAttribute("src", "media/blinkquickly.mp3"); + audioElement.play(); + palmingoutput.innerHTML = '

 

 

'; // Initialize blinking onload @@ -58,6 +65,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Stop Blinking setTimeout(function() { exHeader.textContent = "Exercise completed"; + audioElement.setAttribute("src", "media/exercisecompleted.mp3"); + audioElement.play(); TweenMax.to(".blinkquickly .toplid", 0.15, { y: -105, @@ -89,10 +98,6 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, }; }, 5000); }, - finishedSound = function() { - audioElement.setAttribute("src", "https://michaelsboost.com/Michaels-Workout-App/media/complete.mp3"); - audioElement.play(); - }, palmingInstr = function() { var msg1 = "The palming exercise helps with relaxing the eye muscles, and soothing the optic nerves. Even if you're not trying to improve your eyesight with eye exercises, Palming is still beneficial for eye relaxation, for instance: relieving stress after a long day's work at the computer or reading. \"Palming\" must be performed without glasses or contact lenses.

", msg2 = "This exercise should be performed in a sitting position, with elbows on a steady surface like a table. If you don't have a table close by, you can also use your lap. Remember that your posture plays a significant role. Take a few moments to rub your hands together until they feel warm. Interlock your fingers tightly with your palms facing each other, and cover your eyes with your hands. The bottom of your palms should be covering your nose, but your hands should not be touching your eyes, just blocking the light.

", @@ -113,6 +118,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Start audio for audio exercise runTimer = setTimeout(function() { exHeader.textContent = "Rub your palms together" + audioElement.setAttribute("src", "media/rubyourpalmstogether.mp3"); + audioElement.play(); // Initialize rubbing hands together TweenMax.to(".lefthand", 0.1, { @@ -133,8 +140,12 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Then cover your eyes runTimer = setTimeout(function() { exHeader.textContent = "Cover your open eyes with your hands"; + audioElement.setAttribute("src", "media/coveryoureyeswithhands.mp3"); + audioElement.play(); setTimeout(function() { exHeader.textContent = "Stare at your warm palms for 15 seconds"; + audioElement.setAttribute("src", "media/stareatpalms15sec.mp3"); + audioElement.play(); }, 4000); palmingoutput.innerHTML = '

 

' + '' + '

 

'; @@ -188,6 +199,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Start audio for audio exercise runTimer = setTimeout(function() { exHeader.textContent = "Look up" + audioElement.setAttribute("src", "media/lookup.mp3"); + audioElement.play(); // Look up TweenMax.to(".updownexer .leftiris", 0.1, { @@ -208,6 +221,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look down runTimer = setTimeout(function() { exHeader.textContent = "Look down" + audioElement.setAttribute("src", "media/lookdown.mp3"); + audioElement.play(); TweenMax.to(".updownexer .leftiris", 0.1, { y: 90, @@ -228,6 +243,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look up runTimer = setTimeout(function() { exHeader.textContent = "Look up" + audioElement.setAttribute("src", "media/up.mp3"); + audioElement.play(); TweenMax.to(".updownexer .leftiris", 0.1, { y: -90, @@ -248,6 +265,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look down runTimer = setTimeout(function() { exHeader.textContent = "Look down" + audioElement.setAttribute("src", "media/down.mp3"); + audioElement.play(); TweenMax.to(".updownexer .leftiris", 0.1, { y: 90, @@ -268,6 +287,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look up runTimer = setTimeout(function() { exHeader.textContent = "Look up" + audioElement.setAttribute("src", "media/up.mp3"); + audioElement.play(); TweenMax.to(".updownexer .leftiris", 0.1, { y: -90, @@ -288,6 +309,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look down runTimer = setTimeout(function() { exHeader.textContent = "Look down" + audioElement.setAttribute("src", "media/down.mp3"); + audioElement.play(); TweenMax.to(".updownexer .leftiris", 0.1, { y: 90, @@ -339,6 +362,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Start audio for audio exercise runTimer = setTimeout(function() { exHeader.textContent = "Look left" + audioElement.setAttribute("src", "media/lookleft.mp3"); + audioElement.play(); // Look left TweenMax.to(".leftrightexer .leftiris", 0.1, { @@ -359,6 +384,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look right runTimer = setTimeout(function() { exHeader.textContent = "Look right" + audioElement.setAttribute("src", "media/lookright.mp3"); + audioElement.play(); TweenMax.to(".leftrightexer .leftiris", 0.1, { x: 90, @@ -379,6 +406,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look left runTimer = setTimeout(function() { exHeader.textContent = "Look left" + audioElement.setAttribute("src", "media/left.mp3"); + audioElement.play(); TweenMax.to(".leftrightexer .leftiris", 0.1, { x: -90, @@ -399,6 +428,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look right runTimer = setTimeout(function() { exHeader.textContent = "Look right" + audioElement.setAttribute("src", "media/right.mp3"); + audioElement.play(); TweenMax.to(".leftrightexer .leftiris", 0.1, { x: 90, @@ -419,6 +450,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look left runTimer = setTimeout(function() { exHeader.textContent = "Look left" + audioElement.setAttribute("src", "media/left.mp3"); + audioElement.play(); TweenMax.to(".leftrightexer .leftiris", 0.1, { x: -90, @@ -439,6 +472,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look right runTimer = setTimeout(function() { exHeader.textContent = "Look right" + audioElement.setAttribute("src", "media/right.mp3"); + audioElement.play(); TweenMax.to(".leftrightexer .leftiris", 0.1, { x: 90, @@ -490,6 +525,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Start audio for audio exercise runTimer = setTimeout(function() { exHeader.textContent = "Look top-left" + audioElement.setAttribute("src", "media/looktopleft.mp3"); + audioElement.play(); // Look top-left TweenMax.to(".diagexer .leftiris", 0.1, { @@ -510,6 +547,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look bottom-right runTimer = setTimeout(function() { exHeader.textContent = "Look bottom-right" + audioElement.setAttribute("src", "media/bottomright.mp3"); + audioElement.play(); TweenMax.to(".diagexer .leftiris", 0.1, { y: 60, @@ -530,6 +569,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look top-left runTimer = setTimeout(function() { exHeader.textContent = "Look top-left" + audioElement.setAttribute("src", "media/topleft.mp3"); + audioElement.play(); TweenMax.to(".diagexer .leftiris", 0.1, { y: -60, @@ -550,6 +591,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look bottom-right runTimer = setTimeout(function() { exHeader.textContent = "Look bottom-right" + audioElement.setAttribute("src", "media/bottomright.mp3"); + audioElement.play(); TweenMax.to(".diagexer .leftiris", 0.1, { y: 60, @@ -570,6 +613,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look top-left runTimer = setTimeout(function() { exHeader.textContent = "Look top-left" + audioElement.setAttribute("src", "media/topleft.mp3"); + audioElement.play(); TweenMax.to(".diagexer .leftiris", 0.1, { y: -60, @@ -590,6 +635,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look bottom-right runTimer = setTimeout(function() { exHeader.textContent = "Look bottom-right" + audioElement.setAttribute("src", "media/bottomright.mp3"); + audioElement.play(); TweenMax.to(".diagexer .leftiris", 0.1, { y: 60, @@ -638,6 +685,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Start audio for audio exercise runTimer = setTimeout(function() { exHeader.textContent = "Look top-right" + audioElement.setAttribute("src", "media/looktopright.mp3"); + audioElement.play(); // Look top-right TweenMax.to(".diagrexer .leftiris", 0.1, { @@ -658,6 +707,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look bottom-left runTimer = setTimeout(function() { exHeader.textContent = "Look bottom-left" + audioElement.setAttribute("src", "media/bottomleft.mp3"); + audioElement.play(); TweenMax.to(".diagrexer .leftiris", 0.1, { y: 60, @@ -678,6 +729,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look top-right runTimer = setTimeout(function() { exHeader.textContent = "Look top-right" + audioElement.setAttribute("src", "media/looktopright.mp3"); + audioElement.play(); TweenMax.to(".diagrexer .leftiris", 0.1, { y: -60, @@ -698,6 +751,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look bottom-left runTimer = setTimeout(function() { exHeader.textContent = "Look bottom-left" + audioElement.setAttribute("src", "media/bottomleft.mp3"); + audioElement.play(); TweenMax.to(".diagrexer .leftiris", 0.1, { y: 60, @@ -718,6 +773,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look top-right runTimer = setTimeout(function() { exHeader.textContent = "Look top-right" + audioElement.setAttribute("src", "media/looktopright.mp3"); + audioElement.play(); TweenMax.to(".diagrexer .leftiris", 0.1, { y: -60, @@ -738,6 +795,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look bottom-left runTimer = setTimeout(function() { exHeader.textContent = "Look bottom-left" + audioElement.setAttribute("src", "media/bottomleft.mp3"); + audioElement.play(); TweenMax.to(".diagrexer .leftiris", 0.1, { y: 60, @@ -789,6 +848,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Start audio for audio exercise runTimer = setTimeout(function() { exHeader.textContent = "Look bottom-left" + audioElement.setAttribute("src", "media/lookbottomleft.mp3"); + audioElement.play(); // Look bottom-left TweenMax.to(".rectexer .leftiris", 0.1, { @@ -809,6 +870,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look top-left runTimer = setTimeout(function() { exHeader.textContent = "Look top-left" + audioElement.setAttribute("src", "media/topleft.mp3"); + audioElement.play(); TweenMax.to(".rectexer .leftiris", 0.1, { y: -60, @@ -829,6 +892,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look top-right runTimer = setTimeout(function() { exHeader.textContent = "Look top-right" + audioElement.setAttribute("src", "media/topright.mp3"); + audioElement.play(); TweenMax.to(".rectexer .leftiris", 0.1, { y: -60, @@ -849,6 +914,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look bottom-right runTimer = setTimeout(function() { exHeader.textContent = "Look bottom-right" + audioElement.setAttribute("src", "media/bottomright.mp3"); + audioElement.play(); TweenMax.to(".rectexer .leftiris", 0.1, { y: 60, @@ -869,6 +936,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look bottom-left runTimer = setTimeout(function() { exHeader.textContent = "Look bottom-left" + audioElement.setAttribute("src", "media/bottomleft.mp3"); + audioElement.play(); TweenMax.to(".rectexer .leftiris", 0.1, { y: 60, @@ -889,6 +958,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look top-left runTimer = setTimeout(function() { exHeader.textContent = "Look top-left" + audioElement.setAttribute("src", "media/topleft.mp3"); + audioElement.play(); TweenMax.to(".rectexer .leftiris", 0.1, { y: -60, @@ -909,6 +980,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look top-right runTimer = setTimeout(function() { exHeader.textContent = "Look top-right" + audioElement.setAttribute("src", "media/topright.mp3"); + audioElement.play(); TweenMax.to(".rectexer .leftiris", 0.1, { y: -60, @@ -929,6 +1002,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look bottom-right runTimer = setTimeout(function() { exHeader.textContent = "Look bottom-right" + audioElement.setAttribute("src", "media/bottomright.mp3"); + audioElement.play(); TweenMax.to(".rectexer .leftiris", 0.1, { y: 60, @@ -949,6 +1024,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look bottom-left runTimer = setTimeout(function() { exHeader.textContent = "Look bottom-left" + audioElement.setAttribute("src", "media/bottomleft.mp3"); + audioElement.play(); TweenMax.to(".rectexer .leftiris", 0.1, { y: 60, @@ -969,6 +1046,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look top-left runTimer = setTimeout(function() { exHeader.textContent = "Look top-left" + audioElement.setAttribute("src", "media/topleft.mp3"); + audioElement.play(); TweenMax.to(".rectexer .leftiris", 0.1, { y: -60, @@ -989,6 +1068,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look top-right runTimer = setTimeout(function() { exHeader.textContent = "Look top-right" + audioElement.setAttribute("src", "media/topright.mp3"); + audioElement.play(); TweenMax.to(".rectexer .leftiris", 0.1, { y: -60, @@ -1009,6 +1090,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look bottom-right runTimer = setTimeout(function() { exHeader.textContent = "Look bottom-right" + audioElement.setAttribute("src", "media/bottomright.mp3"); + audioElement.play(); TweenMax.to(".rectexer .leftiris", 0.1, { y: 60, @@ -1029,6 +1112,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look bottom-left runTimer = setTimeout(function() { exHeader.textContent = "Look bottom-left" + audioElement.setAttribute("src", "media/bottomleft.mp3"); + audioElement.play(); TweenMax.to(".rectexer .leftiris", 0.1, { y: 60, @@ -1077,6 +1162,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Start audio for audio exercise runTimer = setTimeout(function() { exHeader.textContent = "Look top-left" + audioElement.setAttribute("src", "media/looktopleft.mp3"); + audioElement.play(); // Look top-left TweenMax.to(".rectrexer .leftiris", 0.1, { @@ -1097,6 +1184,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look bottom-left runTimer = setTimeout(function() { exHeader.textContent = "Look bottom-left" + audioElement.setAttribute("src", "media/bottomleft.mp3"); + audioElement.play(); TweenMax.to(".rectrexer .leftiris", 0.1, { y: 60, @@ -1117,6 +1206,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look bottom-right runTimer = setTimeout(function() { exHeader.textContent = "Look bottom-right" + audioElement.setAttribute("src", "media/bottomright.mp3"); + audioElement.play(); TweenMax.to(".rectrexer .leftiris", 0.1, { y: 60, @@ -1137,6 +1228,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look top-right runTimer = setTimeout(function() { exHeader.textContent = "Look top-right" + audioElement.setAttribute("src", "media/topright.mp3"); + audioElement.play(); TweenMax.to(".rectrexer .leftiris", 0.1, { y: -60, @@ -1157,6 +1250,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look top-left runTimer = setTimeout(function() { exHeader.textContent = "Look top-left" + audioElement.setAttribute("src", "media/topleft.mp3"); + audioElement.play(); TweenMax.to(".rectrexer .leftiris", 0.1, { y: -60, @@ -1177,6 +1272,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look bottom-left runTimer = setTimeout(function() { exHeader.textContent = "Look bottom-left" + audioElement.setAttribute("src", "media/bottomleft.mp3"); + audioElement.play(); TweenMax.to(".rectrexer .leftiris", 0.1, { y: 60, @@ -1197,6 +1294,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look bottom-right runTimer = setTimeout(function() { exHeader.textContent = "Look bottom-right" + audioElement.setAttribute("src", "media/bottomright.mp3"); + audioElement.play(); TweenMax.to(".rectrexer .leftiris", 0.1, { y: 60, @@ -1217,6 +1316,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look top-right runTimer = setTimeout(function() { exHeader.textContent = "Look top-right" + audioElement.setAttribute("src", "media/topright.mp3"); + audioElement.play(); TweenMax.to(".rectrexer .leftiris", 0.1, { y: -60, @@ -1237,6 +1338,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look top-left runTimer = setTimeout(function() { exHeader.textContent = "Look top-left" + audioElement.setAttribute("src", "media/topleft.mp3"); + audioElement.play(); TweenMax.to(".rectrexer .leftiris", 0.1, { y: -60, @@ -1257,6 +1360,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look bottom-left runTimer = setTimeout(function() { exHeader.textContent = "Look bottom-left" + audioElement.setAttribute("src", "media/bottomleft.mp3"); + audioElement.play(); TweenMax.to(".rectrexer .leftiris", 0.1, { y: 60, @@ -1277,6 +1382,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look bottom-right runTimer = setTimeout(function() { exHeader.textContent = "Look bottom-right" + audioElement.setAttribute("src", "media/bottomright.mp3"); + audioElement.play(); TweenMax.to(".rectrexer .leftiris", 0.1, { y: 60, @@ -1297,6 +1404,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look top-right runTimer = setTimeout(function() { exHeader.textContent = "Look top-right" + audioElement.setAttribute("src", "media/topright.mp3"); + audioElement.play(); TweenMax.to(".rectrexer .leftiris", 0.1, { y: -60, @@ -1317,6 +1426,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Look top-left runTimer = setTimeout(function() { exHeader.textContent = "Look top-left" + audioElement.setAttribute("src", "media/topleft.mp3"); + audioElement.play(); TweenMax.to(".rectrexer .leftiris", 0.1, { y: -60, @@ -1368,6 +1479,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Start audio for audio exercise runTimer = setTimeout(function() { exHeader.textContent = "Look up at 12:00" + audioElement.setAttribute("src", "media/moveeyescwfrom12clock.mp3"); + audioElement.play(); // Look up at 12:00 TweenLite.defaultEase = Linear.easeNone; @@ -1433,6 +1546,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // To 12:00 runTimer = setTimeout(function() { exHeader.textContent = "To 12:00" + audioElement.setAttribute("src", "media/up.mp3"); + audioElement.play(); TweenMax.to(".clockexer .rightEye", 2, { rotation: 360, @@ -1449,6 +1564,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // To 3:00 runTimer = setTimeout(function() { exHeader.textContent = "To 3:00" + audioElement.setAttribute("src", "media/right.mp3"); + audioElement.play(); TweenMax.to(".clockexer .rightEye", 2, { rotation: 360 + 90, @@ -1465,6 +1582,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // To 6:00 runTimer = setTimeout(function() { exHeader.textContent = "To 6:00" + audioElement.setAttribute("src", "media/down.mp3"); + audioElement.play(); TweenMax.to(".clockexer .rightEye", 2, { rotation: 360 + 180, @@ -1481,6 +1600,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // To 9:00 runTimer = setTimeout(function() { exHeader.textContent = "To 9:00" + audioElement.setAttribute("src", "media/left.mp3"); + audioElement.play(); TweenMax.to(".clockexer .rightEye", 2, { rotation: 360 + 270, @@ -1497,6 +1618,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // To 12:00 runTimer = setTimeout(function() { exHeader.textContent = "To 12:00" + audioElement.setAttribute("src", "media/up.mp3"); + audioElement.play(); TweenMax.to(".clockexer .rightEye", 2, { rotation: 720, @@ -1513,6 +1636,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // To 3:00 runTimer = setTimeout(function() { exHeader.textContent = "To 3:00" + audioElement.setAttribute("src", "media/right.mp3"); + audioElement.play(); TweenMax.to(".clockexer .rightEye", 2, { rotation: 720 + 90, @@ -1529,6 +1654,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // To 6:00 runTimer = setTimeout(function() { exHeader.textContent = "To 6:00" + audioElement.setAttribute("src", "media/down.mp3"); + audioElement.play(); TweenMax.to(".clockexer .rightEye", 2, { rotation: 720 + 180, @@ -1545,6 +1672,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // To 9:00 runTimer = setTimeout(function() { exHeader.textContent = "To 9:00" + audioElement.setAttribute("src", "media/left.mp3"); + audioElement.play(); TweenMax.to(".clockexer .rightEye", 2, { rotation: 720 + 270, @@ -1561,6 +1690,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Back to 12:00 runTimer = setTimeout(function() { exHeader.textContent = "Back to 12:00" + audioElement.setAttribute("src", "media/up.mp3"); + audioElement.play(); TweenMax.to(".clockexer .rightEye", 2, { rotation: 1080, @@ -1605,6 +1736,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Start audio for audio exercise runTimer = setTimeout(function() { exHeader.textContent = "Look up at 12:00" + audioElement.setAttribute("src", "media/moveeyesccwfrom12clock.mp3"); + audioElement.play(); // Look up at 12:00 TweenLite.defaultEase = Linear.easeNone; @@ -1670,6 +1803,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // To 12:00 runTimer = setTimeout(function() { exHeader.textContent = "To 12:00" + audioElement.setAttribute("src", "media/up.mp3"); + audioElement.play(); TweenMax.to(".clockexer .rightEye", 2, { rotation: -360, @@ -1686,6 +1821,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // To 9:00 runTimer = setTimeout(function() { exHeader.textContent = "To 9:00" + audioElement.setAttribute("src", "media/left.mp3"); + audioElement.play(); TweenMax.to(".clockexer .rightEye", 2, { rotation: -360 + -90, @@ -1702,6 +1839,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // To 6:00 runTimer = setTimeout(function() { exHeader.textContent = "To 6:00" + audioElement.setAttribute("src", "media/down.mp3"); + audioElement.play(); TweenMax.to(".clockexer .rightEye", 2, { rotation: -360 + -180, @@ -1718,6 +1857,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // To 3:00 runTimer = setTimeout(function() { exHeader.textContent = "To 3:00" + audioElement.setAttribute("src", "media/right.mp3"); + audioElement.play(); TweenMax.to(".clockexer .rightEye", 2, { rotation: -360 + -270, @@ -1734,6 +1875,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // To 12:00 runTimer = setTimeout(function() { exHeader.textContent = "To 12:00" + audioElement.setAttribute("src", "media/up.mp3"); + audioElement.play(); TweenMax.to(".clockexer .rightEye", 2, { rotation: -720, @@ -1750,6 +1893,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // To 9:00 runTimer = setTimeout(function() { exHeader.textContent = "To 9:00" + audioElement.setAttribute("src", "media/left.mp3"); + audioElement.play(); TweenMax.to(".clockexer .rightEye", 2, { rotation: -720 + -90, @@ -1766,6 +1911,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // To 6:00 runTimer = setTimeout(function() { exHeader.textContent = "To 6:00" + audioElement.setAttribute("src", "media/down.mp3"); + audioElement.play(); TweenMax.to(".clockexer .rightEye", 2, { rotation: -720 + -180, @@ -1782,6 +1929,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // To 3:00 runTimer = setTimeout(function() { exHeader.textContent = "To 3:00" + audioElement.setAttribute("src", "media/right.mp3"); + audioElement.play(); TweenMax.to(".clockexer .rightEye", 2, { rotation: -720 + -270, @@ -1798,6 +1947,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Back to 12:00 runTimer = setTimeout(function() { exHeader.textContent = "Back to 12:00" + audioElement.setAttribute("src", "media/up.mp3"); + audioElement.play(); TweenMax.to(".clockexer .rightEye", 2, { rotation: -1080, @@ -1846,6 +1997,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Start audio for audio exercise runTimer = setTimeout(function() { exHeader.textContent = "Focus on the tip of your index finger" + audioElement.setAttribute("src", "media/focusontipofindexfinger.mp3"); + audioElement.play(); // Focus on the tip of your finger TweenMax.to(".focusingexer .leftiris", 0.1, { @@ -1873,6 +2026,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Move it back and forth slowly runTimer = setTimeout(function() { exHeader.textContent = "Move it back and forth slowly" + audioElement.setAttribute("src", "media/moveitbackandforth.mp3"); + audioElement.play(); TweenMax.to(".focusingexer .leftiris", 3, { y: 20, @@ -1901,31 +2056,43 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Forwards runTimer = setTimeout(function() { exHeader.textContent = "Forwards" + audioElement.setAttribute("src", "media/forwards.mp3"); + audioElement.play(); }, 9000); // Backwards runTimer = setTimeout(function() { exHeader.textContent = "Backwards" + audioElement.setAttribute("src", "media/back.mp3"); + audioElement.play(); }, 12000); // Forwards runTimer = setTimeout(function() { exHeader.textContent = "Forwards" + audioElement.setAttribute("src", "media/forwards.mp3"); + audioElement.play(); }, 15000); // Backwards runTimer = setTimeout(function() { exHeader.textContent = "Backwards" + audioElement.setAttribute("src", "media/back.mp3"); + audioElement.play(); }, 18000); // Forwards runTimer = setTimeout(function() { exHeader.textContent = "Forwards" + audioElement.setAttribute("src", "media/forwards.mp3"); + audioElement.play(); }, 21000); // Backwards runTimer = setTimeout(function() { exHeader.textContent = "Backwards" + audioElement.setAttribute("src", "media/back.mp3"); + audioElement.play(); }, 24000); // Blink quickly @@ -1964,6 +2131,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Start audio for audio exercise runTimer = setTimeout(function() { exHeader.textContent = "Focus on the tip of your index finger" + audioElement.setAttribute("src", "media/focusontipofindexfinger.mp3"); + audioElement.play(); // Focus on the tip of your finger TweenMax.to(".focusingexer .leftiris", 0.1, { @@ -1991,6 +2160,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Focus on something away runTimer = setTimeout(function() { exHeader.textContent = "Focus on something away" + audioElement.setAttribute("src", "media/focusonsomethingaway.mp3"); + audioElement.play(); TweenMax.to(".focusingexer .leftiris", 0.1, { y: 0, @@ -2018,6 +2189,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Focus on the tip of your index finger runTimer = setTimeout(function() { exHeader.textContent = "Focus on the tip of your index finger" + audioElement.setAttribute("src", "media/focusontipofindexfinger.mp3"); + audioElement.play(); TweenMax.to(".focusingexer .leftiris", 0.1, { y: 10, @@ -2045,6 +2218,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Focus on something away runTimer = setTimeout(function() { exHeader.textContent = "Focus on something away" + audioElement.setAttribute("src", "media/focusonsomethingaway.mp3"); + audioElement.play(); TweenMax.to(".focusingexer .leftiris", 0.1, { y: 0, @@ -2072,6 +2247,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Focus on the tip of your index finger runTimer = setTimeout(function() { exHeader.textContent = "Focus on the tip of your index finger" + audioElement.setAttribute("src", "media/focusontipofindexfinger.mp3"); + audioElement.play(); TweenMax.to(".focusingexer .leftiris", 0.1, { y: 10, @@ -2099,6 +2276,8 @@ var counter = 0, countPause = 1, runTimer, unsupportedBrowser, // Focus on something away runTimer = setTimeout(function() { exHeader.textContent = "Focus on something away" + audioElement.setAttribute("src", "media/focusonsomethingaway.mp3"); + audioElement.play(); TweenMax.to(".focusingexer .leftiris", 0.1, { y: 0, diff --git a/media/areyouready.mp3 b/media/areyouready.mp3 new file mode 100644 index 0000000..29b78f7 Binary files /dev/null and b/media/areyouready.mp3 differ diff --git a/media/areyouready.wav b/media/areyouready.wav deleted file mode 100644 index 73b5331..0000000 Binary files a/media/areyouready.wav and /dev/null differ diff --git a/media/back.mp3 b/media/back.mp3 new file mode 100644 index 0000000..1853e5a Binary files /dev/null and b/media/back.mp3 differ diff --git a/media/blinkquickly.mp3 b/media/blinkquickly.mp3 new file mode 100644 index 0000000..10fcae3 Binary files /dev/null and b/media/blinkquickly.mp3 differ diff --git a/media/bottom.mp3 b/media/bottom.mp3 new file mode 100644 index 0000000..bb2e4f0 Binary files /dev/null and b/media/bottom.mp3 differ diff --git a/media/bottomleft.mp3 b/media/bottomleft.mp3 new file mode 100644 index 0000000..cfef819 Binary files /dev/null and b/media/bottomleft.mp3 differ diff --git a/media/bottomright.mp3 b/media/bottomright.mp3 new file mode 100644 index 0000000..d2a43ba Binary files /dev/null and b/media/bottomright.mp3 differ diff --git a/media/coveryoureyeswithhands.mp3 b/media/coveryoureyeswithhands.mp3 new file mode 100644 index 0000000..b261928 Binary files /dev/null and b/media/coveryoureyeswithhands.mp3 differ diff --git a/media/down.mp3 b/media/down.mp3 new file mode 100644 index 0000000..a96b9b2 Binary files /dev/null and b/media/down.mp3 differ diff --git a/media/exercisecompleted.mp3 b/media/exercisecompleted.mp3 new file mode 100644 index 0000000..c562cd3 Binary files /dev/null and b/media/exercisecompleted.mp3 differ diff --git a/media/focusonsomethingaway.mp3 b/media/focusonsomethingaway.mp3 new file mode 100644 index 0000000..763d3eb Binary files /dev/null and b/media/focusonsomethingaway.mp3 differ diff --git a/media/focusontipofindexfinger.mp3 b/media/focusontipofindexfinger.mp3 new file mode 100644 index 0000000..2b0867d Binary files /dev/null and b/media/focusontipofindexfinger.mp3 differ diff --git a/media/forwards.mp3 b/media/forwards.mp3 new file mode 100644 index 0000000..9b79954 Binary files /dev/null and b/media/forwards.mp3 differ diff --git a/media/getset.mp3 b/media/getset.mp3 new file mode 100644 index 0000000..199c0e7 Binary files /dev/null and b/media/getset.mp3 differ diff --git a/media/getset.wav b/media/getset.wav deleted file mode 100644 index 1e21e7c..0000000 Binary files a/media/getset.wav and /dev/null differ diff --git a/media/left.mp3 b/media/left.mp3 new file mode 100644 index 0000000..bdfaf4f Binary files /dev/null and b/media/left.mp3 differ diff --git a/media/lookbottomleft.mp3 b/media/lookbottomleft.mp3 new file mode 100644 index 0000000..3155f04 Binary files /dev/null and b/media/lookbottomleft.mp3 differ diff --git a/media/lookbottomright.mp3 b/media/lookbottomright.mp3 new file mode 100644 index 0000000..59c0cf7 Binary files /dev/null and b/media/lookbottomright.mp3 differ diff --git a/media/lookdown.mp3 b/media/lookdown.mp3 new file mode 100644 index 0000000..3c0907a Binary files /dev/null and b/media/lookdown.mp3 differ diff --git a/media/lookleft.mp3 b/media/lookleft.mp3 new file mode 100644 index 0000000..3818af3 Binary files /dev/null and b/media/lookleft.mp3 differ diff --git a/media/lookright.mp3 b/media/lookright.mp3 new file mode 100644 index 0000000..d7540ff Binary files /dev/null and b/media/lookright.mp3 differ diff --git a/media/looktopleft.mp3 b/media/looktopleft.mp3 new file mode 100644 index 0000000..c23acc0 Binary files /dev/null and b/media/looktopleft.mp3 differ diff --git a/media/looktopright.mp3 b/media/looktopright.mp3 new file mode 100644 index 0000000..a2bcbd7 Binary files /dev/null and b/media/looktopright.mp3 differ diff --git a/media/lookup.mp3 b/media/lookup.mp3 new file mode 100644 index 0000000..6430ad6 Binary files /dev/null and b/media/lookup.mp3 differ diff --git a/media/moveeyesccwfrom12clock.mp3 b/media/moveeyesccwfrom12clock.mp3 new file mode 100644 index 0000000..5a57acd Binary files /dev/null and b/media/moveeyesccwfrom12clock.mp3 differ diff --git a/media/moveeyescwfrom12clock.mp3 b/media/moveeyescwfrom12clock.mp3 new file mode 100644 index 0000000..b674607 Binary files /dev/null and b/media/moveeyescwfrom12clock.mp3 differ diff --git a/media/moveitbackandforth.mp3 b/media/moveitbackandforth.mp3 new file mode 100644 index 0000000..c993969 Binary files /dev/null and b/media/moveitbackandforth.mp3 differ diff --git a/media/right.mp3 b/media/right.mp3 new file mode 100644 index 0000000..a93c354 Binary files /dev/null and b/media/right.mp3 differ diff --git a/media/rubyourpalmstogether.mp3 b/media/rubyourpalmstogether.mp3 new file mode 100644 index 0000000..e7faa49 Binary files /dev/null and b/media/rubyourpalmstogether.mp3 differ diff --git a/media/stareatpalms15sec.mp3 b/media/stareatpalms15sec.mp3 new file mode 100644 index 0000000..8cf82f3 Binary files /dev/null and b/media/stareatpalms15sec.mp3 differ diff --git a/media/topleft.mp3 b/media/topleft.mp3 new file mode 100644 index 0000000..e29419d Binary files /dev/null and b/media/topleft.mp3 differ diff --git a/media/topright.mp3 b/media/topright.mp3 new file mode 100644 index 0000000..02cc20a Binary files /dev/null and b/media/topright.mp3 differ diff --git a/media/up.mp3 b/media/up.mp3 new file mode 100644 index 0000000..ce30569 Binary files /dev/null and b/media/up.mp3 differ diff --git a/svgs/.DS_Store b/svgs/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/svgs/.DS_Store differ