use html5 nav instead of div

master
Ingolf Wagner 2018-09-28 18:34:13 +02:00
parent 84a302a3c6
commit 63122b5758
4 changed files with 21 additions and 12 deletions

View File

@ -3,24 +3,22 @@
<title> {{ .Title }} </title>
<link href="https://fonts.googleapis.com/css?family=Dosis|Inconsolata|Libre+Baskerville" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Dosis|Inconsolata|Libre+Baskerville|Lato" rel="stylesheet">
<link rel="stylesheet" href="/css/main.css">
</head>
<body>
<div class="nav">
<nav id="main">
<ul >
<li> <a href="/">main</a> </li>
</ul>
</div>
</nav>
<div class="content">
{{ block "main" . }}
empty
{{ end }}
</div>
{{ block "main" . }}
empty
{{ end }}
</body>

View File

@ -1,5 +1,6 @@
{{ define "main" }}
<h1> {{ .Title }} </h1>
{{ .TableOfContents }}
{{ .Content }}
<div class="content">
{{ .Content }}
</div>
{{ end }}

View File

@ -1,3 +1,5 @@
@font-normal: ~"'Libre Baskerville', serif";
@font-code: ~"'Inconsolata', monospace";
@font-header: ~"'Dosis', sans-serif";
@font-nav: ~"'Lato', sans-serif";

View File

@ -21,14 +21,14 @@ body .content {
max-width: 50em;
margin: auto;
}
div.nav ul {
nav#main ul {
max-width: 50em;
margin: auto;
}
}
}
body div.nav {
body nav#main {
margin: 0px;
width: 100%;
background-color: @color-nav-background;
@ -42,8 +42,10 @@ body div.nav {
background-color: @color-nav-background;
color: @color-nav-text;
li {
float: left;
font-family: @font-nav;
border-bottom: 3px solid @color-nav-item-border;
@ -58,6 +60,12 @@ body div.nav {
}
}
body nav#TableOfContents {
display: none;
}
h1,h2,h3,h4 {
font-family: @font-header;
};