Minecon724/m724.eu
1
0
Fork 0
Code Issues 6 Pull requests Projects Releases Packages Wiki Activity Actions

Fix footer

Browse source 
Closes #5
This commit is contained in:
Minecon724 2025-01-16 15:35:51 +01:00
parent 3cb7c290d2
commit a2768d3b7f
Signed by: Minecon724
GPG key ID: 3CCC4D267742C8E8
3 changed files with 41 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
template/article_template.html
View file

@ -17,6 +17,7 @@
<link rel="stylesheet" href="{{ static('style.css') }}">
</head>
<body>
<div id="page-content">
<article id="post">
<header>
<p id="title">
@ -46,6 +47,8 @@
{{ article.htmlContent | raw }}
</div>
</article>
</div>
<div id="footer">
<p>Last modified {{ article.modifiedAt | date("dd.MM.yyyy HH:mm") }} UTC by {{ article.modifiedBy }}</p>

2
template/index_template.html
View file

@ -8,6 +8,7 @@
<link rel="stylesheet" href="{{ static('style.css') }}">
</head>
<body>
<div id="page-content">
<div style="margin-top: 30vh;"></div>
<img id="current-blurred" src="{{ asset(articles[0].custom.photo) }}">
@ -26,6 +27,7 @@
</article>
</a></a>
{% endfor %}
</div>
<div id="footer">
<p>Content on m724.eu is licensed under <a href="https://creativecommons.org/licenses/by/4.0" target="_blank" rel="license noopener noreferrer">CC BY 4.0</a></p>

8
template/static/style.css
View file

@ -6,9 +6,17 @@ html {
}
body {
display: flex;
flex-direction: column; /* Arrange children vertically */
min-height: 100vh; /* Ensure body is at least the viewport height */
margin: 0; /* Reset default body margin */
}
#page-content {
margin: 0 auto;
min-width: min(calc(100vw - 40px), 1000px);
width: calc(50vw - 20px);
flex-grow: 1; /* Allow content to take up available space */
@media screen and (max-width: 1200px) {
width: calc(100vw - 40px);