weeheavy/pelican-theme
1
0
Fork 0
forked from github/pelican
Code Pull requests Activity

Theme modifications, add a summary for the articles.

Browse source
This commit is contained in:
Alexis Metaireau 2010-09-27 18:29:19 +01:00
commit 62576f91c5
6 changed files with 122 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

18
samples/themes/notmyidea/css/main.css
View file

@ -34,9 +34,12 @@ h2, h3, h4, h5, h6 {
font-weight: 400;
line-height: 1.1;
margin-bottom: .8em;
margin-top: .8em;
}
h3, h4, h5, h6 { margin-top: .8em; }
hr { border: 2px solid #EEEEEE; }
/* Anchors */
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
@ -54,7 +57,6 @@ a:hover, a:active {
/* Paragraphs */
p {margin-bottom: 1.143em;}
* p:last-child {margin-bottom: 0;}
strong, b {font-weight: bold;}
em, i {font-style: italic;}
@ -73,6 +75,14 @@ ol {
margin: 1em 0 1.5em 1.5em;
}
.post-info {
float:right;
margin:10px;
padding:5px;
}
.readmore { float: right }
dl {margin: 0 0 1.5em 0;}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}
@ -121,7 +131,7 @@ img.left, figure.left {float: right; margin: 0 0 2em 2em;}
}
/* Banner */
#banner h1 {font-size: 3.571em; line-height: .6;}
#banner h1 {font-size: 3.571em; line-height: 0;}
#banner h1 a:link, #banner h1 a:visited {
color: #000305;
display: block;
@ -324,7 +334,7 @@ img.left, figure.left {float: right; margin: 0 0 2em 2em;}
li:last-child .hentry, #content > .hentry {border: 0; margin: 0;}
#content > .hentry {padding: 1em 0;}
.entry-title {font-size: 1.429em; margin-bottom: 5px; margin-top: 0; }
.entry-title {font-size: 2em; margin-bottom: 5px; margin-top: 0; }
.entry-title a:link, .entry-title a:visited {text-decoration: none;}
.hentry .post-info * {font-style: normal;}

8
samples/themes/notmyidea/templates/article.html
View file

@ -1,19 +1,19 @@
{% extends "base.html" %}
{% block content %}
<section id="content" class="body">
<div class="hentry">
<article>
<header> <h2 class="entry-title"><a href="{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title}}">{{ article.title }}</a></h2> </header>
<div class="entry-content">
<footer class="post-info">
<abbr class="published" title="{{ article.date.isoformat() }}">
{{ article.date.strftime('%Y-%m-%d %H:%M') }}
{{ article.date.strftime('%a %d %B %Y') }}
</abbr>
<address class="vcard author">
By <a class="url fn" href="#">{{ article.author }}</a>
</address>
</address>In <a href="{{ BLOGURL }}/category/{{ article.category }}.html">{{ article.category }}</a>
</footer><!-- /.post-info -->
{{ article.content }}
</div><!-- /.entry-content -->
</div>
</article>
</section>
{% endblock %}

8
samples/themes/notmyidea/templates/base.html
View file

@ -22,7 +22,7 @@
<body id="index" class="home">
<header id="banner" class="body">
<h1><a href="#">{{ BLOGNAME }} <strong>{{ BLOGSUBTITLE }}</strong></a></h1>
<h1><a href="{{ BLOGURL }}">{{ BLOGNAME }} {% if BLOGSUBTITLE %} <strong>{{ BLOGSUBTITLE }}</strong>{% endif %}</a></h1>
<nav><ul>
{% for title, link in MENUITEMS %}
<li><a href="{{ link }}">{{ title }}</a></li>
@ -40,7 +40,7 @@
<h2>blogroll</h2>
<ul>
{% for name, link in BLOGROLL %}
<li><a href="{{ BLOGURL }}/{{ link }}">{{ name }}</a></li>
<li><a href="{{ link }}">{{ name }}</a></li>
{% endfor %}
</ul>
</div><!-- /.blogroll -->
@ -49,7 +49,7 @@
<div class="social">
<h2>social</h2>
<ul>
<li><a href="{{ BLOGURL }}/atom.xml" rel="alternate">atom feed</a></li>
<li><a href="{{ BLOGURL }}/feeds/all.atom.xml" rel="alternate">atom feed</a></li>
{% for name, link in SOCIAL %}
<li><a href="{{ link }}">{{ name }}</a></li>
{% endfor %}
@ -63,7 +63,7 @@
Proudly powered by <a href="http://hg.lolnet.org/pelican/">pelican</a>, which takes great advantages of <a href="http://python.org">python</a>.
</address><!-- /#about -->
<p>The theme is by<a href="http://smashingmagazine.com">Smashing Magazine</a>, thanks!</p>
<p>The theme is by <a href="http://smashingmagazine.com">Smashing Magazine</a>, thanks!</p>
</footer><!-- /#contentinfo -->
</body>

28
samples/themes/notmyidea/templates/index.html
View file

@ -4,28 +4,42 @@
{% for article in articles %}
{% if loop.index == 1 %}
<aside id="featured" class="body"><article>
<hgroup> <h2>Last article</h2> <h3><a href="{{ BLOGURL }}/{{ article.url }}">{{ article.title }}</a></h3> </hgroup>
{{ article.summary }}
<h2 class="entry-title"><a href="{{ BLOGURL }}/{{ article.url }}">{{ article.title }}</a></h2>
<footer class="post-info">
<abbr class="published" title="{{ article.date.isoformat() }}">
{{ article.date.strftime('%a %d %B %Y') }}
</abbr>
<address class="vcard author">
By <a class="url fn" href="#">{{ article.author }}</a>
</address>In <a href="{{ BLOGURL }}/category/{{ article.category }}.html">{{ article.category }}</a>
</footer><!-- /.post-info -->
{{ article.content }}
</article></aside><!-- /#featured -->
<section id="content" class="body">
<ol id="posts-list" class="hfeed">
{% if loop.length > 1 %}
<section id="content" class="body">
<h2>Others articles</h2>
<hr />
<ol id="posts-list" class="hfeed">
{% endif %}
{% else %}
<li><article class="hentry">
<header>
<h2 class="entry-title"><a href="{{ BLOGURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title}}">{{ article.title }}</a></h2>
<h2><a href="{{ BLOGURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title}}">{{ article.title }}</a></h2>
</header>
<div class="entry-content">
<footer class="post-info">
<abbr class="published" title="{{ article.date.isoformat() }}">
{{ article.date.strftime('%Y-%m-%d %H:%M') }}
{{ article.date.strftime('%a %d %B %Y') }}
</abbr>
<address class="vcard author">
By <a class="url fn" href="#">{{ article.author }}</a>
</address>
</address>In <a href="{{ BLOGURL }}/category/{{ article.category }}.html">{{ article.category }}</a>
</footer><!-- /.post-info -->
{{ article.summary }}
<a class="readmore" href="{{ BLOGURL }}/{{ article.url }}">read more</a>
</div><!-- /.entry-content -->
</article></li>
{% endif %}