<!DOCTYPE html>
<html>
<head>
    <title>Dashboard</title>
    <link rel="stylesheet" href="static/style.css">
</head>
<body>
<div class="dashboard">
    <div class="panel top">
        <div class="subpanel">
{#            <img class="weather-icon" src="sun.gif"></img>#}
        </div>
        <div class="subpanel" style="font-size: 60px;font-weight: bold;vertical-align:top; text-align:right;">
            {{ today.strftime('%a') }}<br>
            {{ today.strftime('%b %-d') }}<br>
            {{ today.strftime('%Y') }}<br>
        </div>
    </div>
    <div class="panel bottom week">

        {% for day, events in days %}
            <div class="day">
                <div id="dotw-1" class="day-title">
                    {{ day.strftime('%A') }}
                </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>
</body>
</html>
