diff --git a/ticker-serve/static/style.css b/ticker-serve/static/style.css index a620662..3f9a9ba 100644 --- a/ticker-serve/static/style.css +++ b/ticker-serve/static/style.css @@ -8,13 +8,25 @@ body { max-width: 40rem; } +h1 { + text-align: center; + font-size: 300%; + margin: 1rem 0 2rem; +} h2 { margin: 0 0; } +h1, h2 { + font-family: serif; + font-variant: small-caps; + letter-spacing: 0.3rem; +} .date { + font-family: sans-serif; display: inline-flex; flex-flow: column nowrap; + justify-content: flex-end; border: 1px solid black; background-color: #ffffff; color: #444; @@ -36,6 +48,7 @@ h2 { align-self: center; font-size: 200%; line-height: 1em; + letter-spacing: -0.15rem; } .date .month { align-self: center; @@ -43,9 +56,11 @@ h2 { font-variant-caps: small-caps; } .weekday { - padding-left: 1rem; font-size: 180%; vertical-align: middle; + display: inline-block; + width: 35rem; + text-align: center; } article { diff --git a/ticker-serve/templates/index.html b/ticker-serve/templates/index.html index 68bcc24..eca822f 100644 --- a/ticker-serve/templates/index.html +++ b/ticker-serve/templates/index.html @@ -8,6 +8,7 @@ +

Dresden Ticker

{% for day in days.iter() %}

@@ -15,7 +16,7 @@ format!("wd{}", day.date.weekday().num_days_from_monday()) }}"> - {{ day.date.day() }} + {{ day.date.day() }}. {{ day.month }} @@ -63,7 +64,7 @@