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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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