remove footer from content div, style so its always on bottom

This commit is contained in:
worktop 2024-02-08 10:26:15 -05:00
parent 23e658e768
commit 70ecccf427
7 changed files with 16 additions and 11 deletions

View File

@ -1,10 +1,10 @@
{{ partial "header.html" . }}
<div class="content">
<h1>Error 404: </h1>
<h2>Page Not Found</h2>
<p>The url you entered is invalid or has been deleted.</p>
<p><a class="button" href="/">Click here to return home.</a></p>
</div>
{{ partial "footer.html" . }}

View File

@ -1,4 +1,5 @@
{{ partial "header.html" . }}
<div class="content">
<h1>{{ .Title }}</h1>
@ -15,4 +16,6 @@
</article>
{{ end }}
</div>
{{ partial "footer.html" . }}

View File

@ -1,7 +1,9 @@
{{ partial "header.html" . }}
<div class="content">
<h1>{{ .Title }}</h1>
{{ .Content }}
</div>
{{ partial "footer.html" . }}

View File

@ -1,5 +1,5 @@
{{ partial "header.html" . }}
<div class="content">
{{ .Content }}
<h2>Recent Posts</h2>
@ -8,5 +8,5 @@
<li><a href="{{ .RelPermalink }}">{{ .Title}}</a></li>
{{ end }}
</ul>
</div>
{{ partial "footer.html" . }}

View File

@ -15,7 +15,6 @@
footer.classList.add('fixed');
}
});
</script>
</div>
</script>
</body>
</html>

View File

@ -14,4 +14,4 @@
<body>
{{ partial "nav.html" . }}
<div class="content">

View File

@ -25,16 +25,17 @@ a{
.content { margin: 5em 5% auto 5%; }
footer {
width: 100%;
width: calc(85% - 40px);
text-align: center;
padding-bottom: 20px;
padding: 20px;
margin-left: 15%;z
}
footer.fixed {
margin: 0;
position: fixed;
bottom: 0;
left: 0;
left: 15%;
}