blacklight/madblog
blacklight/madblog
1
2
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Added footer

Browse source
This commit is contained in:
Fabio Manganiello 2022-01-14 01:24:28 +01:00
parent 3fd85c5c0b
commit 045fa3995c
6 changed files with 63 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
CHANGELOG.md
View file

@ -1,3 +1,7 @@
# 0.1.7
- Added footer to pages.
# 0.1.6 # 0.1.6
- Support for `/rss?short` URL for short articles description on the RSS feed. - Support for `/rss?short` URL for short articles description on the RSS feed.

19
madblog/static/css/common.css
View file

@ -1,5 +1,6 @@
html { html {
height: 100%; height: -webkit-fill-available;
height: -moz-available;
font-size: 20px; font-size: 20px;
font-family: BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif; font-family: BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: 400; font-weight: 400;
@ -8,8 +9,10 @@ html {
body { body {
margin: 0; margin: 0;
width: 100%; height: 100vh;
height: 100%; /* mobile viewport bug fix */
min-height: -webkit-fill-available;
min-height: -moz-available;
} }
a, a:visited { a, a:visited {
@ -105,3 +108,13 @@ h2 {
line-height: 1.1em; line-height: 1.1em;
} }
footer {
width: 100%;
font-size: .65em;
color: rgba(0, 0, 0, .4);
letter-spacing: .02em;
margin-top: .5em;
padding-top: .25em;
text-align: center;
box-shadow: 1px -2px 2px 0 #bbb;
}

9
madblog/static/css/home.css
View file

@ -2,6 +2,15 @@ main {
padding: 0; padding: 0;
} }
.index {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden;
}
.articles { .articles {
width: 100%; width: 100%;
height: 100%; height: 100%;

2
madblog/templates/article.html
View file

@ -38,6 +38,8 @@
{{ content | safe }} {{ content | safe }}
</div> </div>
</div> </div>
{% include 'footer.html' %}
</main> </main>
{% include 'common-tail.html' %} {% include 'common-tail.html' %}

3
madblog/templates/footer.html Normal file
View file

@ -0,0 +1,3 @@
<footer>
Powered by <a href="https://github.com/BlackLight/madblog" target="_blank">madblog</a>
</footer>

54
madblog/templates/index.html
View file

@ -3,35 +3,39 @@
{% endwith %} {% endwith %}
<main> <main>
<div class="articles"> <div class="index">
{% for page in pages %} <div class="articles">
<a class="article" href="{{ page['uri'] }}"> {% for page in pages %}
<div class="container"> <a class="article" href="{{ page['uri'] }}">
{% if page['image'] %} <div class="container">
<div class="image"> {% if page['image'] %}
<img src="{{ page['image'] }}" alt=""> <div class="image">
</div> <img src="{{ page['image'] }}" alt="">
{% endif %} </div>
{% endif %}
<div class="title"> <div class="title">
{{ page['title'] }} {{ page['title'] }}
</div> </div>
{% if page['published'] %} {% if page['published'] %}
<div class="published-date"> <div class="published-date">
{{ page['published'].strftime('%b %d, %Y') }} {{ page['published'].strftime('%b %d, %Y') }}
</div> </div>
{% endif %} {% endif %}
{% if page['description'] %} {% if page['description'] %}
<div class="description"> <div class="description">
{{ page['description'] }} {{ page['description'] }}
</div> </div>
{% endif %} {% endif %}
</div> </div>
</a> </a>
{% endfor %} {% endfor %}
</div>
</div> </div>
{% include 'footer.html' %}
</main> </main>
{% include 'common-tail.html' %} {% include 'common-tail.html' %}