Some improvements

notebook/README.md

@@ -50,4 +50,10 @@ On the articles, we added these variables :
 	<meta name="twitter:title" content="{{ article.title }}">
 	<meta name="twitter:description" content="{{ article.Summary }}">
 
-The `article.summary` variable must be set on the header of the Rest/Markdown article source file (tag : `Summary:`). If not, the first `SUMMARY_MAX_LENGTH` words from the blog post will be used as a default summary.
+The `article.summary` variable must be set on the header of the Rest/Markdown article source file (tag : `Summary:`). If not, the first `SUMMARY_MAX_LENGTH` words from the blog post will be used as a default summary.
+
+## Icons
+
+The social icons are from Font-Awesome, and colorized by myself.
+
+Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome

notebook/static/css/notebook.css

@@ -20,7 +20,7 @@ body > article, footer {
   line-height: 1.6em;
   display: block;
   max-width: 600px;
-  margin: 40px auto;
+  margin: 40px auto auto 285px;
   padding: 20px 10px 0;
 }
 

notebook/templates/archives.html

@@ -1,4 +1,16 @@
 {% extends "base.html" %}
+{% block head %}
+{{ super() }}
+<meta name="twitter:creator" content="{{ TWITTER_USERNAME }}">
+<meta name="twitter:url" content="{{ SITEURL }}/archives.html">
+<meta name="twitter:title" content="{{ SITENAME }} ~ Archives">
+<meta name="twitter:description" content="{{ SITENAME }} ~ Archives du site">
+
+<!-- Facebook Meta Data -->
+<meta property="og:title" content="{{ SITENAME }} ~ Archives" />
+<meta property="og:description" content="{{ SITENAME }} ~ Archives" />
+<meta property="og:image" content="{{ AVATAR }}" />
+{% endblock head %}
 {% block content %}
 <h1>Archives</h1>
 

notebook/templates/article.html

@@ -1,10 +1,15 @@
 {% extends "base.html" %}
 {% block head %}
 {{ super() }}
-<meta name="twitter:creator" content="{{ article.author }}">
+<meta name="twitter:creator" content="{{ TWITTER_USERNAME }}">
 <meta name="twitter:url" content="{{ SITEURL }}/{{ article.url }}">
-<meta name="twitter:title" content="{{ article.title }}">
+<meta name="twitter:title" content="{{ SITENAME }} ~ {{ article.title }}">
 <meta name="twitter:description" content="{{ article.summary }}">
+
+<!-- Facebook Meta Data -->
+<meta property="og:title" content="{{ SITENAME }} ~ {{ article.title }}" />
+<meta property="og:description" content="{{ article.summary }}" />
+<meta property="og:image" content="{{ AVATAR }}" />
 {% endblock head %}
 {% block title %}{{ article.title }}{% endblock %}
 {% block content %}
@@ -27,11 +32,13 @@ <h2 class="post_title"><a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark"
             </div>
 
             <div class="entry-social">
-                <span class="twitter"><a href="https://twitter.com/home/?status={{ article.title }}%20%7C%20{{ SITEURL }}/{{article.url}}%20by%20@{{TWITTER_USERNAME}}" target="_blank">Twitter</a></span>
+                <span class="twitter"><a target="_blank" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=400,width=700');return false;" title="Twitter" href="https://twitter.com/share?url={{ SITEURL }}/{{ article.url }}&text={{ article.title }}&via={{TWITTER_USERNAME}}">Twitter</a></span>
+
+                <span class="gplus"><a target="_blank" title="Google +" href="https://plus.google.com/share?url={{ SITEURL }}/{{article.url}}&hl=fr" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;">Google+</a></span>
 
-                <span class="gplus"><a href="http://plus.google.com/share?url={{ SITEURL }}/{{article.url}}&hl=fr" target="_blank">Google+</a></span>
+                <span class="facebook"><a target="_blank" title="Facebook" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=700');return false;" href="https://www.facebook.com/sharer.php?u={{ SITEURL }}/{{article.url}}&t={{ article.title }}">Facebook</a></span>
 
