Update css for page content and modify divs

This commit is contained in:
Sam 2024-08-01 15:44:02 +01:00
parent 4affda2e81
commit ff1bcfd6ab
3 changed files with 17 additions and 19 deletions

View File

@ -7,8 +7,4 @@
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"
></script>
<script src="https://cdn.jsdelivr.net/npm/echarts@5.5.1/dist/echarts.min.js"></script>
<div class="main-page">
<html lang="{{ .Site.LanguageCode }}">
{{ template "partials/body.html" . }}
</html>
</div>
{{ template "partials/body.html" . }}

View File

@ -1,8 +1,7 @@
<body>
{{ partial "header.html" . }}
<main class="main-content">
{{- block "main" . }}
{{ end -}}
</main>
{{ partial "footer.html" . }}
<div class="page-container">
{{ partial "header.html" . }}
<main class="main-content">{{- block "main" . }} {{ end -}}</main>
{{ partial "footer.html" . }}
</div>
</body>

View File

@ -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;