pir-1.html

<template id="head">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <title data-translation="title">Webduino Blockly - 偵測人體紅外線</title>
  <!-- webduino -->
  <script src="/lib/webduino-all.min.js"></script>
  <script src="/lib/webduino-blockly.js"></script>
  <script src="/lib/runtime.min.js"></script>
</template>
<template id="body">
	<div id="light" class="off">
	  <img src="/media/off.png"></img>
	  <img src="/media/on.png"></img>
	</div>
</template>
<template id="css">
#light {
  width: 60%;
}

#light img {
  width: 100%;
  display: none;
}

#light.off img:first-child {
  display: inline-block;
}

#light.on img:last-child {
  display: inline-block;
}
</template>