<div class="infoItem day">
    {{ date.day }}
</div>
<div class="infoItem hour">
    {{ date.hour }}
</div>
<a class="infoItem wheater" onclick="time.refresh()">
    {{ #weather }}
        {{ #showTemperature }}
            <div class="temperature weatherItem">
                <img dragable="false" src="http://openweathermap.org/img/wn/{{ weather.weather.0.icon }}.png">
                {{ weather.main.temp }}ºF
            </div>
        {{ /showTemperature }}
        {{ #showWind }}
            <div class="wind weatherItem">
                <i class="fas fa-wind"></i>
                {{ weather.wind.speed }}KMH
            </div>
        {{ /showWind }}
        {{ #showPosition }}
            <div class="position weatherItem">
                <i class="fas fa-map-marker-alt"></i>
                {{ weather.name }}
            </div>
        {{ /showPosition }}
        {{ #showHumidity }}
            <div class="humidity weatherItem">
                <i class="fas fa-tint"></i>
                {{ weather.main.humidity }}%
            </div>
        {{ /showHumidity }}
        {{ #showDescription }}
            <div class="description weatherItem">
                <i class="fas fa-info-circle"></i>
                {{ weather.weather.0.description }}
            </div>
        {{ /showDescription}}
    {{ /weather }}
    {{ ^weather }}
        <div class="weatherItem">
            <i class="fas fa-exclamation-circle"></i>
            No weather
        </div>
    {{ /weather }}
</div>
