diff --git a/hakyll-bootstrap/Main.hs b/hakyll-bootstrap/Main.hs
index 4874edd97cfd8f2fb2fc1237da2ffeb4fc72b1ba..5fae4f503e4a58f857b77aea56245e68e0f308fd 100644
--- a/hakyll-bootstrap/Main.hs
+++ b/hakyll-bootstrap/Main.hs
@@ -71,7 +71,7 @@ static = do
 
 resize :: Rules ()
 resize = do
-  match "img/**.png" $ do
+  match "img/thumbnails/**.png" $ do
       route idRoute
       compile $ loadImage
         >>= scaleImageCompiler 140 140
@@ -200,5 +200,6 @@ main = hakyllWith cfg $ do
   archive
   index
   templates
+  resize
   static
 
diff --git a/hakyll-bootstrap/img/thumbnails/boltzmann.png b/hakyll-bootstrap/img/thumbnails/boltzmann.png
new file mode 100644
index 0000000000000000000000000000000000000000..3349d3dc1e06a520293192ac22b9403f6ee47dd3
Binary files /dev/null and b/hakyll-bootstrap/img/thumbnails/boltzmann.png differ
diff --git a/hakyll-bootstrap/index.html b/hakyll-bootstrap/index.html
index 85f77ad33715b4f6035e3613532c5a35cca507a8..b9f51a985b3ab68ad63720894e49ab6fbf6a3f6b 100644
--- a/hakyll-bootstrap/index.html
+++ b/hakyll-bootstrap/index.html
@@ -71,20 +71,19 @@
 
       <div class="row">
         <div class="col-lg-4">
-          <img src="img/boltzmann.png" class="img-circle" data-src="img/boltzmann.png" alt="Generic placeholder image" src='./boltzmann.png'>
+          <img src="img/thumbnails/boltzmann.png" class="img-circle" data-src="img/boltzmann.png" alt="Generic placeholder image" src='./boltzmann.png'>
           <h2>Palabos</h2>
-          <p>Lorem ipsum dolor sit amet, consectetur adipiscing
-          elit. Nullam non est in neque luctus eleifend. Sed
-          tincidunt vestibulum facilisis. Aenean ut pulvinar massa.
+          <p>The Palabos library is a general-purpose computational fluid dynamics (CFD) library,
+            with a kernel based on the lattice Boltzmann (LB) method. It is used both as a research 
+            and an engineering tool.
           </p>
           <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
         </div>
         <div class="col-lg-4">
           <img class="img-circle" data-src="holder.js/140x140" alt="Generic placeholder image">
-          <h2>Heading 2</h2>
-          <p>Lorem ipsum dolor sit amet, consectetur adipiscing
-          elit. Nullam non est in neque luctus eleifend. Sed
-          tincidunt vestibulum facilisis. Aenean ut pulvinar massa.
+          <h2>Pandemic simulation</h2>
+          <p>Based on the A/B traffic simulation, a pandemic simulation layer
+            is added for disease propagation.
           </p>
           <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
         </div>