web_interface/views/partials/dashboard.hbs
<div class="dash">
<h1 id="title" class="text">Weather station Viper</h1>
<div id="current_state">
<div class="current_time">
<a id="date">29 Dec 2023</a>
<a id="time">13:20</a>
</div>
<span><img id="icon" src="https://res.cloudinary.com/weather-station-viper/image/upload/v1698516376/weather_icons/thermostat2_qomkdz.svg"></span>
<ul class="params">
<li class="result">
<a class="name text">Temperature:</a>
<a class="r" id="temperature">{{temperature}}°C</a>
</li>
<li class="result">
<a class="name text">Humidity:</a>
<a class="r" id="humidity">{{humidity}}%</a>
</li>
<li class="result">
<a class="name text">Pressure:</a>
<a class="r" id="pressure">{{pressure}}hPa</a>
</li>
{{!-- <li class="result">
<a class="name text">Altitude:</a>
<a class="r" id="altitude"></a>
</li> --}}
<li class="result">
<a class="name text">Rain:</a>
<a class="r" id="rain">{{rain}}</a>
</li>
</ul>
</div>
<script type="module" src="../../static/scripts/main.js"></script>
</div>