@app.get('/') | @app.get('/') | ||||
def render_main(req: Request): | def render_main(req: Request): | ||||
return tmplts.TemplateResponse('main.htm', {'request': req}) | |||||
p = { | |||||
'num_days': 5, | |||||
'request': req, | |||||
} | |||||
return tmplts.TemplateResponse('main.htm', p) |
@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 { | body { | ||||
font-family: sans-serif; | font-family: sans-serif; | ||||
} | } | ||||
.uhaul_cont { | .uhaul_cont { | ||||
font-family: "Charlie Brown M54"; | |||||
font-size: 36pt; | |||||
letter-spacing: 0.05em; | |||||
text-align: center; | text-align: center; | ||||
margin-left: auto; | margin-left: auto; | ||||
margin-right: 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; | |||||
} | |||||
} |
{% extends 'base.htm' %} | {% extends 'base.htm' %} | ||||
{% block content %} | {% block content %} | ||||
<div class="uhaul_cont"> | <div class="uhaul_cont"> | ||||
<div> | <div> | ||||
It has been | It has been | ||||
</div> | </div> | ||||
<div class="uhaul_main"> | <div class="uhaul_main"> | ||||
<div class="uhaul_num"> | <div class="uhaul_num"> | ||||
5 | |||||
{{ num_days }} | |||||
</div> | </div> | ||||
<div class="uhaul_days"> | <div class="uhaul_days"> | ||||
days | days | ||||
since Storrow Dr. was in the news | since Storrow Dr. was in the news | ||||
</div> | </div> | ||||
</div> | </div> | ||||
{% endblock %} | {% endblock %} |