gcrkrause
/
blog-theme
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Pixels must! align 🐺 

Remove rounded, keep consistent design
main
Raymond Wanyoike 2016-12-01 02:47:09 +03:00
parent b2ab9b8041
commit a00eaab125
4 changed files with 46 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
alchemy/static/css/style.css
View File

@ -4,17 +4,22 @@
text-shadow: none;
}
body {
background-color: #f5f5f5;
}
a {
color: #333;
}
a:focus,
a:hover {
color: #0085a1
color: #0085a1;
}
blockquote {
color: #818a91;
font-style: italic;
}
hr {
margin: 1.5rem 0;
}
/* ------------------------------------------------------------------------- */
@ -23,9 +28,14 @@ a:hover {
max-width: 960px;
}
.header,
.footer {
background-color: #f5f5f5;
padding: 1.5rem 0 .5rem;
}
.header {
border-bottom: 1px solid rgba(0,0,0,.1);
padding-top: 1rem;
}
.header img {
@ -33,7 +43,6 @@ a:hover {
}
.header .title {
font-size: 3rem;
font-weight: bold;
margin-bottom: 1rem;
}
@ -50,13 +59,11 @@ a:hover {
}
.main {
background-color: #fff;
padding: 2rem 0;
padding: 1.5rem 0;
}
.footer {
border-top: 1px solid rgba(0,0,0,.1);
padding-top: 1rem;
}
.highlight pre {
@ -86,14 +93,25 @@ a:hover {
margin-bottom: .5rem;
}
.article .content p {
margin: 1.5rem 0;
.article header li:not(:last-child) {
margin-right: 10px;
}
.article .content a {
text-decoration: underline
}
/* Pad article content */
.article .content p {
margin: 1.5rem 0;
}
@media (min-width: 576px) {
.header .title {
font-size: 3rem;
}
}
@media (max-width: 576px) {
.header,
.footer {
@ -105,6 +123,6 @@ a:hover {
}
.teaser header li:not(:last-child) {
margin-right: 5px;
margin-right: 10px;
}
}

19
alchemy/templates/article.html
View File

@ -21,22 +21,11 @@
<i class="fa fa-clock-o"></i>
{{ article.locale_date }}
</li>
<li class="list-inline-item text-muted">&middot;</li>
<li class="list-inline-item">
<i class="fa fa-folder-open-o"></i>
<a href="{{ SITEURL }}/{{ article.category.url }}">{{ article.category }}</a>
</li>
{% if article.tags %}
<li class="list-inline-item text-muted">&middot;</li>
<li class="list-inline-item">
<i class="fa fa-files-o"></i>
{% for tag in article.tags %}
<a href="{{ SITEURL }}/{{ tag.url }}">#{{ tag }}</a>{% if not loop.last %}, {% endif %}
{% endfor %}
</li>
{% endif %}
{% if not HIDE_AUTHORS and article.authors %}
<li class="list-inline-item text-muted">&middot;</li>
<li class="list-inline-item">
<i class="fa fa-user-o"></i>
{% for author in article.authors %}
@ -44,6 +33,14 @@
{% endfor %}
</li>
{% endif %}
{% if article.tags %}
<li class="list-inline-item">
<i class="fa fa-files-o"></i>
{% for tag in article.tags %}
<a href="{{ SITEURL }}/{{ tag.url }}">#{{ tag }}</a>{% if not loop.last %}, {% endif %}
{% endfor %}
</li>
{% endif %}
</ul>
</header>
<div class="content">

11
alchemy/templates/base.html
View File

@ -2,9 +2,11 @@
<html lang="{{ DEFAULT_LANG }}">
<head>
<!-- Required meta tags always come first -->
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>{% block title %}| {{ SITENAME }}{% endblock %}</title>
<link rel="canonical" href="{{ SITEURL }}/{{ output_file }}">
@ -57,17 +59,16 @@
{% if SITEIMAGE %}
<div class="col-sm-4">
<a href="{{ SITEURL }}">
<img class="img-fluid rounded" src={{ SITEURL }}{{ SITEIMAGE }} alt="{{ SITENAME }}">
<img class="img-fluid" src={{ SITEURL }}{{ SITEIMAGE }} alt="{{ SITENAME }}">
</a>
</div>
{% endif %}
<div class="col-sm-{% if SITEIMAGE %}8{% else %}12{% endif %}">
<h1 class="title"><a href="{{ SITEURL }}">{{ SITENAME }}</a></h1>
{% if SITESUBTITLE %}
<p>{{ SITESUBTITLE }}</p>
<p class="text-muted">{{ SITESUBTITLE }}</p>
{% endif %}
{% if LINKS or (DISPLAY_PAGES_ON_MENU and PAGES) or ICONS %}
<hr>
<ul class="list-inline">
{% for title, link in LINKS %}
<li class="list-inline-item"><a href="{{ link }}" target="_blank">{{ title }}</a></li>
@ -84,7 +85,7 @@
{% if (LINKS or (DISPLAY_PAGES_ON_MENU and PAGES)) and loop.first %}
<li class=" list-inline-item text-muted">|</li>
{% endif %}
<li class="list-inline-item"><a class="fa fa-lg fa-{{ icon }}" href="{{ link }}" target="_blank"></a></li>
<li class="list-inline-item"><a class="fa fa-{{ icon }}" href="{{ link }}" target="_blank"></a></li>
{% endfor %}
</ul>
{% endif %}
@ -115,7 +116,7 @@
{% endif %}
</ul>
<p class="col-sm-6 text-sm-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">&#x2728; alchemy</a>
Generated by <a href="https://github.com/getpelican/pelican" target="_blank">Pelican</a> / <a href="https://github.com/rwanyoike/pelican-alchemy" target="_blank">&#x2728;</a>
</p>
</div>
</div>

4
alchemy/templates/index.html
View File

@ -12,7 +12,7 @@
{% endblock %}
{% block page_header %}
All Articles
Articles
{% endblock %}
{% block content %}
@ -24,13 +24,11 @@ All Articles
<i class="fa fa-clock-o"></i>
{{ article.locale_date }}
</li>
<li class="list-inline-item hidden-sm-up text-muted">&middot;</li>
<li>
<i class="fa fa-folder-open-o"></i>
<a href="{{ SITEURL }}/{{ article.category.url }}">{{ article.category }}</a>
</li>
{% if not HIDE_AUTHORS and article.authors %}
<li class="list-inline-item hidden-sm-up text-muted">&middot;</li>
<li>
<i class="fa fa-user-o"></i>
{% for author in article.authors %}