jasperbok
/
busdepartures
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add some basic styling

main
Jasper Bok 2023-08-13 18:27:30 +02:00
parent de70977890
commit 98445c9b10
2 changed files with 59 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
index.html
View File

@ -12,8 +12,13 @@
<title>Busvertrektijden</title> <title>Busvertrektijden</title>
</head> </head>
<body> <body>
{{ range .Quays }} <header>
<article> <h1>Busvertrektijden</h1>
</header>
<main>
{{ range .Quays }}
<article>
<h2>{{ .Name }}</h2> <h2>{{ .Name }}</h2>
<p>{{ .Town }}</p> <p>{{ .Town }}</p>
@ -25,7 +30,8 @@
{{ end }} {{ end }}
{{ end }} {{ end }}
</dl> </dl>
</article> </article>
{{ end }} {{ end }}
</main>
</body> </body>
</html> </html>

41
static/css/busdepartures.css
View File

@ -1,7 +1,48 @@
html {
font-family: sans-serif;
font-size: 16px;
}
body {
margin: 0;
padding: 0;
}
h1 {
margin: 0;
}
h2 { h2 {
font-size: 1.4rem;
margin-bottom: 2px; margin-bottom: 2px;
} }
p {
font-style: italic;
margin-top: 0;
}
dt { dt {
display: inline-block;
font-weight: bold; font-weight: bold;
} }
dd {
display: inline;
}
dd::after {
content: "\A";
white-space: pre;
}
header {
background: #000;
color: #fff;
padding: 1rem 2rem;
text-align: center;
}
main {
padding: 1rem 2rem;
}