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 2fb7f5a161
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

@ -3,7 +3,7 @@
/* Global options */
html, body {
* {
margin: 0;
padding: 0;
}
@ -27,14 +27,15 @@ a{
footer {
width: 100%;
text-align: center;
padding-bottom: 20px;
padding: 20px;
}
footer.fixed {
margin: 0;
position: fixed;
bottom: 0;
left: 0;
left: 15%;
width: calc(85% - 40px);
}