Skip to content
Snippets Groups Projects
Select Git revision
  • b5db3b8b3f4db162a355661441d2b856f5dc68f4
  • master default
  • v1.34.0
  • v1.33.0
  • v1.32.1
  • v1.32.0
  • v1.31.2
  • v1.31.1
  • v1.31.0
  • v1.30.0
  • v1.29.0
  • v1.28.0
  • v1.27.0
  • v1.26.0
  • v1.25.0
  • v1.24.0
  • v1.23.1
  • v1.23.0
  • v1.22.0
  • v1.20.0
  • v1.19.1
  • v1.19.0
22 results

CurrentWeatherTile.html

Blame
  • CurrentWeatherTile.html 2.28 KiB
    <style>
        .currentTemperatureTile {
            background-color: #2F2F2F;
            font-size: 3.5vmin;
            font-weight: bold;
            flex-direction: row;
        }
    
        .currentTemperatureTile .icon {
            font-size: 10vmin;
        }
    
        .currentTemperatureTile .content {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            width: 85%;
            height: 85%;
        }
    
        .currentTemperatureTile .entries {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            flex: 1;
        }
    
        .currentTemperatureTile .temperatures {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
        }
    
        .currentTemperatureTile .temperature-entry {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding-left: 3vmin;
            justify-content: space-between;
        }
    
        .currentTemperatureTile .label {
            font-size: 2vmin;
        }
    
        .currentTemperatureTile .wind {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            font-size: 2vmin;
            padding-top: 1vmin;
        }
    
        .currentTemperatureTile .windSpeed {
            padding-left: 1vmin;
        }
    </style>
    
    <div class="currentTemperatureTile">
        <div class="content">
            <i class="wi wi-owm-{{ data['icon'] }} icon"></i>
            <div class="entries">
                <div class="temperatures">
                    <div class="temperature-entry">
                        <div class="label">Aktuell</div>
                        <div style="color: {{ data['temperatureColor'] }}">{{ data['temperature'] }}&deg;C</div>
                    </div>
                    <div class="temperature-entry">
                        <div class="label">Gefühlt</div>
                        <div style="color: {{ data['feelsLikeColor'] }}">{{ data['feelsLike'] }}&deg;C</div>
                    </div>
                </div>
                <div class="wind">
                    <i class="wi wi-wind from-{{ data['windDegrees'] }}-deg"></i>
                    <div class="windSpeed" style="color: {{ data['windSpeedColor'] }}">{{ data['windSpeed'] }}</div>
                </div>
            </div>
        </div>
    </div>