use html5 nav instead of div
parent
84a302a3c6
commit
63122b5758
|
@ -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>
|
||||
|
||||
|
|
|
@ -1,5 +1,6 @@
|
|||
{{ define "main" }}
|
||||
<h1> {{ .Title }} </h1>
|
||||
{{ .TableOfContents }}
|
||||
{{ .Content }}
|
||||
<div class="content">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
{{ end }}
|
||||
|
|
|
@ -1,3 +1,5 @@
|
|||
@font-normal: ~"'Libre Baskerville', serif";
|
||||
@font-code: ~"'Inconsolata', monospace";
|
||||
@font-header: ~"'Dosis', sans-serif";
|
||||
|
||||
@font-nav: ~"'Lato', sans-serif";
|
||||
|
|
|
@ -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;
|
||||
};
|
||||
|
|
Loading…
Reference in New Issue