marcoamorales · Jan 4, 2014 · Jan 4, 2014 · Jan 4, 2014 · Jan 5, 2014 · Jan 6, 2014
diff --git a/README.md b/README.md
@@ -1,28 +1,41 @@
-pure
+Pure
 ====
 
-Simple collaborative blogging theme based on [Purecss](http:purecss.io) for [Pelican](http://docs.getpelican.com/) blogs.
+[Collaborative blogging theme](http://purepelican.com) based on [Purecss](http:purecss.io) for [Pelican](http://docs.getpelican.com/) blogs.
 Theme is responsive.
 
-See it live at [testpy.org](http://testpy.org/)
+## PELICANCONF.PY
 
-## PREVIEW
+* `COVER_IMG_URL` - Set the sidebar image for homepage.
+* `PROFILE_IMAGE_URL` - Set the image/logo for the top circle cutout on sidebar.
+* `TAGLINE` - Used for the page titles and some meta tags.
+* `DISQUS_SITENAME` - Set this to enable disqus comments in articles.
+* `GOOGLE_ANALYTICS` - Set the Google Analytics code (eg. "UA-000000-00")
+* `SOCIAL` - Set some social links in the sidebar. The format should be like this:
 
-![Pure preview](https://raw.github.com/danclaudiupop/pure/master/preview1.png)
-![Pure preview](https://raw.github.com/danclaudiupop/pure/master/preview3.png)
-![Pure preview](https://raw.github.com/danclaudiupop/pure/master/preview2.png)
+    ```python
+    SOCIAL = (
+        ('github', 'https://github.com/example/'),
+        ('twitter-square', 'https://twitter.com/example'),
+    )
+    ```
+    where the first value of the tuple is the icon name from http://fontawesome.io/icons/ after stripping `fa-` (eg. `fa-github` will be `github`)
 
 
-## PELICANCONF.PY
+## Article metadata:
+* `about_author` - short summary about author displayed under gravatar
+* `email` - display author's gravar on article. See [gravatar pelican plugin](https://github.com/getpelican/pelican-plugins/tree/master/gravatar)
 
-* `COVER_IMG_URL` - Set the sidebar image. (Has no default yet). Width and height for image should be 1000px. Image, ideally should be served from a CDN.
-* `TAGLINE` - Used for the page titles and some meta tags.
-* `DISQUS_SITENAME` - Set this to enable disqus comments in articles.
-* `GRAVATAR` - See pelican-plugins for configuration.
-* `GOOGLE_ANALYTICS`
+## PREVIEW
+
+![Pure preview](http://i.imgur.com/lqCJVrF.png)
 
-## Custom metadata:
-* `about_author` - displayed on article page
+![Pure preview](http://i.imgur.com/eCUsyGk.png)
+
+![Pure preview](http://i.imgur.com/RkYxMIl.png)
+
+See it live at [testpy.org](http://testpy.org/)
 
 ## Aditional features
 * [FitVids](https://github.com/davatron5000/FitVids.js) jQuery plugin for fluid width video embeds.
+* [Math Render Ability](https://github.com/getpelican/pelican-plugins/tree/master/render_math) *render_math* plugin for using MathJax to render both MathML and LaTex.
diff --git a/preview1.png b/preview1.png
diff --git a/preview2.png b/preview2.png
diff --git a/preview3.png b/preview3.png
diff --git a/static/css/pure.css b/static/css/pure.css
@@ -60,7 +60,7 @@ pre {
     position: absolute;
     bottom: 0;
     max-width: 100%;
-    padding-bottom: 100px;
+    padding-bottom: 0;
     padding-top: 100px;
     background-image: linear-gradient(to top,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.3) 70%,rgba(0,0,0,0) 100%);
 }
@@ -81,9 +81,23 @@ pre {
     word-wrap: break-word;
 }
 
+.article-avatar {
+    width: 120px;
+    height: 120px;
+    border-radius: 60px;
+    float: right;
+    margin-left: 1em;
+    border: 3px solid #fff;
+    z-index: 500;
+    background-color: #fff;
+    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3);
+    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3);
+    box-shadow: 0 1px 1px rgba(0,0,0,0.3);
+}
+
 .about-author {
     display: block;
-    width: 65%;
+    width: 85%;
     padding: 0 0px;
     float: right;
     margin-bottom: 35px;
@@ -126,12 +140,22 @@ pre {
 .tagline {
     margin-left: 15px;
     margin-top: -15px;
-    line-height: 0.8em;
+    line-height: 15px;
     font-size: 80%;
     text-shadow: 0 1px 3px rgba(0,0,0,0.3);
     color: #fff;
 }
 
+.social {
+    display: inline-block;
+}
+.social a {
+    text-decoration: none;
+    margin-left: 15px;
+    text-shadow: 0 1px 3px rgba(0,0,0,0.3);
+    color: #fff;
+}
+
 .links a {
     font-size: 15px;
     padding-left: 15px;
@@ -154,6 +178,7 @@ pre {
 
 .content {
     padding: 2em 3em 0;
+    max-width: 1000px;
     font-size: 110%;
     line-height: 1.45;
     color: #333332;
@@ -168,11 +193,6 @@ pre {
     color: #333332;
     letter-spacing: -1px;
 }
-.post-avatar {
-    border-radius: 50px;
-    float: right;
-    margin-left: 1em;
-}
 .post-meta {
     color: #999;
     font-size: 90%;
@@ -200,9 +220,13 @@ pre {
     line-height: 130%;
 }
 
-.archive-avatar {
+.avatar {
     float: right;
     border-radius: 50px;
+    margin-left: 16px;
+    margin-top: 7px;
+    width: 70px;
+    height: 70px;
 }
 
 .archive-meta {
@@ -273,21 +297,36 @@ pre {
         width: 100%;
         position: relative;
         margin: 0;
-        height: 425px;
+        height: 325px;
+    }
+    .sidebar.sidebar-article {
+        height: auto;
+        border-bottom: 1px #dededc solid;
+        padding-bottom: 35px;
+    }
+
+    .content {
+        padding: 1em 1.5em 0;
+        font-size: 85%;
     }
 
     .cover-img {
         background-position: 0;
         background-size: cover;
     }
 
-    .post-avatar {
-        margin-top: 15px;
-        float: none;
+    .avatar {
+        width: 45px;
+        height: 45px;
+    }
+
+    .article-avatar {
+        float: none
     }
 
     .about-author {
         width: 100%;
+        padding: 0 100px;
     }
 
     .cover-body {

diff --git a/static/js/jquery.fitvids.js b/static/js/jquery.fitvids.js
diff --git a/templates/archives.html b/templates/archives.html
@@ -6,20 +6,20 @@
 {% block content %}
 <div class="pure-g-r" id="layout">
     {% include 'sidebar.html' %}
-    <div class="pure-u-3-4">
+    <div class="pure-u-1">
         <div class="content">
             <h1 class="content-subhead">All posts</h1>
             {% for article in dates %}
-                <div class="pure-g-r archive-item">
-                    <div class="pure-u-1">
-                        <h5 class="archive-date">{{ article.date|strftime('%Y') }}</h5>
-                        <a href="{{ SITEURL }}/{{ article.author.url }}" title="See posts by {{ article.author }}">
-                            <img class="archive-avatar" alt="{{ article.author }}" src="{{ article.author_gravatar }}" height="64" width="64">
-                        </a>
-                        <h4 class="archive-date">{{ article.date|strftime('%d %B') }}</h4>
-                        <div class="archive-post"><a href="{{ article.url }}">{{ article.title }}</a></div>
-                        <p class="archive-meta">{{ article.author }} in <a href="{{ SITEURL }}/{{ article.category.url }}">{{ article.category }}</a></p>
-                    </div>
+                <div class="archive-item">
+                    <a href="{{ SITEURL }}/{{ article.author.url }}" title="See posts by {{ article.author }}">
+                        {% if article.author_gravatar %}
+                            <img class="avatar" alt="{{ article.author }}" src="{{ article.author_gravatar }}">
+                        {% endif %}
+                    </a>
+                    <h5 class="archive-date">{{ article.date|strftime('%Y') }}</h5>
+                    <h4 class="archive-date">{{ article.date|strftime('%d %B') }}</h4>
+                    <div class="archive-post"><a href="{{ article.url }}">{{ article.title }}</a></div>
+                    <p class="archive-meta">{{ article.author }} in <a href="{{ SITEURL }}/{{ article.category.url }}">{{ article.category }}</a></p>
                 </div>
             {% endfor %}
         </div>

diff --git a/templates/article.html b/templates/article.html
@@ -6,7 +6,7 @@
 {% endblock %}
 
 {% block head_js %}
-    <script src="{{ SITEURL }}/theme/js/jquery.fitvids.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/fitvids/1.0.1/jquery.fitvids.min.js"></script>
     <script>
         $(document).ready(function(){
             $(".content").fitVids();
@@ -16,22 +16,23 @@
 
 {% block content %}
 <div class="pure-g-r" id="layout">
-    <div class="sidebar pure-u">
+    <div class="sidebar sidebar-article pure-u">
         <header class="header-article">
             <hgroup>
                 <a href="{{ SITEURL }}/{{ article.author.url }}" title="See posts by {{ article.author }}">
-                    <img class="post-avatar" alt="{{ article.author }}" src="{{ article.author_gravatar }}" height="100" width="100">
+                    {% if article.author_gravatar %}
+                        <img class="avatar" alt="{{ article.author }}" src="{{ article.author_gravatar }}">
+                    {% endif %}
                 </a>
                 <h2 class="article-info">{{ article.author }}</h2>
                 <small class="about-author">{{ article.about_author }}</small>
                 <h5>Published</h5>
                 <p>{{ article.locale_date }}</p>
                 <a href="/">&larr;Home</a>
-                <hr>
             </hgroup>
         </header>
     </div>
-    <div class="pure-u-3-4">
+    <div class="pure-u">
         <div class="content">
             <section class="post">
                 <header class="post-header">

diff --git a/templates/base.html b/templates/base.html
@@ -22,11 +22,16 @@
         <title>{% block title %}{{ SITENAME }} // {{ TAGLINE }}{% endblock title %}</title>
     {% endblock head %}
 
-    <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.3.0/pure-min.css">
+    {% if FAVICON %}
+    <link href="{{ SITEURL }}/{{ FAVICON }}" rel="icon">
+    {% endif %}
+
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/pure/0.3.0/pure-min.css">
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="{{ SITEURL }}/theme/css/pure.css">
     {% block head_css %}{% endblock %}
 
-    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
     {% block head_js %}{% endblock %}
 </head>
 

diff --git a/templates/index.html b/templates/index.html
@@ -3,7 +3,7 @@
 {% block content %}
 <div class="pure-g-r" id="layout">
     {% include 'sidebar.html' %}
-    <div class="pure-u-3-4">
+    <div class="pure-u-1">
         <div class="content">
             <!-- A wrapper for all the blog posts -->
             <div class="posts">
@@ -21,6 +21,14 @@ <h1 class="content-subhead">
                 </h1>
                 {% for article in articles_page.object_list %}
                     {% include 'post.html' %}
+                    {% if MATH is defined and not MATH['auto_insert'] %}
+			{% if page and page.mathjax or article and article.mathjax %}
+                            {% set mathjax = True %}
+                        {% endif %}
+                    {% endif %}
+                    {% if loop.last and mathjax is defined %}
+                        {{ MATHJAXSCRIPT }}
+                    {% endif %}
                 {% endfor %}
                 {% include 'pagination.html' %}
                 {% include 'footer.html' %}

diff --git a/templates/page.html b/templates/page.html
@@ -4,7 +4,7 @@
 {% block content %}
 <div class="pure-g-r" id="layout">
     {% include 'sidebar.html' %}
-    <div class="pure-u-3-4">
+    <div class="pure-u-1">
         <div class="content">
             <h1 class="content-subhead">{{ page.title }}</h1>
             <p>{{ page.content }}</p>

diff --git a/templates/post.html b/templates/post.html
@@ -1,7 +1,9 @@
 <section class="post">
     <header class="post-header">
         <a href="{{ SITEURL }}/{{ article.author.url }}" title="See posts by {{ article.author }}">
-            <img class="post-avatar" alt="{{ article.author }}" src="{{ article.author_gravatar }}" height="72" width="72">
+            {% if article.author_gravatar %}
+                <img class="avatar" alt="{{ article.author }}" src="{{ article.author_gravatar }}">
+            {% endif %}
         </a>
         <h3><a class="post-title" href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></h3>
             <p class="post-meta">{{ article.summary }}</p>