diff --git a/layouts/bitcoin/baseof.html b/layouts/bitcoin/baseof.html
index 420a242..18108d5 100644
--- a/layouts/bitcoin/baseof.html
+++ b/layouts/bitcoin/baseof.html
@@ -7,8 +7,4 @@
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"
>
-
-
- {{ template "partials/body.html" . }}
-
-
+{{ template "partials/body.html" . }}
diff --git a/layouts/partials/body.html b/layouts/partials/body.html
index 6443daa..89bcc38 100644
--- a/layouts/partials/body.html
+++ b/layouts/partials/body.html
@@ -1,8 +1,7 @@
- {{ partial "header.html" . }}
-
- {{- block "main" . }}
- {{ end -}}
-
- {{ partial "footer.html" . }}
+
+ {{ partial "header.html" . }}
+ {{- block "main" . }} {{ end -}}
+ {{ partial "footer.html" . }}
+
diff --git a/static/css/style.css b/static/css/style.css
index 0e3f433..72e55d4 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -66,19 +66,26 @@ body {
color: var(--text-color);
}
-.main-page {
+.page-container {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.main-content {
- flex-grow: 1;
+ flex: 1;
+}
+
+.page-container {
+ display: flex;
+ flex-direction: column;
+ min-height: 100vh;
}
a {
text-decoration: none;
color: var(--link-color);
+ text-decoration: underline;
}
a:hover {
@@ -107,6 +114,7 @@ a:hover {
.profile-img {
margin-right: 20px;
+ margin-left: 20px;
}
.profile-img img {
@@ -134,7 +142,6 @@ a:hover {
}
}
-/* Articles */
.main-article {
padding: var(--content-padding);
width: var(--article-max-width);
@@ -408,15 +415,11 @@ footer {
background-color: var(--footer-background-color);
color: var(--text-color);
padding: 20px;
+ height: 10vh;
display: flex;
justify-content: space-between;
}
-footer a {
- color: #f2f2f2;
- transition: background-color 0.3s ease;
-}
-
footer a:hover {
background-color: #ddd;
color: black;