Add missing HTML img alt attribute
Wrap content body in div Add title class to titles Show icons with the teaser metadata Visual improvementsmain
parent
0ec99b17d0
commit
8b0903ec8e
|
@ -46,6 +46,7 @@ h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: Montserrat, 'Helvetica Neue', sans-serif;
|
font-family: Montserrat, 'Helvetica Neue', sans-serif;
|
||||||
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
@ -77,7 +78,7 @@ blockquote {
|
||||||
margin: 20px 0;
|
margin: 20px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header h1 {
|
.header .title {
|
||||||
font-size: 3em;
|
font-size: 3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -132,40 +133,48 @@ blockquote {
|
||||||
border: 1px solid #ddd;
|
border: 1px solid #ddd;
|
||||||
}
|
}
|
||||||
|
|
||||||
.teaser h4 {
|
.teaser header ul {
|
||||||
|
list-style: none;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.teaser header li {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.teaser .title {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.teaser p {
|
.teaser .content p {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.teaser header div {
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.article > ul,
|
|
||||||
.article > ol,
|
|
||||||
.article > p,
|
|
||||||
.article > blockquote,
|
|
||||||
.article > .highlight {
|
|
||||||
margin: 20px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.article > h2 {
|
|
||||||
margin-top: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.article a {
|
|
||||||
text-decoration: underline
|
|
||||||
}
|
|
||||||
|
|
||||||
.article header ul {
|
.article header ul {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.article header li {
|
.article header li {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.article .content p {
|
||||||
|
margin: 25px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.article .content a {
|
||||||
|
text-decoration: underline
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.teaser header ul {
|
||||||
|
margin-left: -5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.teaser header li {
|
||||||
|
display: inline-block;
|
||||||
|
padding-right: 5px;
|
||||||
|
padding-left: 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
@ -43,7 +43,9 @@
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</ul>
|
</ul>
|
||||||
</header>
|
</header>
|
||||||
{{ article.content }}
|
<div class="content">
|
||||||
|
{{ article.content }}
|
||||||
|
</div>
|
||||||
</article>
|
</article>
|
||||||
{% include 'include/comments.html' %}
|
{% include 'include/comments.html' %}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
|
@ -63,12 +63,12 @@
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
{% if SITEIMAGE %}
|
{% if SITEIMAGE %}
|
||||||
<div class="col-sm-4 hidden-xs">
|
<div class="col-sm-4">
|
||||||
<a href="{{ SITEURL }}"><img class="img-responsive" src={{ SITEURL }}{{ SITEIMAGE }}></a>
|
<a href="{{ SITEURL }}"><img class="img-responsive" src={{ SITEURL }}{{ SITEIMAGE }} alt="{{ SITENAME }}"></a>
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<div class="col-sm-{% if SITEIMAGE %}8{% else %}12{% endif %}">
|
<div class="col-sm-{% if SITEIMAGE %}8{% else %}12{% endif %}">
|
||||||
<h1><a href="{{ SITEURL }}">{{ SITENAME }}</a></h1>
|
<h1 class="title"><a href="{{ SITEURL }}">{{ SITENAME }}</a></h1>
|
||||||
{% if SITESUBTITLE %}
|
{% if SITESUBTITLE %}
|
||||||
<p>{{ SITESUBTITLE }}</p>
|
<p>{{ SITESUBTITLE }}</p>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
@ -108,7 +108,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<footer class="footer text-muted">
|
<footer class="footer">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<ul class="col-sm-6 list-inline">
|
<ul class="col-sm-6 list-inline">
|
||||||
|
@ -121,7 +121,7 @@
|
||||||
<li><a href="{{ SITEURL }}/tags.html">Tags</a></li>
|
<li><a href="{{ SITEURL }}/tags.html">Tags</a></li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</ul>
|
</ul>
|
||||||
<div class="col-sm-6 hidden-xs text-right">
|
<div class="col-sm-6 hidden-xs text-right text-muted">
|
||||||
Generated by <a href="https://github.com/getpelican/pelican" target="_blank">Pelican</a> using <a href="https://github.com/rwanyoike/pelican-alchemy" target="_blank">✨ alchemy</a>
|
Generated by <a href="https://github.com/getpelican/pelican" target="_blank">Pelican</a> using <a href="https://github.com/rwanyoike/pelican-alchemy" target="_blank">✨ alchemy</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -18,24 +18,31 @@ All Articles
|
||||||
{% block content %}
|
{% block content %}
|
||||||
{% for article in articles_page.object_list %}
|
{% for article in articles_page.object_list %}
|
||||||
<article class="row teaser">
|
<article class="row teaser">
|
||||||
<header class="col-sm-4 hidden-xs text-muted">
|
<header class="col-sm-4 text-muted">
|
||||||
<div title="{{ article.date.isoformat() }}">
|
<ul>
|
||||||
{{ article.locale_date }}
|
<li title="{{ article.date.isoformat() }}">
|
||||||
</div>
|
<i class="fa fa-clock-o"></i>
|
||||||
<div>
|
{{ article.locale_date }}
|
||||||
<a href="{{ SITEURL }}/{{ article.category.url }}">{{ article.category }}</a>
|
</li>
|
||||||
</div>
|
<li>
|
||||||
{% if not HIDE_AUTHORS and article.authors %}
|
<i class="fa fa-folder-open-o"></i>
|
||||||
<div>
|
<a href="{{ SITEURL }}/{{ article.category.url }}">{{ article.category }}</a>
|
||||||
{% for author in article.authors %}
|
</li>
|
||||||
<a href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a>{% if not loop.last %}, {% endif %}
|
{% if not HIDE_AUTHORS and article.authors %}
|
||||||
{% endfor %}
|
<li>
|
||||||
</div>
|
<i class="fa fa-user-o"></i>
|
||||||
{% endif %}
|
{% for author in article.authors %}
|
||||||
|
<a href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a>{% if not loop.last %}, {% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
</li>
|
||||||
|
{% endif %}
|
||||||
|
</ul>
|
||||||
</header>
|
</header>
|
||||||
<div class="col-sm-8">
|
<div class="col-sm-8">
|
||||||
<h4><a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></h4>
|
<h4 class="title"><a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></h4>
|
||||||
{{ article.summary|striptags }}
|
<div class="content">
|
||||||
|
{{ article.summary|striptags }}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
{% if not loop.last %}
|
{% if not loop.last %}
|
||||||
|
|
|
@ -15,6 +15,8 @@
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<article class="article">
|
<article class="article">
|
||||||
{{ page.content }}
|
<div class="content">
|
||||||
|
{{ page.content }}
|
||||||
|
</div>
|
||||||
</article>
|
</article>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
Loading…
Reference in New Issue