-                <span class="facebook"><a href="http://www.facebook.com/sharer.php?u={{ SITEURL }}/{{article.url}}&t={{ article.title }}" target="_blank">Facebook</a></span>
+                <a  target="_blank" title="Linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=<{{ SITEURL }}/{{ article.url }}&title={{ article.title }}" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;">Linkedin</a>
 
                 <span class="mail"><a href="mailto:?subject={{ article.title }}&amp;body=Viens découvrir un article à propos de [{{ article.title }}] sur le site de {{ AUTHOR }}. {{ SITEURL }}/{{article.url}}" title="Share by Email" target="_blank">Mail</a></span>
             </div>
@@ -50,7 +57,7 @@ <h2>Comments !</h2>
                 dsq.type = 'text/javascript'; dsq.async = true;
                 dsq.src = 'http://{{ DISQUS_SITENAME }}.disqus.com/embed.js';
                 (document.getElementsByTagName('head')[0] ||
-                   document.getElementsByTagName('body')[0]).appendChild(dsq);
+                 document.getElementsByTagName('body')[0]).appendChild(dsq);
             })();
             </script>
         </div>

notebook/templates/author.html

@@ -1,2 +1,14 @@
 {% extends "index.html" %}
+{% block head %}
+{{ super() }}
+<meta name="twitter:creator" content="{{ TWITTER_USERNAME }}">
+<meta name="twitter:url" content="{{ SITEURL }}/{{ author.url }}">
+<meta name="twitter:title" content="{{ SITENAME }} ~ {{ author }}">
+<meta name="twitter:description" content="Articles de {{ author }}">
+
+<!-- Facebook Meta Data -->
+<meta property="og:title" content="{{ SITENAME }} ~ {{ author }}" />
+<meta property="og:description" content="Articles de {{ author }}" />
+<meta property="og:image" content="{{ AVATAR }}" />
+{% endblock head %}
 {% block title %}{{ SITENAME }} - {{ author }}{% endblock %}

notebook/templates/base.html

@@ -3,20 +3,24 @@
 <head>
   {% block head %}
   <meta charset="utf-8">
+  <!-- Site Meta Data -->
   <title>{% block title %}{{ SITENAME }}{% endblock %}</title>
   <meta name="description" content="">
   <meta name="author" content="{{ AUTHOR }}">
 
+  <!-- Style Meta Data -->
   <link rel="stylesheet" href="{{ SITEURL }}/theme/css/notebook.css" type="text/css" />
   <link rel="shortcut icon" href="{{ SITEURL }}/{{ AVATAR}}">
 
+  <!-- Feed Meta Data -->
   <link href="{{ SITEURL }}/{{ FEED }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} ATOM Feed" />
   {% if FEED_RSS %}
   <link href="{{ SITEURL }}/{{ FEED_RSS }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} RSS Feed" />
   {% endif %}
 
+  <!-- Twitter Feed -->
   <meta name="twitter:card" content="summary">
-  <meta name="twitter:site" content="{{ SITENAME }}">
+  <meta name="twitter:site" content="{{ TWITTER_USERNAME }}">
   <meta name="twitter:image" content="{{ SITEURL }}/{{ AVATAR }}">
   {% endblock %}
 </head>
@@ -70,9 +74,9 @@ <h2>Categories</h2>
     <address id="about" class="vcard body">
       {% if FIREFOX_BANNERS %}
       <div align="center">
-      {% for id, img, alt in FIREFOX_BANNERS %}
-      <a href="http://affiliates.mozilla.org/link/banner/{{ id }}" target="_blank"><img src="{{ img }}" alt="{{ alt }}"/></a>
-      {% endfor %}
+        {% for id, img, alt in FIREFOX_BANNERS %}
+        <a href="http://affiliates.mozilla.org/link/banner/{{ id }}" target="_blank"><img src="{{ img }}" alt="{{ alt }}"/></a>
+        {% endfor %}
       </div>
       {% endif %}
       Blog powered by <a href="http://getpelican.com/">Pelican</a>, 

notebook/templates/categories.html

@@ -1,4 +1,16 @@
 {% extends "base.html" %}
