buttle
/
pelican-red
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

tweaks layout and css. removes google fonts

main
buttle 6 months ago
parent
ff3429eae0
commit
8936379f7c
5 changed files with 91 additions and 51 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  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
View File

@ -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
View File

@ -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
View File

@ -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
View File

@ -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
View File

@ -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 %}

Write Preview
Loading…
Cancel
Save