]> git.r.bdr.sh - rbdr/forum/blob - app/components/header/header.svelte
Add svelte linting
[rbdr/forum] / app / components / header / header.svelte
1 <header title="Toolbar">
2 <ul>
3 <li><strong><a href="/" aria-label="Forum Version 1.0.0">Forum v1.0.0</a></strong></li>
4 <li><a href="/new" aria-label="New"><u class="action-key">N</u>ew</a></li>
5 <li><a href="/reply" aria-label="Reply"><u class="action-key">R</u>eply</a></li>
6 <li><a href="/search" aria-label="Search"><u class="action-key">S</u>earch</a></li>
7 <li><a href="/logout" aria-label="Log Out">Log <u class="action-key">O</u>ut</a></li>
8 </ul>
9 </header>
10
11 <style>
12 header {
13 grid-column: col-start 1 / span 12;
14 border-bottom: 1px solid black;
15 }
16
17 ul {
18 padding: 0;
19 }
20
21 .action-key {
22 font-weight: bold;
23 text-decoration: underline;
24 }
25
26 li {
27 display: inline;
28 margin: 5px;
29 }
30
31 a {
32 text-decoration: none;
33 line-height: 3em;
34 display: inline-block;
35 }
36
37 strong a {
38 color: blue;
39 text-decoration: underline;
40 }
41
42 </style>