|
@ -14,26 +14,26 @@ |
|
|
<div class="temperature m-5 text-center"> |
|
|
<div class="temperature m-5 text-center"> |
|
|
<h1>Temperature</h1> |
|
|
<h1>Temperature</h1> |
|
|
<p class="text-blue-700 text-5xl font-extrabold"><span id="temp"></span>°C</p> |
|
|
<p class="text-blue-700 text-5xl font-extrabold"><span id="temp"></span>°C</p> |
|
|
<img class="m-auto object-fill w-1/5 h-20" src="./temperature.jpg" alt="lampe"> |
|
|
<img class="m-auto object-fill w-1/5 h-20" src="./img/temperature.jpg" alt="lampe"> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="flex justify-between mx-20 text-center space-x-4"> |
|
|
<div class="flex justify-between mx-20 text-center space-x-4"> |
|
|
<div class="radiateur w-full"> |
|
|
<div class="radiateur w-full"> |
|
|
<h1>Radiateur</h1> |
|
|
<h1>Radiateur</h1> |
|
|
<button id="btn-0" onclick="setLightState(0)">Allumer</button> |
|
|
<button id="btn-0" onclick="setLightState(0)">Allumer</button> |
|
|
<img class="m-auto object-fill w-full h-20" src="./radiateur.png" alt="lampe"> |
|
|
<img class="m-auto object-fill w-full h-20" src="./img/radiateur.png" alt="lampe"> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="volet w-full"> |
|
|
<div class="volet w-full"> |
|
|
<h1>Volets roulants</h1> |
|
|
<h1>Volets roulants</h1> |
|
|
<button id="btn-1" onclick="setLightState(1)">Allumer</button> |
|
|
<button id="btn-1" onclick="setLightState(1)">Allumer</button> |
|
|
<img class="m-auto object-fill w-full h-20" src="./volet.jpg" alt="lampe"> |
|
|
<img class="m-auto object-fill w-full h-20" src="./img/volet.jpg" alt="lampe"> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="eclairage w-full"> |
|
|
<div class="eclairage w-full"> |
|
|
<h1>Eclairage</h1> |
|
|
<h1>Eclairage</h1> |
|
|
<button id="btn-2" onclick="setLightState(2)">Allumer</button> |
|
|
<button id="btn-2" onclick="setLightState(2)">Allumer</button> |
|
|
<img class="m-auto object-fill w-full h-20" src="./lampe.jpg" alt="lampe"> |
|
|
<img class="m-auto object-fill w-full h-20" src="./img/lampe.jpg" alt="lampe"> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
</section> |
|
|