forked from cybrespace/pinafore
42 lines
664 B
HTML
42 lines
664 B
HTML
|
<nav>
|
||
|
<ul>
|
||
|
<li>
|
||
|
<a class='{{page === "home" ? "selected" : ""}}' href='/settings'>
|
||
|
Settings
|
||
|
</a>
|
||
|
</li>
|
||
|
<li>
|
||
|
<a class='{{page === "about" ? "selected" : ""}}' href='/settings/about'>
|
||
|
About
|
||
|
</a>
|
||
|
</li>
|
||
|
<li>
|
||
|
<a class='{{page === "add-instance" ? "selected" : ""}}' href='/settings/add-instance'>
|
||
|
Add an instance
|
||
|
</a>
|
||
|
</li>
|
||
|
</ul>
|
||
|
</nav>
|
||
|
|
||
|
<style>
|
||
|
ul {
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
list-style: none;
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
}
|
||
|
|
||
|
li {
|
||
|
margin: 10px 15px 20px;
|
||
|
}
|
||
|
|
||
|
a {
|
||
|
font-size: 1.2em;
|
||
|
}
|
||
|
|
||
|
a.selected {
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
|
||
|
</style>
|