Visual improvements
parent
bfb5895c63
commit
118bfc6346
|
@ -46,7 +46,6 @@ h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: Montserrat, 'Helvetica Neue', sans-serif;
|
font-family: Montserrat, 'Helvetica Neue', sans-serif;
|
||||||
font-weight: bold;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
@ -74,6 +73,34 @@ blockquote {
|
||||||
padding-bottom: 10px;
|
padding-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.header img {
|
||||||
|
margin: 20px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header h1 {
|
||||||
|
font-size: 3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header p {
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header hr {
|
||||||
|
border-color: #ddd;
|
||||||
|
margin: 15px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header ul {
|
||||||
|
font-family: Montserrat, 'Helvetica Neue', sans-serif;
|
||||||
|
font-size: 1.1em;
|
||||||
|
margin-bottom: 0;
|
||||||
|
text-transform: lowercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header li {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
.main {
|
.main {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
padding: 20px 0;
|
padding: 20px 0;
|
||||||
|
@ -84,8 +111,16 @@ blockquote {
|
||||||
padding: 20px 0;
|
padding: 20px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.highlight pre {
|
.footer ul {
|
||||||
border: 1px solid #ddd;
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-header {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-header h1 {
|
||||||
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pagination > li > a,
|
.pagination > li > a,
|
||||||
|
@ -93,34 +128,13 @@ blockquote {
|
||||||
color: #333;
|
color: #333;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header img {
|
.highlight pre {
|
||||||
margin: 20px 0;
|
border: 1px solid #ddd;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header h1 {
|
.teaser h4 {
|
||||||
font-size: 3em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header p {
|
|
||||||
font-size: 1.1em;
|
|
||||||
margin-top: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header ul {
|
|
||||||
font-family: Montserrat, 'Helvetica Neue', sans-serif;
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header li {
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page-header {
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.teaser h2 {
|
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.teaser p {
|
.teaser p {
|
||||||
|
@ -136,13 +150,14 @@ blockquote {
|
||||||
.article > p,
|
.article > p,
|
||||||
.article > blockquote,
|
.article > blockquote,
|
||||||
.article > .highlight {
|
.article > .highlight {
|
||||||
margin: 30px 0;
|
margin: 20px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.article > h2 {
|
.article > h2 {
|
||||||
margin-top: 50px;
|
margin-top: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.article a {
|
.article a {
|
||||||
text-decoration: underline
|
text-decoration: underline
|
||||||
}
|
}
|
||||||
|
|
|
@ -18,16 +18,16 @@
|
||||||
<header>
|
<header>
|
||||||
<ul class="list-inline">
|
<ul class="list-inline">
|
||||||
<li class="text-muted" title="{{ article.date.isoformat() }}">
|
<li class="text-muted" title="{{ article.date.isoformat() }}">
|
||||||
<i class="fa fa-fw fa-clock-o"></i>
|
<i class="fa fa-clock-o"></i>
|
||||||
{{ article.locale_date }}
|
{{ article.locale_date }}
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<i class="fa fa-fw fa-folder-open"></i>
|
<i class="fa fa-folder-open-o"></i>
|
||||||
<a href="{{ SITEURL }}/{{ article.category.url }}">{{ article.category }}</a>
|
<a href="{{ SITEURL }}/{{ article.category.url }}">{{ article.category }}</a>
|
||||||
</li>
|
</li>
|
||||||
{% if article.tags %}
|
{% if article.tags %}
|
||||||
<li>
|
<li>
|
||||||
<i class="fa fa-fw fa-tags"></i>
|
<i class="fa fa-files-o"></i>
|
||||||
{% for tag in article.tags %}
|
{% for tag in article.tags %}
|
||||||
<a href="{{ SITEURL }}/{{ tag.url }}">#{{ tag }}</a>{% if not loop.last %}, {% endif %}
|
<a href="{{ SITEURL }}/{{ tag.url }}">#{{ tag }}</a>{% if not loop.last %}, {% endif %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
@ -35,7 +35,7 @@
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if not HIDE_AUTHORS and article.authors %}
|
{% if not HIDE_AUTHORS and article.authors %}
|
||||||
<li>
|
<li>
|
||||||
<i class="fa fa-fw fa-users"></i>
|
<i class="fa fa-user-o"></i>
|
||||||
{% for author in article.authors %}
|
{% for author in article.authors %}
|
||||||
<a href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a>{% if not loop.last %}, {% endif %}
|
<a href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a>{% if not loop.last %}, {% endif %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
|
@ -90,7 +90,7 @@
|
||||||
{% if (LINKS or (DISPLAY_PAGES_ON_MENU and PAGES)) and loop.first %}
|
{% if (LINKS or (DISPLAY_PAGES_ON_MENU and PAGES)) and loop.first %}
|
||||||
<li class="text-muted">|</li>
|
<li class="text-muted">|</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<li><a class="fa fa-fw fa-lg fa-{{ icon }}" href="{{ link }}" target="_blank"></a></li>
|
<li><a class="fa fa-lg fa-{{ icon }}" href="{{ link }}" target="_blank"></a></li>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</ul>
|
</ul>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
@ -108,22 +108,20 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<footer class="footer">
|
<footer class="footer text-muted">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-sm-6">
|
<ul class="col-sm-6 list-inline">
|
||||||
<nav class="list-inline">
|
{% if not HIDE_AUTHORS %}
|
||||||
{% if not HIDE_AUTHORS %}
|
<li><a href="{{ SITEURL }}/authors.html">Authors</a></li>
|
||||||
<li><a href="{{ SITEURL }}/authors.html">Authors</a></li>
|
{% endif %}
|
||||||
{% endif %}
|
<li><a href="{{ SITEURL }}/archives.html">Archives</a></li>
|
||||||
<li><a href="{{ SITEURL }}/archives.html">Archives</a></li>
|
<li><a href="{{ SITEURL }}/categories.html">Categories</a></li>
|
||||||
<li><a href="{{ SITEURL }}/categories.html">Categories</a></li>
|
{% if tags|length %}
|
||||||
{% if tags|length %}
|
<li><a href="{{ SITEURL }}/tags.html">Tags</a></li>
|
||||||
<li><a href="{{ SITEURL }}/tags.html">Tags</a></li>
|
{% endif %}
|
||||||
{% endif %}
|
</ul>
|
||||||
</nav>
|
<div class="col-sm-6 hidden-xs text-right">
|
||||||
</div>
|
|
||||||
<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/nairobilug/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/nairobilug/pelican-alchemy" target="_blank">✨ alchemy</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -18,7 +18,7 @@ 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-right text-muted">
|
<header class="col-sm-4 hidden-xs text-muted">
|
||||||
<div title="{{ article.date.isoformat() }}">
|
<div title="{{ article.date.isoformat() }}">
|
||||||
{{ article.locale_date }}
|
{{ article.locale_date }}
|
||||||
</div>
|
</div>
|
||||||
|
@ -34,7 +34,7 @@ All Articles
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</header>
|
</header>
|
||||||
<div class="col-sm-8">
|
<div class="col-sm-8">
|
||||||
<h2><a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></h2>
|
<h4><a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></h4>
|
||||||
{{ article.summary|striptags }}
|
{{ article.summary|striptags }}
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|
Loading…
Reference in New Issue