Browse Source

tweaks layout and css. removes google fonts

main
buttle 6 months ago
parent
commit
8936379f7c
  1. 6
      README.md
  2. 44
      static/css/style.css
  3. 12
      templates/article.html
  4. 34
      templates/base.html
  5. 46
      templates/index.html

6
README.md

@ -8,6 +8,12 @@ Responsive theme for [Pelican](http://blog.getpelican.com/) Static Site Generato
https://github.com/Parbhat/pelican-blue.git
Main differences are:
* Articles published under the `Releases` category are displayed in the navbar.
* Google font has been removed.
* Proprietory Social media links have been removed.
## Demo
You can see the theme in action at http://blog.liberaforms.org

44
static/css/style.css

@ -9,7 +9,7 @@ h1 { text-transform: uppercase }
h1, h2 {
font-weight: normal;
margin-top: 10px;
margin-bottom: 10px;
margin-bottom: 0px;
}
@ -25,20 +25,35 @@ h1, h2 {
}
.latest
{-
padding: 10px 10px;
{
font-size: 1.75em;
margin-bottom: 20px;
color: #4a4a4a;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}
/*
.post_title
{
padding: 0.25em;
color: white;
background-color: #d63d3b;
}
.post_title > a {
color: white !important;
}
*/
.post_detail
{
font-size: 2em;
line-height: 1em;
margin-bottom: 1em;
}
.entry-content
{
margin-top: 50px;
margin-top: 25px;
margin-bottom: 50px;
text-align: justify;
color: #333;
@ -74,6 +89,7 @@ article ol.posts
/* Articles */
p.post_entry {
}
article > header {
list-style-type: none;
padding: 0px 10px;
@ -85,12 +101,15 @@ article > header {
.article_left > h1 {
font-size: 20px;
}
.article_right {
background-color: white;
}
.post_list {
list-style-type: none;
padding: 10px 10px;
/*padding: 10px 10px;*/
padding: 0;
border-bottom: 1px solid lightgray;
-moz-border-radius: 5px 0;
-webkit-border-radius: 5px 0;
border-radius: 5px 5px;
@ -98,10 +117,10 @@ article > header {
/* Links */;
a { color:#1DAEDF; text-decoration:none; }
a:visited { color:#1DAEDF; text-decoration:none; }
a:link { color:#1DAEDF; text-decoration:none; }
a:active { color:#1DAEDF; text-decoration:none; }
a { color:#9c2322; text-decoration:none; }
a:visited { color:#9c2322; text-decoration:none; }
a:link { color:#9c2322; text-decoration:none; }
a:active { color:#9c2322; text-decoration:none; }
a:hover { text-decoration: underline; }
/* Code */
@ -139,12 +158,7 @@ aside > ul {
aside a {
color: white !important;
}
aside > h2 {
text-transform: uppercase;
font-size: 14px;
margin-top: 1em;
margin-bottom: 5px;
}
aside > hr {
border: 1px dotted white;
margin-bottom: 1em;

12
templates/article.html

@ -16,9 +16,7 @@
{{ article.title }}
</a>
</h2>
<div class="entry-content blog-post">
{{ article.content }}
</div>
<div class="post_list">
<span>By </span>
<a href="{{ SITEURL }}/{{ article.author.url }}">@{{ article.author }}</a>
@ -27,8 +25,7 @@
<a href="{{ SITEURL }}/{{ article.category.url }}"
rel="bookmark"
title="Permalink to {{ article.category|striptags }}">
[ {{ article.category }} ]
</a>
[{{ article.category }}]</a>
</span>
<span class="post_date">{{ article.locale_date }}</span>
@ -43,6 +40,11 @@
</div>
{% endif %}
</div>
<div class="entry-content blog-post">
{{ article.content }}
<div style="font-style:italic; margin-top:3em">Free Form software for all!</div>
</div>
</article>
</section>
{% endblock %}

34
templates/base.html

@ -16,7 +16,6 @@
<meta itemprop="image" content="{{ AVATAR }}">
<meta itemprop="description" content="{{ AUTHOR_DESCRIPTION }}">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>
<!-- Style Meta Data -->
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/style.css" type="text/css"/>
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/pygments.css" type="text/css"/>
@ -38,7 +37,9 @@
<!-- Sidebar -->
<aside>
<h1>{{ SITENAME }}</h1>
<h1>
<a href="{{ SITEURL }}">{{ SITENAME }}</a>
</h1>
{% if SIDEBAR_DIGEST %}
<p>{{ SIDEBAR_DIGEST }}</p>
{% endif %}
@ -65,13 +66,14 @@
{% if DISPLAY_CATEGORIES_ON_MENU and categories %}
<ul class="navbar">
{% for cat, articles in categories if cat == 'Releases' %}
<h2>
<a href="{{ SITEURL }}/{{ cat.url }}"
{% if cat == category %} class="active"{% endif %}>
{{ cat }}
</a>
</h2>
<h2>
<a href="{{ SITEURL }}/{{ cat.url }}"
{% if cat == category %} class="active"{% endif %}>
{{ cat }}
</a>
</h2>
{% if cat == 'Releases' %}
<br />
{% for article in articles if loop.index < 6 %}
<li>
<a href="{{ SITEURL }}/{{ article.url }}"
@ -144,13 +146,15 @@
<!-- Footer -->
{% if DISPLAY_FOOTER or DISPLAY_FOOTER is not defined %}
<footer>
<p>
Blog powered by <a href="http://getpelican.com/">Pelican</a>,
which takes great advantage of <a href="http://python.org">Python</a>.
<a>Hacked</a>
original theme <a href="https://github.com/parbhat/pelican-blue">Pelican-Blue</a>
by <a href="https://parbhatpuri.com/">@parbhat</a>.
</p>
<p>
Blog powered by <a href="http://getpelican.com/">Pelican</a>,
which takes great advantage of <a href="http://python.org">Python</a>.
<br />
<a href="https://forja.laloka.org/buttle/pelican-red">This theme</a>
is a fork of the
<a href="https://github.com/parbhat/pelican-blue">Pelican-Blue</a>
theme.
</p>
</footer>
{% endif %}

46
templates/index.html

@ -16,22 +16,36 @@
{% if articles %}
<ol class="posts">
{% block heading %}<h2 class="latest">Latest Posts</h2>{% endblock %}
{% for article in (articles_page.object_list if articles_page else articles) %}
<li class="post_list"><p class="post_entry">
<h2 class="post_title"><a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark"
title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a>
</h2>
{% if DISPLAY_SUMMARY and article.summary|length > 0 %}
<p>{{ article.summary }}</p>
{% endif %}
<a href="{{ SITEURL }}/{{ article.author.url }}">@{{ article.author }}</a>
<span> in </span>
<span class="post_category"><a href="{{ SITEURL }}/{{ article.category.url }}" rel="bookmark"
title="Permalink to {{ article.category|striptags }}">[ {{ article.category }} ]</a></span>
<span class="post_date">{{ article.locale_date }}</span>
</li>
{% endfor %}
{% block heading %}
<h2 class="latest">
Latest Posts
</h2>
{% endblock %}
{% for article in (articles_page.object_list if articles_page else articles) %}
<li class="post_list">
<p class="post_entry">
<h2 class="post_title">
<a href="{{ SITEURL }}/{{ article.url }}"
rel="bookmark"
title="Permalink to {{ article.title|striptags }}">
{{ article.title }}</a>
</h2>
<a href="{{ SITEURL }}/{{ article.author.url }}">@{{ article.author }}</a>
<span> in </span>
<span class="post_category">
<a href="{{ SITEURL }}/{{ article.category.url }}"
rel="bookmark"
title="Permalink to {{ article.category|striptags }}">
[{{ article.category }}]</a>
</span>
<span class="post_date">{{ article.locale_date }}</span>
</p>
{% if DISPLAY_SUMMARY and article.summary|length > 0 %}
<p>{{ article.summary }}</p>
{% endif %}
</li>
{% endfor %}
</ol>
{% endif %}

Loading…
Cancel
Save