.district_name { writing-mode: vertical-rl; transform: rotate(180deg); }
.bonus_data th { font-weight: normal; }
.new_infections { font-weight: bold; }
+thead th { position: sticky; top: 0; background-color: white; }
</style>
<title>Berlin's Corona infection numbers, development by districts</title>
</head>
+<a href="/">home</a> · <a href="/contact.html">contact</a> · <a href="/privacy.html">privacy</a>
<h1>Berlin's Corona infection numbers, development by districts</h1>
<p>Updated daily at 9pm based on data from the "Senatsverwaltung für Gesundheit, Pflege und Gleichstellung". <a href="https://plomlompom.com/repos/?p=berlin-corona-table">Source code</a>. <a href="berlin_corona.txt">Text view optimized for terminal curl</a>.</p>
<table>
+<thead>
<tr>
<th>date</th>""")
sorted_dates.reverse()
if sum_district == district:
print('<th>%s</th>' % long_form)
else:
- print('<th class="district_name">%s</th>' % long_form)
+ # Wrap in div because the vertical orientation otherwise fails
+ # in Chromium.
+ print('<th><div class="district_name">%s</div></th>' % long_form)
print('</tr>')
+ print('</thead>')
for date in sorted_dates:
print('<tr class="day_row">')
print('<td>%s</td>' % date)