Permalink
Find file
f261b7e Sep 2, 2014
103 lines (94 sloc) 2.8 KB
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=yes,
initial-scale=1.0" />
<title>Relaxation iBeacons</title>
<style>
@import 'page.css';
</style>
<script>
// Redirect console if running from Evothings Workbench.
if (window.hyper) { console.log = hyper.log }
</script>
</head>
<body>
<div class="my-page" id="page-default">
<div class="my-header">
<img class="my-header-image" src="photos/photo-default.jpg" />
<img class="my-icon-back" src="icon-back.png" ontouchend="history.back()" />
</div>
<div class="my-content">
<h1>Relaxation iBeacons</h1>
<p>Please move within range of the Relaxation iBeacons.</p>
</div>
</div>
<div class="my-page" id="page-feet">
<div class="my-header">
<img class="my-header-image" src="photos/photo-feet.jpg" />
<img class="my-icon-back" src="icon-back.png" ontouchend="history.back()" />
</div>
<div class="my-content">
<h1>Feel Your Feet</h1>
<ul>
<li>Stand on your feet.</li>
<li>Experience the contact with the ground.</li>
<li>Feel into the soles of the feet.</li>
<li>Feel the knees.</li>
<li>The hips.</li>
<li>The spine.</li>
<li>Shoulders.</li>
<li>Neck.</li>
<li>Head.</li>
<li>Feel the connection between the top of the head and the feet.</li>
</ul>
</div>
</div>
<div class="my-page" id="page-shoulders">
<div class="my-header">
<img class="my-header-image" src="photos/photo-shoulders-1.jpg" />
<img class="my-icon-back" src="icon-back.png" ontouchend="history.back()" />
</div>
<div class="my-content">
<h1>Feel Your Shoulders</h1>
<ul>
<li>Let your arms hang loose.</li>
<li>Become aware of the shoulders.</li>
<li>Slightly lift one shoulder and release it.</li>
<li>Let the shoulder come all the way down.</li>
<li>Lift the other shoulder and release it.</li>
<li>Alternate three more times on each side.</li>
<li>Experience the breath flowing in and out of the body.</li>
</ul>
</div>
</div>
<div class="my-page" id="page-face">
<div class="my-header">
<img class="my-header-image" src="photos/photo-face.jpg" />
<img class="my-icon-back" src="icon-back.png" ontouchend="history.back()" />
</div>
<div class="my-content">
<h1>Feel Your Face</h1>
<ul>
<li>Become aware of your face.</li>
<li>Feel the forehead.</li>
<li>The eyebrows.</li>
<li>Eyes.</li>
<li>Nose.</li>
<li>Nostrils.</li>
<li>Air flowing through the nostrils.</li>
<li>Cheeks.</li>
<li>Jaw.</li>
<li>Lips.</li>
<li>Tongue.</li>
<li>Whole of the head.</li>
<li>The space surrounding the head.</li>
</ul>
</div>
</div>
<script src="lib/jquery.js"></script>
<script src="cordova.js"></script>
<script src="app.js"></script>
</body>
</html>