Garmelon/tablejohn
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Style nav bar

Browse source
This commit is contained in:
Joscha 2023-08-05 16:01:35 +02:00
parent e17483b4d6
commit ed404f302e
2 changed files with 56 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

47
static/base.css
View file

@ -0,0 +1,47 @@
:root {
font-family: monospace;
color-scheme: light dark;
}
nav {
font-size: 1.5em;
line-height: 1.2em;
padding: 0.3em;
background-color: #bdf;
border-radius: 0.3em;
display: flex;
flex-wrap: wrap;
align-items: baseline;
}
nav>* {
padding: 0 1ch;
border-left: 0.1em solid black;
}
nav> :first-child {
font-weight: bold;
padding-left: 0;
border: none;
}
nav> :last-child {
margin-left: auto;
padding-right: 0.1em;
border: none;
}
nav a {
color: black;
text-decoration: none;
}
nav a:hover {
text-decoration: underline;
}
nav img {
width: 1.2em;
height: 1.2em;
vertical-align: -20%;
}

10
templates/base.html
View file

@ -11,7 +11,15 @@
<body>
<nav>
<a href="{{ base }}/"><img src="{{ base }}/logo.svg"> {{ repo_name }}</a>
<a href="{{ base }}/">
<img src="{{ base }}/logo.svg">
{{ repo_name }}
</a>
<a>just</a>
<a>some</a>
<a>place</a>
<a>holder</a>
<a>links</a>
</nav>
{% block body %}{% endblock %}
</body>