63 lines
2.3 KiB
HTML
63 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Dashboard ({{today.strftime('%-m/%-d, %-H:%M')}})</title>
|
|
<!-- <link rel="stylesheet" href="style.css"> -->
|
|
<style>{% include "style.css"%}</style>
|
|
<meta name="viewport" content="width=600, height=800" />
|
|
</head>
|
|
<body>
|
|
<div class="dashboard">
|
|
<div style="height:1em"></div>
|
|
<div class="panel top">
|
|
<div class="splitpanel">
|
|
<div><i class="wi wi-owm-{{ weather.id }} weather-icon"></i></div>
|
|
<div>{{weather.main}}</div>
|
|
</div>
|
|
<div class="splitpanel big-text">
|
|
{{ today.strftime('%a') }}<br>
|
|
{{ today.strftime('%b %-d') }}<br>
|
|
{{ today.strftime('%Y') }}<br>
|
|
</div>
|
|
</div>
|
|
<div class="panel bottom week">
|
|
<div class="row">
|
|
{% for day, events in days [:4] %}
|
|
<div class="day">
|
|
<div id="dotw-1" class="day-title{% if day == today.date()%} current-day{% endif %}">
|
|
{{ day.strftime('%a %-d') }}
|
|
</div>
|
|
{% for event in events %}
|
|
<div class="event">
|
|
{{ event.summary }}<br>
|
|
{% if not event.is_all_day %}
|
|
<span class="daterange">{{ event.range_str }}</span>
|
|
{% endif %}
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
<div class="row">
|
|
{% for day, events in days [4:] %}
|
|
<div class="day">
|
|
<div id="dotw-1" class="day-title{% if day == today.date()%} current-day{% endif %}">
|
|
{{ day.strftime('%a %-d') }}
|
|
</div>
|
|
{% for event in events %}
|
|
<div class="event">
|
|
{{ event.summary }}<br>
|
|
{% if not event.is_all_day %}
|
|
<span class="daterange">{{ event.range_str }}</span>
|
|
{% endif %}
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
<div style="height:1em;text-align: center;"><code>{{extra_debug}} </code><code>{{ today.strftime('%c') }}</code></div>
|
|
</div>
|
|
</body>
|
|
</html>
|