5 files changed, 28 insertions, 5 deletions
diff --git a/amber/layouts/_blog_summary.html.haml b/amber/layouts/_blog_summary.html.haml
index b14f6d0..58ab0d5 100644
--- a/amber/layouts/_blog_summary.html.haml
+++ b/amber/layouts/_blog_summary.html.haml
@@ -11,6 +11,9 @@
         = time_tag(page.props.posted_at.to_date, :format => :long, :pubdate => true)
   %div.content
     - if page.props.preview
+      - if page.props.preview_image
+        .preview-img
+          %img{:src => page.props.preview_image}
       = page.props.preview
       - if page.props.more
         = link(I18n.t(:read_more) => amber_path(page))
 \ No newline at end of file
diff --git a/pages/about-us/news/2015/bitmask-oh-eight-one.md b/pages/about-us/news/2015/bitmask-oh-eight-one.md
index de1e2a0..e611590 100644
--- a/pages/about-us/news/2015/bitmask-oh-eight-one.md
+++ b/pages/about-us/news/2015/bitmask-oh-eight-one.md
@@ -2,7 +2,8 @@
 @author = 'Ivan'
 @posted_at = '2015-03-07'
 @more = true
-@preview = '<div style="float:left; margin-right: 8px; margin-left: 0;"><img src="/img/pages/bitmask.png"></div><p>Bitmask for Linux 0.8.1 has been released. This release includes a couple of important bugfixes and a secure ZMQ fallback for distros that does not have CurveZMQ available.</p>'
+@preview_image = '/img/pages/bitmask.png'
+@preview = 'Bitmask for Linux 0.8.1 has been released. This release includes a couple of important bugfixes and a secure ZMQ fallback for distros that does not have CurveZMQ available.'
 
 Bitmask for Linux 0.8.1 has been released.
 
diff --git a/pages/about-us/news/2015/bitmask-oh-eight.md b/pages/about-us/news/2015/bitmask-oh-eight.md
index 20d5405..bcb1c94 100644
--- a/pages/about-us/news/2015/bitmask-oh-eight.md
+++ b/pages/about-us/news/2015/bitmask-oh-eight.md
@@ -2,7 +2,8 @@
 @author = 'Ivan'
 @posted_at = '2015-02-09'
 @more = true
-@preview = '<div style="float:left; margin-right: 8px; margin-left: 0;"><img src="/img/pages/bitmask.png"></div><p>Good news everyone! Bitmask for Linux 0.8 has been released. For version 0.8, we focused on fixing bugs and rewriting much of the backend code. There are no new features to try out but if you had some issue bothering you then give this new version a try and tell us how it goes.</p>'
+@preview_image = '/img/pages/bitmask.png'
+@preview = 'Good news everyone! Bitmask for Linux 0.8 has been released. For version 0.8, we focused on fixing bugs and rewriting much of the backend code. There are no new features to try out but if you had some issue bothering you then give this new version a try and tell us how it goes.'
 
 Good news everyone! Bitmask for Linux 0.8 has been released.
 
diff --git a/pages/about-us/news/2015/circunvention-tech-festival.md b/pages/about-us/news/2015/circunvention-tech-festival.md
index bf522ec..737508a 100644
--- a/pages/about-us/news/2015/circunvention-tech-festival.md
+++ b/pages/about-us/news/2015/circunvention-tech-festival.md
@@ -2,11 +2,14 @@
 @author = 'meskio'
 @posted_at = '2015-04-13'
 @more = true
-@preview = '<div style="float:left; margin-right: 8px; margin-left: 0;"><img src="/img/pages/ctfestival.jpg"></div><p>Last week we were at the <a href="https://openitp.org/festival/circumvention-tech-festival.html">Circumvention Tech Festival</a> were we were talking about topics like OpenPGP usability, reducing email metadata leakage, ...</p>'
+@preview_image = "/img/pages/ctfestival.jpg"
+@preview = 'Last week we were at the <a href="https://openitp.org/festival/circumvention-tech-festival.html">Circumvention Tech Festival</a> were we were talking about topics like OpenPGP usability, reducing email metadata leakage, It was an intense week, full of interesting conversations in the workshops and at the bar over beers.'
 
-The past week several leapers attended the <a href="https://openitp.org/festival/circumvention-tech-festival.html">Circumvention Tech Festival</a> in Valencia (Spain).
+<img class="left" src="/img/pages/ctfestival.jpg">
 
-It was an intense week, full of interesting conversations in the workshops and at the bar over beers. OpenITP organized user testing of Bitmask, and we learned a lot from the user experience on what should be improve to make Bitmask intuitive. We spent time with users from many corners of the world learning the specific problems that they try to solve with Bitmask and how can we help them. There was a meeting of VPN client developers to see how we can help each other and share knowledge and code. We met some <a href="http://modernpgp.org/">ModernPGP</a> people and learned a lot from them about how to improve the user experience of OpenPGP clients. There was talk about hiding email metadata and many OpenPGP client developers decided to unite forces to reduce the metadata leakage in email.
+The past week several leapers attended the [[Circumvention Tech Festival -> https://openitp.org/festival/circumvention-tech-festival.html]] in Valencia (Spain).
+
+It was an intense week, full of interesting conversations in the workshops and at the bar over beers. OpenITP organized user testing of Bitmask, and we learned a lot from the user experience on what should be improve to make Bitmask intuitive. We spent time with users from many corners of the world learning the specific problems that they try to solve with Bitmask and how can we help them. There was a meeting of VPN client developers to see how we can help each other and share knowledge and code. We met some [[ModernPGP -> http://modernpgp.org/]] people and learned a lot from them about how to improve the user experience of OpenPGP clients. There was talk about hiding email metadata and many OpenPGP client developers decided to unite forces to reduce the metadata leakage in email.
 
 As usual in this kind of conferences we came back with much work to do and a burst of energy.
 
diff --git a/pages/assets/_leap.scss b/pages/assets/_leap.scss
index e6a14f1..88b2a41 100644
--- a/pages/assets/_leap.scss
+++ b/pages/assets/_leap.scss
@@ -238,3 +238,18 @@ article.page-summary {
     margin: 0px;
   }
 }
+
+.preview-img {
+  float:left;
+  margin-right: 8px;
+  margin-left: 0;
+  img {
+    width: 175px;
+    height: auto;
+  }
+}
+
+img.left {
+  float:left;
+  margin: 7px 14px 0px 0px;
+}
+\ No newline at end of file