1<!DOCTYPE html> 2<html> 3<head> 4 <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width"> 5 <link rel="stylesheet" type="text/css" href="css/index.css"> 6<!-- PWA settings --> 7 <link rel="manifest" href="./manifest.json"> 8 <link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon.png"> 9 <link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.png"> 10 <link rel="icon" type="image/png" sizes="16x16" href="./favicon-16x16.png"> 11 <link rel="mask-icon" href="./safari-pinned-tab.svg" color="#009900"> 12 <meta name="apple-mobile-web-app-title" content="Active Energy"> 13 <meta name="application-name" content="Active Energy"> 14 <meta name="msapplication-TileColor" content="#ffffff"> 15 <meta name="theme-color" content="#ffffff"> 16<!-- PWA settings end --> 17 <title>Joy-Meter</title> 18</head> 19<body> 20<div id='loading'> 21<h2>Welcome to JoyMeter</h2> 22 <p>Discover your energy</p> 23 <img src='vid/loading.gif' width="100%" alt="Loading..."> 24</div> 25 26 27<div id="navbar" style='display: none'> 28 <div id="nav-menu" class="btn-nav" onclick="app.moveTo('menu');"><img src="svg/menu.svg" height="45px"><div class='help no-help'>Menu</div></div> 29 30 31<!-- 32 <div id="nav-menu" class="btn-nav" onclick="location.reload(true)"><img src="svg/menu.svg" height="45px"><div class='help no-help'>Menu</div></div> 33 --> 34 <div id="nav-home" class="btn-nav" onclick="app.moveTo('home');"><img id="nav-home-img" src="svg/act.svg" height="45px"><div class='help no-help'>Diary</div></div> 35 <div id="nav-user" class="btn-nav" onclick="app.moveTo('user');"><img id="imgLogin" src="svg/data.svg" height="45px"><div class='help no-help'>Data</div></div> 36 <div id="nav-help" class="btn-nav" onclick="app.toggleHelp();" style="font-size:25px" ><img id="imgStatus" src="svg/help.svg" height="45px"></div> 37</div> <!-- navbar --> 38 39<div id="header"> 40 <div id="title"></div> 41</div> <!-- header --> 42 43<div id="consent" class="consent" style='display: none'> 44 <img src='svg/renew_oxford_logo.svg' alt="University of Oxford" style='float:right; width:200px;'> 45 <br> 46 <h1>Welcome to JoyMeter</h1> 47 <h2>Your consent</h2> 48 <p><i>Version 1.4 (15 November 22)</i></p> 49 <p>If other people have access to this device, do log in/out at the end to protect your information.</p> 50 <p>I understand that</p> 51 <ul> 52 <li>The data I provide will be stored securely on a UK server and used for research</li> 53 <li>Results from this research will be published in such a way that I cannot be identified</li> 54 <li>Some of your information is stored on this device (aka cookies). Log-out if others use this device, too.</li> 55 <li>I can withdraw from this study at any time and ask for my data to be erased (email <a href="mailto:[email protected]">[email protected]</a>)</li> 56 </ul> 57 <button type="button" class="btn-green" onclick="consent()">I agree</button> 58 <p>That's the gist of it. Please see below for more details, or read more <a href='about.html'>about JoyMeter</a></p> 59 <h1>Data policy</h1> 60 <h3>You own the data</h3> 61 <p>Any data submitted via JoyMeter is anonymised and stored securely. It is used for research purposes only.</p> 62 <p>It is important to us that you remain in charge of the data. If for any reason you become uncomfortable about us holding information from you, we will remove the data - no questions asked. Just email <a href="mailto:[email protected]">[email protected]</a></p> 63 64 <h3>Your consent</h3> 65 <p>You owning the data also means that we will not share data without your consent.</p> 66 <p>By taking part in this study you consent to your data being used for research purposes. For any additional use, we will ask your consent first.</p> 67 <p>After 12 months we will email you and ask whether you want to renew your consent. If you don't, any personal information will be automatically deleted after 18 months</li> 68 69 <h3>How we use your data</h3> 70 <p>There are different levels of access we would grant:</p> 71 <ul> 72 <li><b>Your personal information: </b>(Name, email, address...) We use your email to validate it's you, for example when you want to access your data. On rare occasions we may email you directly with information about this study or to renew your consent. Your address is only needed if you opt for having sensors or other items sent to you in the post. If you provide us with your Meter Supply Number, this is also treated as personal information. We will not store such details for longer than we need to.</li> 73 <li><b>Your survey and diary information </b>will be used for research and is only accessible to selected researchers. Aggregated data will be made available in such a way that no individuals can be identified. </li> 74 <li><b>Your smart meter data: </b> If you submit your smart meter details, we can access your electricity and gas data (use and costs) and share it with you. The smart meter data management will be managed according to the Hildebrand Terms & Conditions.</li> 75 </ul> 76 77 <h3>How we store your data</h3> 78 <p>All of the data we collect, is stored on a secure server inside the UK. Your personal information, like name or email, are stored separately from your survey information and your electricity and gas readings.</p> 79 <p>Any concerns or questions, please email <a href="mailto:[email protected]">[email protected]</a></p> 80 <br> 81 <button type="button" class="btn-green" onclick="consent()">I agree</button> 82</div> <!-- consent --> 83 84<iframe id="server" frameborder="0"></iframe> 85 86<div id="list" style='display: none'></div> <!-- list --> 87 88<div id="slider" style='display: none'> 89 <div id="slider-btn" class="btn slider-btn" onclick="app.moveFromTo('thermal 3','home')"> 90 <div id="slider-title" class="btn-title"></div> 91 </div> 92 <div class="likert"> 93 <div>Cold</div> <div></div> <div>Comfort</div> <div></div> <div>Hot</div> 94 </div>
95 <input type="range" min="-3" max="3" value="0" step="1" class="slider" id="slider-input" oninput="sliderInput('comfort')"> 96 <div id="slider-btn-OK" class="btn slider-btn-OK" onclick="app.moveFromTo('comfort_0','home')" style="background-image: url('svg/done.svg')"> 97 </div> 98 <div class="help help-top no-help" onclick="app.toggleHelp()"> 99 Slide left/right and tap button to select 100 </div> 101</div> 102 103<div id="input" style='display: none'> 104 <input id="freetext" class="" type="text" autofocus /> 105</div> <!-- input --> 106 107<div id="buttons" class="buttons" style='display: none'> 108</div> <!-- buttons --> 109 110<div id="footer" style='display: none'> 111 <div id="foot-left" class="btn-footer" onclick="app.goBack();"> 112 <div class="help no-help help-relative">Back</div> 113 <img src="svg/back.svg" class='img-footer'> 114 </div> 115 <div id="foot-right" class="btn-footer"> 116 <div id="foot-right-help" class="help no-help help-relative"></div> 117 <img id="foot-right-img" class='img-footer'> 118 </div> 119</div> <!-- footer --> 120 121
122<script> 123 var screen = 'menu';var version = 1;</script>
vendor: 1 bytes, line 123
123
124<script type="text/javascript" src="js/functions.js"></script>
vendor: 1 bytes, line 124
124
125<script type="text/javascript" src="js/app.js"></script>
vendor: 1 bytes, line 125
125
126<script type="text/javascript" src="js/plot.js"></script>
126 127</body> 128</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.