Added start of actual main page.

app.py

@@ -33,4 +33,9 @@ tmplts = Jinja2Templates(directory='templates') # TODO Get the path correctly.
 
 @app.get('/')
 def render_main(req: Request):
-    return tmplts.TemplateResponse('main.htm', {'request': req})
+    p = {
+        'num_days': 5,
+        'request': req,
+    }
+
+    return tmplts.TemplateResponse('main.htm', p)

static/style.css

@@ -1,3 +1,9 @@
+@font-face {
+    /* source: https://www.dafont.com/charlie-brown-m54.font */
+    font-family: "Charlie Brown M54";
+    src: url("/static/Charlie_Brown_M54.ttf") format("truetype");
+}
+
 body {
     font-family: sans-serif;
 
@@ -6,7 +12,29 @@ body {
 }
 
 .uhaul_cont {
+    font-family: "Charlie Brown M54";
+    font-size: 36pt;
+    letter-spacing: 0.05em;
+
     text-align: center;
+
     margin-left: auto;
     margin-right: auto;
 }
+
+.uhaul_main {
+    color: white;
+    font-size: 72pt;
+
+    background-color: #f66711; /* uhaul orange */
+}
+
+@media screen and (max-width: 52em) {
+    .uhaul_cont {
+        font-size: 24pt;
+    }
+
+    .uhaul_main {
+        font-size: 48pt;
+    }
+}

templates/main.htm

@@ -1,13 +1,14 @@
 {% extends 'base.htm' %}
 
 {% block content %}
+
 <div class="uhaul_cont">
   <div>
     It has been
   </div>
   <div class="uhaul_main">
     <div class="uhaul_num">
-      5
+      {{ num_days }}
     </div>
     <div class="uhaul_days">
       days
@@ -17,4 +18,5 @@
     since Storrow Dr. was in the news
   </div>
 </div>
+
 {% endblock %}