ticker-serve: enhance style
This commit is contained in:
parent
53f0d5f242
commit
608471667c
|
@ -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 {
|
||||
|
|
|
@ -8,6 +8,7 @@
|
|||
<link rel="icon" type="image/png" href="static/favicon.png"/>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Dresden Ticker</h1>
|
||||
{% for day in days.iter() %}
|
||||
<div>
|
||||
<h2>
|
||||
|
@ -15,7 +16,7 @@
|
|||
format!("wd{}", day.date.weekday().num_days_from_monday())
|
||||
}}">
|
||||
<span class="day">
|
||||
{{ day.date.day() }}
|
||||
{{ day.date.day() }}.
|
||||
</span>
|
||||
<span class="month">
|
||||
{{ day.month }}
|
||||
|
@ -63,7 +64,7 @@
|
|||
<footer>
|
||||
<p>
|
||||
Ein Projekt des
|
||||
<a href="https://www.c3d2.de/">"C3D2"</a>
|
||||
<a href="https://www.c3d2.de/">C3D2</a>
|
||||
-
|
||||
<a href="https://gitea.c3d2.de/astro/ticker">Code</a>
|
||||
</p>
|
||||
|
|
Loading…
Reference in New Issue