initial commit

2022-05-24 16:45:28 -05:00
commit f0578f858b
17 changed files with 287 additions and 0 deletions
--- a/app/templates/dashboard.html
+++ b/app/templates/dashboard.html
@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title></title>
+    <style>
+        @font-face {
+            font-family: "Hellovetica";
+            src: url("hellovetica.ttf") format("truetype");
+        }
+        .dashboard {
+            font-family: "Helvetica";
+            height: 699px;
+            width: 600px;
+            {#border-style: solid;#}
+            text-align: left;
+            font-size: 17px;
+        }
+
+        .panel {
+            position: relative;
+            height: 50%;
+            {#border-style: dotted;#}
+            verical-align: top;
+            /* 		height: 250px; */
+            width: 100%;
+        }
+
+        .panel.top {
+            height: 35%;
+        }
+
+        .panel.bottom {
+            height: 65%;
+        }
+
+        .subpanel {
+            position: relative;
+            height:100%;
+            width:48%;
+            display: inline-block;
+            text-align: center;
+            align-items: middle;
+        }
+
+        .weather-icon {
+
+            position: relative;
+            height: 100%;
+            width: 100%;
+            object-fit: scale-down;
+        }
+
+        .week {
+            /* 			height:100% */
+        }
+
+        .day {
+            border-style: solid;
+            display: inline-block;
+            min-height: 220px;
+            max-height: 220px;
+            width: 135px;
+            vertical-align: top;
+            margin: 1px;
+            align-items: center;
+        }
+
+        .day-title{
+            background-color: black;
+            text-align: center;
+            color: white;
+            text-transform: uppercase;
+            font-weight: bold;
+
+        }
+
+        .event {
+            margin: 3pt;
+            background-color: white;
+            border-style: solid;
+            border-radius: 5px;
+
+        }
+    </style>
+</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, event in days %}
+            <div class="day">
+                <div id="dotw-1" class="day-title">
+                    {{ day.strftime('%A') }}
+                </div>
+                {% if event %}
+                    <div class="event">
+                        {{ event.summary.value }}<br>
+                        {% if event.dtstart.value.strftime('%H') != "00" %}
+                            {{ event.dtstart.value.strftime('%-I:%M %p') }}<br>{{ event.dtend.value.strftime('%-I:%M %p') }}
+                        {% endif %}
+                    </div>
+                {% endif %}
+            </div>
+        {% endfor %}
+    </div>
+</div>
+</body>
+</html>