+{% block head %}
+{{ super() }}
+<meta name="twitter:creator" content="{{ TWITTER_USERNAME }}">
+<meta name="twitter:url" content="{{ SITEURL }}/categories.html">
+<meta name="twitter:title" content="{{ SITENAME }} ~ Catégories">
+<meta name="twitter:description" content="{{ SITENAME }} ~ Catégories du site">
+
+<!-- Facebook Meta Data -->
+<meta property="og:title" content="{{ SITENAME }} ~ Catégories" />
+<meta property="og:description" content="{{ SITENAME }} ~ Catégories" />
+<meta property="og:image" content="{{ AVATAR }}" />
+{% endblock head %}
 {% block content %}
 <h2>Categories</h2>
 <ul class="category_folder">

notebook/templates/category.html

@@ -1,2 +1,14 @@
 {% extends "index.html" %}
+{% block head %}
+{{ super() }}
+<meta name="twitter:creator" content="{{ TWITTER_USERNAME }}">
+<meta name="twitter:url" content="{{ SITEURL }}/{{ category.url }}">
+<meta name="twitter:title" content="{{ SITENAME }} ~ {{ category }}">
+<meta name="twitter:description" content="Articles de {{ category }}">
+
+<!-- Facebook Meta Data -->
+<meta property="og:title" content="{{ SITENAME }} ~ {{ category }}" />
+<meta property="og:description" content="Articles de {{ category }}" />
+<meta property="og:image" content="{{ AVATAR }}" />
+{% endblock head %}
 {% block title %}{{ SITENAME }} - {{ category }}{% endblock %}

notebook/templates/index.html

@@ -1,4 +1,16 @@
 {% extends "base.html" %}
+{% block head %}
+{{ super() }}
+<meta name="twitter:creator" content="{{ TWITTER_USERNAME }}">
+<meta name="twitter:url" content="{{ SITEURL }}">
+<meta name="twitter:title" content="{{ SITENAME }}">
+<meta name="twitter:description" content="{{ SIDEBAR_DIGEST }}">
+
+<!-- Facebook Meta Data -->
+<meta property="og:title" content="{{ SITENAME }}" />
+<meta property="og:description" content="{{ SIDEBAR_DIGEST }}" />
+<meta property="og:image" content="{{ AVATAR }}" />
+{% endblock head %}
 {% block content_title %}{% endblock %}
 {% block content %}
 {% if articles %}

notebook/templates/tag.html

@@ -1,2 +1,14 @@
 {% extends "index.html" %}
+{% block head %}
+{{ super() }}
+<meta name="twitter:creator" content="{{ TWITTER_USERNAME }}">
+<meta name="twitter:url" content="{{ SITEURL }}/{{ tag.url }}">
+<meta name="twitter:title" content="{{ SITENAME }} ~ {{ tag }}">
+<meta name="twitter:description" content="Articles de {{ tag }}">
+
+<!-- Facebook Meta Data -->
+<meta property="og:title" content="{{ SITENAME }} ~ {{ tag }}" />
+<meta property="og:description" content="Articles de {{ tag }}" />
+<meta property="og:image" content="{{ AVATAR }}" />
+{% endblock head %}
 {% block title %}{{ SITENAME }} - {{ tag }}{% endblock %}

notebook/templates/tags.html

@@ -1,13 +1,21 @@
 {% extends "base.html" %}
+{% block head %}
+{{ super() }}
+<meta name="twitter:creator" content="{{ TWITTER_USERNAME }}">
+<meta name="twitter:url" content="{{ SITEURL }}/tags.html">
+<meta name="twitter:title" content="{{ SITENAME }} ~ Tags">
+<meta name="twitter:description" content="{{ SITENAME }} ~ Tags du site">
+
+<!-- Facebook Meta Data -->
+<meta property="og:title" content="{{ SITENAME }} ~ Tags" />
+<meta property="og:description" content="{{ SITENAME }} ~ Tags" />
+<meta property="og:image" content="{{ AVATAR }}" />
+{% endblock head %}
 {% block content %}
 <h2>Tags</h2>
 <ul>
-{% for tag in tag_cloud %}
-<li class="tag">
-	<a href="{{ SITEURL }}/{{ tag.0.url }}">
-		{{ tag.0 }}
-	</a>
-</li>
+{% for tag, articles in tags %}
+    <li><a href="{{ SITEURL }}/{{ tag.url }}">{{ tag }}</li>
 {% endfor %}
 </ul>
 {% endblock %}